Lenguajes y compiladores

Clase 8 de 50 • Curso de Programación Básica 2014

Clase anteriorSiguiente clase

Abner Batz

student•

Lenguaje > Compilador > ejecución

Lenguaje = Lugar donde programamos

Compilador = toma el contenido del lenguaje y lo convierte en forma de máquina (assembler)

Ejecución = Generalmente ejecutarlo en un SO

Lenguaje a utilizar JS

Omar Antonio Yarlequé Peña

student•

Rhendell Zambrano

student•

Hola amigos, en caso de que pueda ayudar con mis notas.

Carrera: FrontEnd Profesional
Curso: Programación Básica
Clase: Lenguaje y Compiladores
Facilitado: John Freddie Vega Twitter: @freddier

Basta saber que para empezar a programar solo necesitamos de 2 cosas:

Un editor de código
Algo para probar el código

¿Qué son los lenguajes de programación?

Un lenguaje de programación es un lenguaje formal diseñado para realizar procesos que pueden ser llevados a cabo por máquinas como las computadoras. Pueden usarse para crear programas que controlen el comportamiento físico y lógico de una máquina, para expresar algoritmos con precisión, o como modo de comunicación humana.
Está formado por un conjunto de símbolos y reglas sintácticas y semánticas que definen su estructura y el significado de sus elementos y expresiones. Al proceso por el cual se escribe, se prueba, se depura, se compila (de ser necesario) y se mantiene el código fuente de un programa informático se le llama programación.

TIP: Existen varios tipos de lenguajes de programación de diferentes clasificaciones.

¿Que son compiladores?

Un compilador es un programa informático que traduce un programa escrito en un lenguaje de programación a otro lenguaje de programación. Usualmente el segundo lenguaje es lenguaje de máquina, pero también puede ser un código intermedio, o simplemente texto. Este proceso de traducción se conoce como compilación.

¿Cómo funcionan los lenguajes de programación?

En principio a través de un editor se crea la estructura del código que necesitamos ejecutar con algún lenguaje, una vez finalizado se envía a un compilador el cual se encarga de traducir el código escrito anteriormente para finalizar ejecutándolo en un sistema operativo o un website.

Se podría decir que la estructura esta dada de la siguiente manera:

Lenguaje —————- Compilación —————Ejecución

TIP: HTML no es un lenguaje de programación.
TIP: JavaScript es un standart para el desarrollo web.
TIP: JavaScript no tiene un compilador, en vez de eso usa una máquina virtual.

Motores de renderizado.

Un motor de renderizado es software que toma contenido marcado (como HTML, XML, archivos de imágenes, etc.) e información de formateo (como CSS, XSL, etc.) y luego muestra el contenido ya formateado en la pantalla de aplicaciones. El motor "pinta" en el área de contenido de una ventana, la cual es mostrada en un monitor o una impresora. Los motores de renderizado se usan típicamente en navegadores web, clientes de correo electrónico, u otras aplicaciones que deban mostrar y editar contenidos web.

Algunos de los motores de renderizado más notables son:
•    Gecko, utilizado en Mozilla Suite, y otros navegadores como Galeon.
•    Trident, el motor de Internet Explorer para Windows.
•    KHTML/WebCore, el motor de Konqueror. Antecesor del WebKit.
•    Presto, el antiguo motor de Opera.
•    Tasman, el motor de Internet Explorer para Mac.
•    gzilla, el motor de Dillo.
•    GtkHTML, el motor de Links.
•    WebKit, el motor de Epiphany, Safari.
•    Blink, el nuevo motor de Google Chrome y Opera.
•    Servo, nuevo motor en desarrollo por parte de Mozilla (con el apoyo de Samsung), está siendo optimizado para la arquitectura ARM y la plataforma Android.

REF https://es.wikipedia.org/wiki/Lenguaje_de_programación
REF https://es.wikipedia.org/wiki/Compilador
REF https://www.pedroventura.com/desarrollo-web/motores-de-navegadores-web-gecko-trident-webkit-y-otros/
REF https://es.wikipedia.org/wiki/Motor_de_renderizado

Ronald Lau Lau

student•

Excelente aporte

Elkin Mauricio Ballén Granados

student•

sweet! tnx!

Hugo Salinas

student•

Existen ciertas imprecisiones en el video acerca de HTML, Javascript y los motores internos que permiten ejecutar el código de cada uno de ellos. En el video se menciona que:

