Modern Web Development Full Stack 2021

¡Aprenda React, Redux, Node.js, MongoDB, GraphQL y TypeScript de una sola vez! Este curso le presentará el desarrollo web moderno basado en JavaScript. El enfoque principal es crear aplicaciones de una sola página (single page applications) con ReactJS que usan REST API creadas con Node.js.

Fundamentos de Web apps

1
Información general
2
Fundamentos de las aplicaciones web
3
HTTP GET
4
Aplicaciones web tradicionales
5
Ejecución de la lógica de la aplicación en el navegador
6
Controladores de eventos y funciones de devolución de llamada
7
Modelo de Objeto de Documento o DOM
8
Manipulando el objeto document desde la consola
9
CSS
10
Cargando una página que contiene JavaScript – revisada
11
Formularios y HTTP POST
12
AJAX
13
Single page application
14
Librerías JavaScript
15
Desarrollo web full stack
16
JavaScript fatigue
17
Ejercicio 0.1.-0.6.

Introducción a React - Parte 1

1
A. Intro
2
Componente
3
JSX
4
Componentes mútiples
5
props: pasar datos a componentes
6
Algunas notas
7
Ejercicios 1.1.-1.2.
8
B. JavaScript
9
Variables
10
Objetos, funciones
11
Ejercicios 1.3.-1.5.
12
Métodos de objeto y “this”
13
Clases
14
Materiales Javascript
15
C. Estado del componente, controladores de eventos
16
Funciones auxiliares del comenente
17
Desestructuración
18
Re-renderizado de la página
19
Componente con estado
20
Manejo de eventos
21
El controlador de eventos es una función
22
Pasando el estado a componentes hijos
23
Los cambios en el estado provocan re-renderizado –
24
Refactorización de los componentes
25
D. Un estado más complejo, depurando aplicaciones React
26
Manejo de Matrices
27
Renderizado condicional
28
Antiguo React
29
Depuración de aplicaciones React
30
Reglas de los Hooks
31
Manejo de Eventos Revisitado
32
Pasando controladores de eventos a componentes secundarios
33
No definir componentes dentro de los componentes
34
Lectura útil
35
Ejercicios 1.6.-1.14.

Communicating with server

1
Intro
2
A. Representación de una colección, módulos
3
Map
4
Ejercicios 2.1.-2.5.
5
B. Formularios
6
Ejercicios 2.6.-2.10.
7
C. Obteniendo datos del servidor
8
El navegador como entorno de ejecución
9
Effect-hooks
10
Ejercicios 2.11.-2.14.
11
D. Alterando datos en el servidor
12
Cambiar la importancia de las notas
13
Sintaxis más limpia para definir objetos literales
14
Ejercicios 2.15.-2.18.
15
E. Agregar estilos a la aplicación React
16
Estilos en línea
17
Ejercicios 2.19.-2.20.

Communicating with server

1
Node.js y Express
2
Express
3
Web y Express
4
Nodemon
5
REST
6
Postman
7
Ejercicios 3.1.-3.6.
8
Acerca de los tipos de solicitudes HTTP
9
Ejercicios 3.7.-3.8.
10
B. Implementación de la aplicación en Internet
11
Aplicación a Internet
12
Optimización de la implementación del frontend
13
Ejercicios 3.9.-3.11.
14
C. Guardando datos en MongoDB
15
Schema
16
Ejercicio 3.12.
17
Backend conectado a una base de datos
18
Configuración de la base de datos en su propio módulo
19
Ejercicios 3.13.-3.14.
20
Manejo de errores
21
Ejercicios 3.15.-3.18.
22
D. Validación y ESLint
23
Implementar el backend de la base de datos en producción
24
Ejercicios 3.19.-3.21.
25
Lint
26
Ejercicio 3.22.

Testing Express servers

user administration

1
A. Estructura de la aplicación backend, introducción a las pruebas
2
Ejercicios 4.1.-4.2.
3
Testing de aplicaciones Node
4
Ejercicios 4.3.-4.7.
5
B. Porbando el backend
6
supertest
7
Inicializando la base de datos antes de las pruebas
8
async/await
9
async/await en el backend
10
Manejo de errores y async/await
11
Eliminando el try-catch
12
Optimización de la función beforeEach
13
Ejercicios 4.8.-4.12.
14
Pruebas de refactorización
15
Ejercicios 4.13.-4.14.
16
C. Administración de usuarios
17
Esquema de Mongoose para usuario
18
Creando usuarios
19
Creación de una nueva nota
20
Poblar
21
D. Autenticación de token
22
Limitación de la creación de nuevas notas a los usuarios registrados
23
Manejo de errores
24
Ejercicios 4.15.-4.22.

Testing React apps

1
A. Iniciar sesión en la interfaz
2
Creando nuevas notas
3
Guardar el token en el almacenamiento local del navegador
4
Ejercicios 5.1.-5.4.
5
B. props.children y proptypes
6
Los componentes hijos, también conocidos como props.children
7
Estado de los formularios
8
Referencias a componentes con ref
9
Un punto sobre los componentes
10
Ejercicios 5.5.-5.10.
11
PropTypes
12
ESlint
13
Ejercicios 5.11.-5.12.
14
C. Probando aplicaciones React
15
Ubicación del archivo de prueba
16
Pruebas de depuración
17
Hacer clic en los botones en las pruebas
18
Pruebas para el componente Togglable
19
Probando los formularios
20
Cobertura de prueba
21
Ejercicios 5.13.-5.16.
22
Prueba de instantáneas
23
D. Pruebas de extremo a extremo
24
Escribiendo en un formulario
25
Algunas cosas a tener en cuenta
26
Probando un nuevo formulario de nota
27
Controlar el estado de la base de datos
28
Omitiendo la interfaz de usuario
29
Cambiar la importancia de una nota
30
Ejecutando y depurando pruebas
31
Ejercicios 5.17.-5.22.

Testing React apps

Gestión del estado con Redux

React router

custom hooks

styling app con CSS y webpack

GraphQL

TypeScript

React Native

CI/CD

Añadir a la lista de deseos
Inscrito: 6 estudiantes
Clases: 150
Modern Web Development Full Stack 2021
Precio:
Gratis