Skip to content

GiorgioCode/Tutorias_Javascript

Repository files navigation

HEADER

Tutor: Jorge Angel PAEZ

Material desarrollado para tutorias de Cursos de Javascript de CODERHOUSE

Night Coding

Hola! Mi nombre es Jorge Angel PAEZ y soy tutor de JAVASCRIPT en [CODERHOUSE]. En este repositorio, los alumnos podrán encontrar diferentes recursos relacionados con la cursada.


HANDS ON

CLASE 01 - Uso de prompt y variables.

Crear un algoritmo pidiendo al usuario un dato y mostrarlo en un ALERT.

DIAGRAMA DE FLUJO

VER CODIGO VER STACKBLITZ VER EJEMPLO

CLASE 02 - Control de flujo.

Crear un algoritmo pidiendo al usuario un dato incluyendo un condicional para mostrar diferentes mensajes en funcion del dato ingresado.

DIAGRAMA DE FLUJO

VER CODIGO VER STACKBLITZ VER EJEMPLO

CLASE 03 - Ciclos/Iteraciones.

EJEMPLO 1 - CICLO FOR

El ciclo FOR se ejecutará durante una determinada cantidad de pasos, segun lo establecido por el programador y en cada paso, se ejecutarán acciones. En este ciclo, se utiliza una variable indice, que se utiliza para llevar la cuenta de los pasos. El valor de esta variable, puede ser utilizado para interactuar con la accion llevada a cabo en el paso que se encuentre el ciclo. En este caso, utilizamos el ciclo FOR para mostrar en la consola, la generacion de una tabla de multiplicar, segun el valor ingresado por el usuario.

DIAGRAMA DE FLUJO

VER CODIGO VER STACKBLITZ VER EJEMPLO

EJEMPLO 2 - CICLO WHILE

El Ciclo while, se ejecutará mientras se cumpla una determinada condición. En este ejemplo, solicitamos al usuario que ingrese un numero mediante un PROMPT y dicho numero se guarda en una variable. La condicion de ejecucion del ciclo es que dicha variable, sea distinta de 55. Por ello, cuando el usuario ingresa el numero 55 el ciclo finaliza.

DIAGRAMA DE FLUJO

VER CODIGO VER STACKBLITZ VER EJEMPLO

CLASE 04 - Programación con funciones.

En este ejemplo, crearemos una funcion que calcule el volumen de una esfera, a partir de solicitar al usuario, el radio de dicha esfera.

DIAGRAMA DE FLUJO

VER CODIGO VER STACKBLITZ VER EJEMPLO

AFTERCLASS 10/06/2022

En este After, practicaremos el uso de clases, metodos y propiedades de clases, arrays y metodos de arrays como asi tambien el uso de funciones.

VER CODIGO VER EJEMPLO

AFTERCLASS 24/06/2022

En este After, practicaremos el uso de eventos y de manejo del DOM, creando desde cero, un buscador de usuarios que filtra una serie tarjetas en funcion de los datos que contengan. Tambien generaremos una seccion de favoritos y haremos que las tarjetas introducidas en favoritos, se guarden en el localStorage del navegador para poder mantenerlas en diferentes usos.

Diagrama funcional

DIAGRAMA DE FLUJO

TEMAS PRACTICADOS

Funciones - localStorage - Manejo de DOM - Condicionales - Ciclos - Array y metodos - Objetos - Template Strings - Eventos

LINKS DE INTERES UTILIZADOS:

https://www.mockaroo.com/schemas/new | https://getbootstrap.com/docs/5.2/getting-started/introduction/ | https://bootswatch.com/

VER CODIGO VER EJEMPLO

About

Material desarrollado para tutorias de Cursos de Javascript de CODERHOUSE

Resources

License

Stars

9 stars

Watchers

1 watching

Forks

Releases

No releases published

Packages

 
 
 

Contributors