HTML no es un lenguaje y que JavaScript esta dentro de HTML...eso es incorrecto...HTML si es un lenguaje (HiperText Markup Language - Lenguaje de Marcación de HiperTexto) y si es de programacion porque "programas" las instrucciones (etiquetas) de como se tiene que estructurar el contenido en tu pagina web y que terminaran conformando el DOM.
Javascript se ejecuta dentro de HTML...es incorrecto...Javascript es interpretado directamente por el navegador Web y no por el HTML y con el se ejecutan las interacciones que deben realizarse sobre el contendido del DOM previamente ya programado y estructurado por el HTML.
Que WebKit o Blink es el render interno que comvierte el HTML y el Javascript en cosas visuales, a medias correcto...estos motores si convierten en cosas visuales las instrucciones (etiquetas) del HTML que fue interpretado y finalmente conformado como el DOM, pero el encargado de interpretar el Javascript no son estos motores, en Chrome el encargado de Interpretar el Javascript es el engine de javascript del navegador llamado V8 y en internet explorer el engine encargado en Interpretar el codigo Javascript es llamado Chakra, de igual forma los navegadores Firefox y Safari tendra su motores para interpretar javascript y sus motores para interpretar HTML (Son dos engines diferentes para HTML y Javascript que se encuentran en los navegadores web).
Se que es un curso de introduccion pero hay que ser precisos en la teoria que se enseña para que quienes estan aprendiendo no se vayan con los conceptos equivocados y tengan un mejor panorama y entendimineto de las tecnologias que estan aprendiendo.

Pedro Armando Montalvo Díaz

student•

hrogeliosc:

Mucho te agradecería no dejes de alcanzarnos tus aportes. En lo personal, es poco lo que sé respecto a estos temas. No obstante, es mi deseo adentrarme en los mismos.
Acto seguido, pasaré a solicitar -si cabe el término- mayores precisiones (en este caso, de parte del expositor); pues efectivamente, se debe ejercer docencia y NO improvisación, que rebajarían la calidad y seriedad en el curso. Un abrazo.

Santiago Umaña Acevedo

student•

Hola hrogeliosc: aclarando un poco Freddy dice HTML no es un lenguaje de programación y tiene razón HTML SI es un lenguaje pero es un lenguaje de modelado de texto, efectivamente no es un lenguaje de programación, como si lo es Javascript. En cuanto a lo demás encuentro muy apropiado tu aporte

Daniel

student•

LENGUAJE: la forma en que el programador plasma su idea; es decir puede hacer uso de php, java, c++....etc los distintos lenguajes de programacion.

COMPILADOR: convierte el lenguaje en codigo maquina; es decir lo adapta para que la computadora pueda ejecutar su idea....

EJECUCION: donde se ejecutan sus ideas; es decir sobre un sistema operativo.

PARA ESTE CURSO:

LENGUAJE:

html: lenguaje de etiquetado = contenedor
javascript: lenguaje de programación

COMPILADOR:

se hace por medio de una Maquina Virtual:
chrome: blink; internet explorer: trident

EJECUCION:

por medio de un navegador: chrome, mozilla, internet explorer etc...

Viridiana Sánchez Ramírez

student•

HTML: contenedor estructural (suena coqueto)

JavaScript: lenguaje de programación que es contenido en HTML

Maquina virtual: es como un pedacito de código que los lenguajes de programación los convierten en código máquina. (ceros y unos).

Webkit
Blink

JAVA: lenguaje de programación orientado a objetos... utiliza clases, herencia, polimorfismo, etc... (traumas de mis clases con Chabela)

Alvaro Enrique

student•

Lenguaje (Lugar donde vamos a programar), el compilador agarra el contenido del lenguaje y lo convierte a código de maquina para que lo entiendan los procesadores, y todo se ejecuta en un sistema operativo (windows, linux, MAC).

HTML: contenedor estructural

JavaScript: lenguaje de programación que es contenido en HTML (Desarrollo de aplicaciones web)

Maquina virtual: es como un pedacito de código que los lenguajes de programación los convierten en código máquina. (ceros y unos).

Webkit
Blink

JAVA: lenguaje de programación orientado a objetos... utiliza clases, herencia, polimorfismo, etc...

Lenguaje: HTML (Javascript) ------ Compilador: Maquinas virtuales que agarra los lenguajes de programacion y los convierte en código de maquina sin transformarlos en código binario ----------- Ejecución: Navegador como Chrome e Internet Explorer

Jonatan Ruben Sosa Caycay

student•

