tecnologia programa wed

1. JavaScript
Llego el momento de crear funcionalidad en
nuestras páginas web y hacerlas dinámicas
1995 JavaScript es el lenguaje de programación encargado
de dotar de mayor interactividad y dinamismo a las
páginas web. Cuando JavaScript se ejecuta en el
navegador, no necesita de un compilador. El navegador lee
directamente el código, sin necesidad de terceros. Por
tanto, se le reconoce como uno de los tres lenguajes
nativos de la web junto a HTML (contenido y su
estructura) y a CSS (diseño del contenido y su
estructura).
JavaScript
no
es
lo
mismo
que
JAVA
ojo

2. Bitácora
Vamos a construir nuestra
bitácora de JavaScript en
https://padlet.com/
Variables en JavaSscript
Contenedores Const
Contenedores Let
Tipos de datos especificos en JavaScript
Numeros
Cadenas de Texto o strings
Uso de datos booleanos
Fechas en JavaScript
Simbolos de JavaScript
Datos con JSON
Para que sirve el uso de
consola en JavaScript ?
Que es el Strict mode?
Uso de operadores en JavaScript
Operadores aritméticos
Operadores relacionales
Operadores logicos
Operadores de asignación
Operador negativo
Operador de concatenación
Uso de condiciones o decisiones
Condicion If
Condicion if-else
Estructura Switch
Ciclos o loops en JavaScript
Ciclo for
Ciclo while
Ciclo do while ondicion If
Condicion if-else
Estructura Switch
Funciones y metodos
Como es la estuctura de una funcion?
Parametros de una funcion
inicializacion de parametros
que son los parametros tipo REST
que es un callback
que es una funcion arrow
tipos de eventos
que es el DOM y como se
manipula EL DOM
Entrega 25 de julio 2022

3. Retomar
conceptos en
lo práctico
En esta sección el martes 26 y miércoles
27 de julio del 2022
revisaremos el siguiente GITHUB para
poder explicar como es el manejo de la
consola, la creación de script y los
conceptos básicos de JS hasta el punto 9

4. 01
02
03
Vamos a
retarnos un
poco
Estos son los juegos y retos que debes resolver en
el de introducción a JS debes crear una cuenta y
ver todo el módulo recuerda crear la evidencia en
un documento con los pantallazos a medida que
vas avanzando
JSRobot
CodeCombat
Introducción a JS dibujo y animación
Entrega 29 de julio 2022

5. Vamos a crear un reloj
o una calculadora
Una manera de afianzar los conocimientos en JS es creando
funcionalidad para un reloj o para una calculadora a
continuación encontrarás el código base de ambos, pero tú
debes crear la funcionalidad, escoge el que gustes
También puedes buscar un tutorial diferente si quires
Calculadora / Reloj
Entrega 03 de Agost 2022

6. Vamos al código
Consumo de API
1. Lee la documentación
2. Mira el video
3. Crea el proyecto
4. Toma el código, copia y
pega e intenta resolverlo.
!Revisa las pistas!
Pokedex
Cuando lo logres súbelo a tu
Github y en el readme
cuentanos como lo realizaste
¡Hola! En este reto vamos a
optimizar nuestra pokedex
anterior mente crear en css pero
usando JavaScript.
Entrega 05 de agosto 2022

7. Vamos al codigo
En este reto vamos a crear y
modificar nuestro propio
reproductor de música usando de
base el diseño y código de
Mauricio Bucardo
Debes crear el proyecto reproductor en tu computador con los tres
archivos HTML, CSS, JS
Debes copiar el código del siguiente GITHUB
Debes pegar el código en tu proyecto
debes rediseñar el reproductor usando CSS
Debes experimentar con el JS y observar que pasa cuando borras líneas
o cambias el orden de las líneas de código ( recuerda tomar pantallazos
y enviar evidencias, esto lo debes hacer mínimo con 28 líneas de código,
tú escoge cuáles )
Debes agregar al menos una canción favorita de cada integrante del
bootcamp (debes preguntarles a tus compañeros, es decir, 28 canciones,
incluyendo a los profes)
Pasos a realizar
1.
2.
3.
4.
5.
6.
Entrega 10 de agosto 2022

8. Brief de proyecto JS
En grupos de 3 a 2 personas deben desarrollar un juego de
memoria.
Se deben cumplir con los requisitos técnicos
Los grupos deben trabajar en un Git colaborativo (investigar)
El diseño, la funcionalidad y el trabajo en equipo lo evaluará la
profesora Lorena para escoger un equipo ganador
Luis es un aficionado a los juegos de memoria, pero su casa se
inundó y sus juegos de mesa se arruinaron.
Debido a esto, Luis decidió hacer un concurso con los
desarrolladores de Prográmate School donde los parámetros son
los siguientes:
1.
2.
3.
4.
El premio será un mes de Netflix con para cada integrante del
grupo.
Entrega 17 de agosto 2022

9. Requerimientos técnicos
El desarrollo del juego debe ser en grupo
El juego de memoria debe ser funcional (ejemplo como el de la profe Juli)
El juego de memoria debe tener una paleta de colores juvenil
Se debe poder cambiar de nivel
Se debe sacar el tiempo para hacer la partida (contador)
Debe tener mensajes de se acabó el tiempo, has ganado y has perdido
Debe tener funciones con sonidos para cada interacción del usuario
Debe leer los comentarios en el código en ejemplo, pues ahí está la
solucion
1.
2.
3.
4.
5.
6.
7.
8.

10. CREA UN
TRELLO CON
LAS HISTORIAS
DE USARIO DE
LUIS
Y ORGANIZA TU
TIEMPO PARA
LAS DIFERENTES
ENTREGAS
CUANDO
TENGAS EL
BACKLOG BIEN
REALIZADO
MUESTRALO A
TUS
FORMADORES
PARA REVISION
DISEÑA EL
JUEGO DE
MEMORIA EN
FIGMA
PARA QUE
SEPAS COMO
SERÁ LA
DIAGRAMACIÓN
Y CUÁL SERÁ
EL RESULTADO
FINAL
CREA UN GIT Y
UN GITHUB DEL
PROYECTO Y
TODOS LOS
CAMBIOS
SUBELOS PARA
QUE ESTEN
ALMACENADOS
EN LA NUBE

11. 01 02 03 04
Recursos
https://github.com/wjulifaj
arb/Juego-de-memoria-
Codigo pista del juego
https://github.com/wjulifaj
arb/Juego-de-
memoria-/tree/main/docu
mentacio-juego
Documentación guia de
conceptos
https://cindy-
zaray.github.io/Juego-
de-Memory-con-js/
Juego funcional
ejemplo
https://gist.github.com/ni
colezimerman/939e9b3d
d35c615811282cd5a01c
07fc#hacer-los-cambios
Documentación git
colaborativo

12. Entregables
1.Link de bitácora con los conceptos investigados (agregar ejemplos)
2.PDF con los pantallazos de los retos realizados.
3.Link del GitHub con el reto de la pokedex consumiendo una API
4.Link del Trello con el backlog de Luis
5.Link GitHub con el código final del juego de memoria ( evidencia de la
participación del trabajo colaborativo) Este git debe tener un README
6.Link del diseño en figma del juego
7.PDF con el feedback de lo aprendido en este workbook de manera grupal