Desarrollo web full stack para principiantes, parte 4: proyecto final, Node, Express y MongoDB
Chris Dixon, Web Developer & Online Teacher
Ve esta clase y miles más
Ve esta clase y miles más
Lecciones en esta clase
-
-
1.
¡Te damos la bienvenida al curso!
3:36
-
2.
Qué vamos a construir
5:42
-
3.
Aliento a un proyecto de Sk
1:09
-
4.
¿Qué es Node y NPM?
3:50
-
5.
Diferencias entre servidor web estático y dinámico
4:04
-
6.
Express.js y express generator
8:53
-
7.
Estructura del proyecto Express
10:25
-
8.
Uso de nodemon
6:13
-
9.
Cómo servir archivos estáticos
2:16
-
10.
Introducción a Pug
9:14
-
11.
Herencia de plantillas
3:10
-
12.
Hora de practicar: creación del encabezado
1:02
-
13.
Solución: creación del encabezado
12:10
-
14.
Mezclas
11:09
-
15.
Enrutamiento básico
5:46
-
16.
Parámetros de la ruta
4:40
-
17.
Patrón MVC
2:14
-
18.
Uso de controladores
5:36
-
19.
Uso de middleware
7:43
-
20.
Actualización importante: mLab ahora forma parte de Mongo
5:31
-
21.
Primeros pasos con Mongo
11:25
-
22.
Modelos de Mongoose
7:36
-
23.
Creación de nuestro formulario de carga de hoteles
16:15
-
24.
Envío a la base de datos
11:40
-
25.
Consulta a la base de datos
16:54
-
26.
Valores distintos
14:38
-
27.
El proceso de agregación
14:23
-
28.
El formulario de edición y eliminación
18:03
-
29.
Actualización de registros
18:52
-
30.
Borrado de registros
9:21
-
31.
Vista detallada del hotel
6:42
-
32.
Locales y renderización condicional
13:43
-
33.
Hoteles por países
8:50
-
34.
Cómo aplicar estilo al encabezado: pantalla pequeña
10:41
-
35.
Cómo estilizar el contenido: pantalla pequeña
7:26
-
36.
Estilo de pantalla grande
13:38
-
37.
Mezcla de países
4:13
-
38.
Promise.all y desestructuración de matrices
7:32
-
39.
Variables de entorno
7:39
-
40.
Manejo de envío de ficheros
12:30
-
41.
Cómo guardar imágenes en la nube
7:34
-
42.
Cómo recuperar imágenes de la nube
5:21
-
43.
Formulario de búsqueda de hoteles: parte 1
12:59
-
44.
Formulario de búsqueda de hoteles: parte 2
8:01
-
45.
Plantilla de resultados de búsqueda
13:55
-
46.
Formulario de búsqueda de detalles del hotel
7:30
-
47.
Creación del modelo de usuario
5:55
-
48.
Formulario de inscripción
10:52
-
49.
Validación de entrada del usuario
17:20
-
50.
Cómo pasar los errores a la plantilla, y desinfección
5:52
-
51.
Registro de nuevos usuarios
13:19
-
52.
Encriptación de contraseñas
6:17
-
53.
Inicio de sesión
12:57
-
54.
Cierre de sesión
3:38
-
55.
Cómo trabajar con sesiones
14:14
-
56.
Cómo dejar comentarios a los usuarios con mensajes urgentes
16:23
-
57.
Renderización condicional del usuario
9:54
-
58.
El modelo de orden
4:20
-
59.
Página de confirmación de la reserva
16:54
-
60.
Cómo hacer pedidos
9:33
-
61.
Área de cuentas de usuario
15:07
-
62.
Visualización de todos los pedidos
6:59
-
63.
CSS final
8:18
-
64.
Preparación para la producción
9:27
-
65.
Envío de nuestra aplicación express a Heroku
16:32
-
66.
Gracias
1:43
-
67.
¡Sígueme en Skillshare!
0:23
-
-
- --
- Nivel principiante
- Nivel intermedio
- Nivel avanzado
- Todos los niveles
Generado por la comunidad
El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.
2221
Estudiantes
4
Proyectos
Acerca de esta clase
¡Bienvenido a Full Stack Web Development para principiantes!
Este curso está diseñado para enseñar a los principiantes todo lo que necesitan saber para construir sitios web y aplicaciones de pila completa.
¡Este es la cuarta parte de este enorme curso, y te enseñará todo sobre Node, Express, Mongo, Mongoose, Routing, Templación, autenticación y despliegue!
Este curso es todo acerca de pasar al final de sitios web donde aprenderás muchas cosas increíbles.
Comenzaremos con Node y el marco Express donde configuramos una aplicación de reserva de viajes llamada "Vamos a viajar".
Construiremos este proyecto durante todo el curso, para que todo lo que aprendas se ponga en práctica inmediatamente.
El nodo y el expreso son realmente populares, y aprender estas tecnologías te dejará en gran demanda.
Después de esto, pasaremos a la ruta y la templating.
Esto nos permite cambiar de páginas y navegar por nuestra aplicación, junto con la configuración de plantillas para mostrar no solo contenido que hemos creado, sino también para render datos de bases de datos.
Y las bases de datos son de qué se trata la siguiente sección, donde observamos MongoDB y Mongoose.
Aprenderás mucho como modelar nuestros datos, crear, leer, actualizar y eliminar acciones, junto con el filtrado y la agregación para recuperar los datos exactos que necesitamos.
Después de esto seguimos con el estilo y añadiendo muchas características agradables a nuestro proyecto, junto con aprender muchas técnicas de Javascript de la próxima generación de ES6 y más allá.
También aprenderás a permitir a los usuarios que subirán imágenes, y a cómo podemos guardar y recuperar estas imágenes desde el almacenamiento en la nube.
Por supuesto, la mayoría de las aplicaciones hoy en día necesitan lidiar con cuentas de usuario y autenticación, y esto es algo que también aprenderemos al aplicar todo esto a nuestro proyecto.
Aprenderás a crear cuentas de usuario, iniciar sesión y salir, validar la información de los usuarios, autenticación, almacenar contraseñas de forma segura y mucho más.
Terminamos nuestra aplicación al permitir al usuario realizar pedidos y guardar en la base de datos.
Luego creamos una cuenta donde el usuario puede iniciar sesión y ver cualquier reserva que haya realizado, y también los usuarios de administración también pueden entrar en la sección de administración para ver una lista de todos los pedidos en el sitio.
El curso termina mostrando algunos consejos de seguridad y recomendaciones para preparar tu solicitud de producción.
Luego, enviaremos nuestra aplicación a un servidor en vivo para que el resto del mundo lo vea.
Todo explicando las cosas de una manera sencilla, sencilla de entender que incluso los principiantes entenderán y reforzarán las cosas con un proyecto divertido y desafiante a medida que avanzamos.
Espero que te entusiasmes aprender acerca de Javascript, Node, Express, Mongo, cuentas de usuario y autenticación, ruteo, implementación y mucho más, en la parte final de este curso...
Conoce a tu profesor(a)
Hello, My name is Chris and I am a Web Developer from the UK. I am an experienced trainer leading web development bootcamps and also teaching online courses.
My main areas of interest are Vue.js, WordPress, Shopify, Javascript, eCommerce, and business. I am passionate about what I do and about teaching others.
Whatever your reason for learning to build websites you have made an excellent career choice.
My personal motivation was to become my own boss and have more freedom and flexibility in my life. I also enjoy the technical challenge it provides and the way it constantly evolves. I built my first website back in 1999 and I have watched the web evolve into what it is today.
I try to make my courses enjoyable and try to remember what it was like wh... Ver perfil completo
Proyecto de clase práctica
Construimos un proyecto a medida que avanzamos en el curso llamado "Lets Travel".
Te sugeriría que agregas tus propias personalizaciones y compartas tu aplicación.
Siéntete libre de personalizar completamente el HTML, CSS o incluso el Javascript para hacer del proyecto tu propio o incluso agregar nuevas características.
A medida que pasas por el curso, te recomiendo algunas características que también puedes agregar por tu cuenta.
¡No puedo esperar a ver lo que creas, no olvides compartir para inspirar a otros también!