Actualmente estoy usando Atom como editor de texto, que a diferencia de Sublime Text, es gratuito, es un editor de código creado por la comunidad Github, y tambien lo usan profesores de Platzi, como por ejemplo Carlos Azaustre del Curso de Responsive Design en la carrera de Fronted-Profecional, si quieren algo parecido a Sublime Text y gratis usen Atom, Aqui dejo link por si les interesa.

https://atom.io/ Editor de texto
https://carlosazaustre.es/blog/ El blog de Carlos por si quieren saber mas en referencia a JS, tiene artículos muy buenossobre desarrollo web.

Carlos Alemán

student•

y sirve el lenguaje c#?

Amin Chavarria

student•

Claro que sirve, hasta para crear páginas web, acá donde trabajo crearon un framework con C# para crear el sitio de intranet para gente de negocio.

José Manuel Cornelio

student•

Las Apps de IOS normalmente son creadas con C#

Emmanuel Martínez

student•

La tablet mágica de @freddier

Daniel Jesus Ovalle Contreras

student•

donde puedo encontrar los archivos ?

Kelsy cabello

student•

JAVA Y JAVASCRIPT son muy diferentes
JAVA: es un lenguaje de programación semiabierto, semicerrado y super monolítico sirve para hacer paginas web no para hiperactividad online. y se ejecuta dentro de su maquina virtual.

JAVASCRIPT: es un lenguaje de programación, sirve como standar de la industria para desarrollo de aplicaciones web, que se ejecuta dentro de HTML. permitiendo crear efectos atractivos y dinámicos en las páginas web.

Luis

student•

Los Métodos de Enseñanzas Cambian: Si a mi en mi primer semestre de Universidad Técnica en la Materia "Informática Básica" el profesor que en ese entonces tenia edad suficiente como para deducir que participó en la construcción del Ábaco me hubiese explicado de esa manera tan fácil y practica que Freddy Vega lo hace se lo hubiese agradecido toda la vida.
Algoritmos en papel y compila con BASIC fue el Infierno hecho realidad en 6 meses.... me quedo la materia por supuesto!!... y ni hablar de una señora de 60 años que daba Turbo Pascal en "Lenguaje de Programacion I" era para morir.... la repetí 2 veces!!... y así fue mi experiencia en la universidad con la programación... por eso decidí destacarme en Redes y Base de Datos a través de mi vida profesional... Pero ya es Hora, es una asunto de Honor hacia el Oficio que escogí en el cual desempeñarme... Aprender a Programar... Nunca es tarde cuando se quiere seguir caminando hacia el futuro!!!...
Saludos y Éxitos Platzi!!!...

Diego Zapico Ferreiro

student•

En 1:30 se dice que el compilador se llama .NET, pero así se llama el framework sobre el que funcionan varios lenguajes, realmente el compilador depende del lenguaje (ya sea C#, VBasic...) y creo que nadie sabe el nombre a no ser el nuevo, Roslyn.
Realmente no tiene importancia, pero como aporte ;)

Roberto Martinez

student•

CUALES MATERIALES???

Paulo Estares Martines

student•

Los materiales estan los capitulos anteriores , donde te adjuntas todos los archivos del curso..

Oscar Colorado Lopez

student•

Para programar se necesita un Editor de código y algo para probar el código,
estas dos características son cubiertas por los Lenguajes de programación que
constan básicamente de:

lenguaje: C++.
compilador: Asembler.
ejecución: Códigos binarios.

Lenguaje son las instrucciones que tiene definidas cada programa y que
nosotros definimos para cumplir un objetivo, el compilador se encarga de convertir
esas instrucciones en código de máquina que son instrucciones que entiende el
procesador, pero en la ejecución ese lenguaje de maquina es convertido a
binarios 0101 que son realmente las instrucciones que entiende el procesador.

HTML no es un lenguaje de programación pero si es el contenedor de uno
llamado JavaScript, pero a diferencia de los lenguajes tradicionales JavaScript
no tiene un compilador y un ejecutor. JavaScript tiene son máquinas virtuales
dependiendo del navegador:

-
Safari
webkit ->motor de render.

-
Chrome
blink.

-
Internet Explorer trident.

Eduardo BP

student•

Creo que lo correcto es decir que una cosa es el motor de renderizado del navegador, y otra diferente es el motor de javascript que usa el navegador.
El motor de renderizado se encarga de "pintar" todos los elementos en la página web (incluida la aplicación de estilos CSS), y el motor de javascript se encarga de INTERPRETAR y EJECUTAR todo el código javascript.

