Módulo II: JavaScript
Clase 13
Entorno de trabajo y lógica
de la programación
¿Ponemos a grabar
la clase?
Front-end y back-end
En esta parte del curso nos
focalizaremos en el
desarrollo front-end de la
aplicación web.
JavaScript
Es un lenguaje de programación que se utiliza
principalmente para aportar dinamismo a sitios web y
aplicaciones.
Técnicamente, JS es un lenguaje de programación
interpretado, por lo que el código escrito con JavaScript se
puede probar directamente en cualquier navegador sin
necesidad de procesos intermedios.
Funciona en complemento con los lenguajes web HTML Y
CSS3.
NodeJs
Es un entorno de ejecución
multiplataforma y de código abierto. Es una
herramienta popular para casi cualquier tipo de
proyecto.
Ejecuta el motor JavaScript V8, el núcleo de
Google Chrome, fuera del navegador. Esto
permite ejecutemos código JavaScript por fuera
de un navegador web.
Para poder instalarlo, necesitamos
Descargarlo aquí
Consola/Terminal Comandos
Es un programa que todos los
● ls - lista de archivos (creo directorio en windows)
sistemas operativos tienen. Por
● clear - limpia la consola
medio de él podemos darle
● mkdir nombreCarpetaNueva - crea una carpeta nueva
órdenes al sistema.
● cd nombreCarpeta – cambia de carpeta
● cd .. - retrocede una carpeta
Tenemos la posibilidad de usar la
● rm nombreArchivo - borramos el archivo
terminal dentro de vscode, o fuera
● touch [Link] - Crea un archivo nuevo
de él.
● echo $null > [Link] - en Windows crea un
archivo
● node nombreArchivo – Ejecuta archivo js
¿Vamos a la práctica?
Siguiendo a la profe, vamos probando algunos
comandos en la consola
Lógica de la programación
Existen diferentes estilos de usar la programación para resolver un problema.
Imperativa Declarativa Orientada a objetos Reactiva
No necesita definir
Los programas Organiza el diseño de Se basa en escuchar
algoritmos puesto que
consisten en una software en torno a lo que emite un
describe el problema en
sucesión de datos u objetos, en evento o cambios en
lugar de encontrar una
instrucciones o conjunto lugar de funciones y el flujo de datos, en
solución al mismo. Así,
de sentencias, paso a lógica. Se acerca de donde los objetos
utiliza el principio del
paso. Dentro del alguna manera a cómo reaccionan a los
razonamiento lógico para
paradigma imperativo expresaremos las valores que reciben
responder a las
encontramos estos cosas en la vida real. de dicho cambio.
preguntas o cuestiones
enfoques:
consultadas.
Estructurada,
Se divide en dos: Lógica
Procedimental y
y Funcional.
Modular.
Diagrama de flujo
Nos permite determinar los pasos
para poder llevar adelante un
proceso o una tarea, de esta forma
sabemos que hay que hacer y
pensar el problema previo a la
resolución.
Elementos
Símbolo Nombre Función
Representa el inicio y el final
Inicio / Final
del un proceso
Indica el orden de la
ejecución de las operaciones.
Línea de flujo
Indica la siguiente
instrucción
Representa la lectura de
datos en la entrada y la
Entrada / Salida
impresión de datos en la
salida
Representa cualquier tipo de
Proceso
operación
Nos permite analizar una
Decisión situación, con base en los
valores verdadero y falso
Ejemplo Cajero Automático
Algoritmo
En programación, un algoritmo es un
conjunto de procedimientos o
funciones ordenadas que se necesitan
para realizar cierta operación o acción.
Por ejemplo, en una suma el algoritmo
implica tomar un dato, sumarlo a otro y
obtener un resultado.
Descanso
Nos vemos en 15 minutos
¿Vamos a la
práctica?
¡A practicar!
En grupos de 3 personas, les proponemos:
1. Resolver los 12 desafíos que encontrarán en
el conocido juego Light-bot.
2. Antes de resolver cada nivel, la idea es que
piensen el paso a paso y diseñen un
diagrama de flujo. De esta manera, será más
fácil indicar órdenes al robot.
3. Herramientas que pueden utilizar:
Lucidchart
Creately
Presentación
Espacio para compartir la actividad práctica.
Cierre
¿Preguntas?
¡MUCHAS GRACIAS!