Cada capítulo contiene un conjunto de ejercicios donde podrás experimentar los conceptos revisados durante la clase. Cada ejercicio contiene un conjunto de pruebas para validar tu respuesta.
Enlace al sitio web.
- Editor de texto
- Sublime,
- Visual Studio Code, o cualquier otro editor de texto.
- Git
- Descargue e instale desde el sitio oficial.
- node
- Instale node, dese el sitio oficial.
- npm
- Descargue el paquete de manera global, con:
npm install -g npm
- Descargue el paquete de manera global, con:
- Accede a la página de cada ejercicio
- Descarga y descomprime el archivo
.zipdel ejercicio. - Realiza las instrucciones en el
README.md. - Ejecuta las pruebas unitarias.
- Descarga y descomprime el archivo
Cada ejercicio contiene un conjunto de pruebas unitarias. Dichas pruebas permiten comprobar si la respuesta a los ejercicios cumplen con los requisitos solicitados. Los resultados posibles a las pruebas unitarias pueden ser:
- Todos fueron exitosas.
- Existen pruebas unitarias fallidas.
| Capítulo | Ejercicios | Temas |
|---|---|---|
| Capítulo 01 | Ejercicio 01 | HTML: Títulos |
| Ejercicio 02 | Listas (no) numeradas, tablas, atributos | |
| Ejercicio 03 | Imágenes, enlaces, etiquetas contenedores (p-span), atributo (clase) | |
| Ejercicio 04 | Formularios, atributo (identificador) | |
| Ejercicio 05 | Semántico | |
| Ejercicio 06 | Media | |
| Ejercicio 07 | CSS: Reglas y Selectores | |
| Ejercicio 08 | Modelo de cajas | |
| Ejercicio 09 | Colocación | |
| Ejercicio 10 | Posicionamiento | |
| Capítulo 02 | Ejercicio 01 | Diseño responsivo: Grid |
| Ejercicio 02 | Diseño responsivo: Flexbox | |
| Ejercicio 03 | RWD | |
| Ejercicio 04 | Bootstrap | |
| Ejercicio 05 | Validación | |
| Capítulo 03 | Ejercicio 01 | Etiqueta script |
| Ejercicio 02 | Fundamentos | |
| Ejercicio 03 | Control de flujo y Funciones | |
| Ejercicio 04 | DOM | |
| Ejercicio 05 | Eventos | |
| Ejercicio 06 | Promesas y Async/Await | |
| Ejercicio 07 | Servidor HTTP - Básico | |
| Capítulo 04 | Ejercicio 01 | Typescript - Transpilar TypeScript en JavaScript |
| Ejercicio 02 | Typescript - Anotación de tipos básicos, arreglos y objetos | |
| Ejercicio 03 | Typescript - Interfaces y clases | |
| Ejercicio 04 | Typescript - Funciones | |
| Ejercicio 05 | React - Bases + Componentes Integrados | |
| Ejercicio 06 | React - MUI + Componentes Propios | |
| Ejercicio 07 | React - Interfaces + Props | |
| Ejercicio 08 | React - Eventos | |
| Ejercicio 09 | React - Hooks | |
| Ejercicio 10 | Angular - Bases, Bootstrap y Componentes/Comunicación/Directivas | |
| Ejercicio 11 | Angular - Servicios | |
| Capítulo 05 | Ejercicio 01 | Express - Bases y Bootstrap |
| Ejercicio 02 | Express - ORM (Básico e Intermedio) | |
| Ejercicio 03 | Express - Parámetros de consulta y de ruta | |
| Capítulo 06 | Ejercicio 01 | Express - Rest - Firebase |
| Ejercicio 02 | Express - Rest - Local |
- Guía completa markdown y su integración con R. (2022). Retrieved 19 April 2022, from https://rstudio-pubs-static.s3.amazonaws.com/330387_5a40ca72c3b14824acedceb7d34618d1.html
- Unit Testing Express : Unit Test Express Route. (2018). Retrieved 19 April 2022, from https://codehandbook.org/unit-test-express-route/
- Freeman, J. (2022). Client-Side Web Development. Retrieved 9 May 2022, from https://info340.github.io/
- Learn. (2022). Retrieved 9 May 2022, from https://web.dev/learn/
- Tecnología para desarrolladores web | MDN. (2021). Retrieved 9 May 2022, from https://developer.mozilla.org/es/docs/Web
- Hello, World! - Learn HTML - Free Interactive HTML Tutorial. (2022). Retrieved 11 May 2022, from https://www.learn-html.org/en/Hello%2C_World%21
- HTML Tutorial. (2022). Retrieved 11 May 2022, from https://www.w3schools.com/html/default.asp
- CSS Tutorial. (2022). Retrieved 11 May 2022, from https://www.w3schools.com/css/default.asp
- Introduction to Chai Assertions. (2022). Retrieved 11 May 2022, from https://testautomationu.applitools.com/chai-test-assertions/
- message, M., d, t., & 0, G. (2020). Mocha/Chai: testing thrown Errors with error message. Retrieved 9 June 2022, from https://stackoverflow.com/questions/62717058/mocha-chai-testing-thrown-errors-with-error-message