Por ejemplo, Blink es el motor de renderizado del navegador Google Chrome, y V8 es un motor de javascript que es usado por Blink dentro de Chrome, pero también es usado en otros entornos diferentes a los navegadores, como NodeJS.
NodeJS usa el motor de javascript V8 para interpretar y ejecutar código javascript.

https://en.wikipedia.org/wiki/Web_browser_engine
https://en.wikipedia.org/wiki/JavaScript_engine

Luis León

student•

Es hora de actualizar los cursos. Este video es del 2014, y sinceramente los conceptos básicos no se aprenden en un video de 8 minutos.

Gisselle Marín Ceballos C

student•

HTML no es un lenguaje de programación, sólo es un intérprete de etiquetas, podemos usarlo para maquetar una interfaz, no para programar.
buen inicio!

Ernesto Cantu

student•

quizas pudiera interesarles:

Existen lenguajes compilados y lenguajes interpretados.

Los lenguajes compilados son lenguajes cuyas instrucciones son tomadas por el compilador y lo convierte a un archivo con instrucciones que la computadora entiende. Ejemplos pueden ser C, C++, Fortran, etc...

Los lenguajes interpretados son lenguajes en los que el programador arranca un programa llamado interprete para que ese programa interprete las instrucciones del usuario y las convierta a lenguaje máquina. Ejemplos de esto son lenguajes como Python, R, o Groovy.

Existen ademas algunos lenguajes como java mitad interpretados y mitad compilados. en el caso especifico de java, el código es compilado y convertido a un lenguaje que un interprete pueda entender (la máquina virtual de java)

Saludos...

jeisson Andrade

student•

Interesante información sobre los motores de renderizado. Les dejo una tabla de los motores javascript y de renderizado :

https://sangrial24.files.wordpress.com/2012/09/tabla1.jpg?w=640

https://sangrial24.wordpress.com/2012/09/22/diferencias-entre-los-5-navegadores-mas-utilizados-actua...

Jose Carlos Orozco Medina

student•

Lenguaje --> Compilador --> Ejecución.
C++ .Net Windows (.exe)

Lenguaje: HTML(Javascript), Java no es javascript.
Compilador: Maquina Virtual: Blink.
Ejecución: Navegador: Chrome.

#SoyMejorandola (Twitter).

Lenguajes y compiladores

Bienvenido

Aprender a programar es fácil

La Web con Visión Profesional

Aprende sobre Algoritmos

Condicionales y operadores en programación

Qué lenguaje de programación aprender primero

Material del curso / Archivos del curso

Introducción básica a HTML y Javascript para programar

Uso del sistema de vídeo y notas

Lenguajes y compiladores

HTML y Javascript

Variables y funciones

Piedra, papel y tijera con Javascript

Variables, Matrices y Objetos en Javascript

Escribir HTML desde JS (document.write)

Matrices

Juego campo minado

Objetos del navegador

Objetos en JS

Preguntas

Ciclos y Dibujos con Canvas

Ciclos

Dibujos con canvas

Dibujar con eventos

Preguntas y respuestas

Programando juegos con canvas

Tipos de imágenes

Insertar imágenes en canvas

Dibujo de múltiples imágenes en canvas

Dibujar al enemigo y controlar a Diana

Sesión de preguntas y respuestas

Uso de Objetos, Prototype y juego de ahorcado en Canvas

Objetos en JavaScript con Prototype

Creando el juego del Ahorcado

Dibujo de un ahorcado usando Canvas

Sesión de preguntas y respuestas

Cómo crear un algoritmo para el juego del ahorcado

Extendiendo la funcionalidad de los Strings

Creando nuestro algoritmo para el juego del ahorcado

Sesión de preguntas y respuestas

Pregúntale a Freddy lo que quieras ... acerca de programación ;)

Todo lo que siempre quisiste saber sobre este curso y no te atrevías a preguntar - Parte 1

Todo lo que siempre quisiste saber sobre este curso y no te atrevías a preguntar - Parte 2

Conceptos básicos de programación: Frontend-Backend

¿Qué es Frontend y Backend?

Ejemplo de un login usando POST y GET

Ejemplo de un login usando AJAX

Sesión de preguntas y respuestas

Crea tu primer servidor web con Node.JS

Instalación de Node.js

Instalación de librerías de Node con npm

Modelo cliente servidor y seguridad web básica

Servidor web con Express y Node.js

Formulario de login con Node.js

Sesión de preguntas y respuestas

Aprende a volar un dron con Javascript

Introducción a los drones

Bases de Node.js para drones

Vuela un dron con Node.js

Sesión de preguntas y respuestas

Complementos del curso

Publica tu sitio web usando GitHub Pages