Complete Vue Mastery 2021 (con Vuex, API de composición, enrutador)

¡Recién lanzado con características completamente nuevas de Vue 3 para 2021! Únase a una comunidad en línea en vivo de más de 500,000 desarrolladores y a un curso impartido por expertos de la industria que realmente han trabajado tanto en Silicon Valley como en Toronto con Vue.js.

Utilizando la última versión de Vue, este curso se centra en la eficiencia. Nunca más pierdas tiempo en tutoriales confusos, desactualizados e incompletos. Los graduados de los cursos de Andrei ahora están trabajando en Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook y otras compañías de alta tecnología.

Le garantizamos que este es el recurso en línea más completo en Vue. Este curso basado en proyectos le presentará todas las cadenas de herramientas modernas de un desarrollador de Vue JS en 2021. En el camino, crearemos una aplicación de reproductor de música masiva similar a Spotify usando Vue, Vuex, Vue Router, Composition API, Firebase, Jest, Sass y más. Esta será una aplicación de pila completa, usando Firebase.

Todo el código se proporcionará paso a paso e incluso si no le gusta codificar, obtendrá acceso al código completo del proyecto maestro, por lo que cualquier persona inscrita en el curso tendrá su propio proyecto para poner en su carpeta de trabajo correctamente. lejos.

El plan de estudios será muy práctico a medida que lo guiamos de principio a fin para lanzar un proyecto profesional de Vue hasta la producción. Comenzaremos desde el principio enseñándole los conceptos básicos de Vue y luego entrando en temas avanzados para que pueda tomar buenas decisiones sobre arquitectura y herramientas en cualquiera de sus futuros proyectos de VueJS. ¡Te va a encantar Vue si eres nuevo en los frameworks front-end o incluso si vienes de un entorno React o Angular!

Esto es lo que cubrirá el curso:

1. FUNDAMENTOS - En esta sección, aprenderemos sobre los fundamentos de Vue, como propiedades calculadas, métodos y observadores. Con solo los fundamentos, podremos manipular el documento con eventos, enlaces y renderizado condicional. También aprenderemos cómo depurar una aplicación con las herramientas oficiales para desarrolladores de Vue.

2. PROYECTO: ÁREA DE JUEGOS PERSPECTIVA - En esta sección, construiremos nuestro primer proyecto mediante la creación de un patio de juegos de perspectiva CSS. Esto nos dará la oportunidad de reforzar muchos de los conceptos fundamentales que aprendimos en la sección anterior mediante el desarrollo de una herramienta para visualizar cómo las propiedades CSS pueden manipular la perspectiva de un elemento.

3. MÁS ALLÁ DE LOS FUNDAMENTOS - En esta sección, nos sumergiremos en el funcionamiento interno del marco Vue. ¿Cómo agregan reactividad los frameworks de JavaScript? ¿Cómo compila Vue las plantillas en objetos DOM virtuales? Esto nos dará una idea de cómo Vue puede ofrecer un marco para aplicaciones modernas. También hablaremos sobre los componentes y los ganchos del ciclo de vida.

4. APRENDIENDO SOBRE LAS HERRAMIENTAS - En esta sección, daremos un paso atrás de Vue para hablar sobre algunas herramientas para desarrollar aplicaciones. A lo largo de su carrera, deberá lidiar con las herramientas que nos ayudan a desarrollar aplicaciones (es decir, Webpack, Sass, PostCSS, ESLint). Hablaremos sobre cómo se configuran estas herramientas y por qué son necesarias.

5. COMPONENTES AVANZADOS - En esta sección, usaremos la CLI de Vue para crear un proyecto. El objetivo de Vue es hacer que la experiencia de desarrollo sea lo más fluida e indolora posible. Vue puede ayudarnos a crear un proyecto, configurar herramientas y ejecutar un servidor. Esto alivia muchas de las tareas más tediosas del desarrollo web. Podremos saltar directamente a los componentes para ver cómo podemos diseñar una aplicación con componentes mediante el uso de accesorios, la emisión de eventos, las ranuras y la representación dinámica de contenido.

Complete Vue Mastery 2021 (con Vuex, API de composición, enrutador)

6. TRANSICIONES Y ANIMACIONES - En esta sección, aprenderemos cómo agregar algo de dinamismo a una aplicación agregando transiciones y animaciones. Las animaciones pueden dar vida a cualquier aplicación. También pueden mejorar la experiencia del usuario al brindarle retroalimentación sobre sus acciones. Discutiremos cómo se pueden lograr animaciones con CSS y JavaScript. Ambos son compatibles con Vue. Incluso hablaremos sobre la última API de animaciones web.

7. PROYECTO: APLICACIÓN QUIZ - En esta sección, tomaremos todo lo que hemos aprendido hasta ahora para desarrollar una aplicación de prueba. Los cuestionarios son una excelente manera de involucrar a los usuarios en casi cualquier industria.

8. PROYECTO MAESTRO: INTRODUCCIÓN A VUEX - En esta sección, comenzaremos a trabajar en el proyecto principal de este curso, ¡que es una aplicación de música! Sube, gestiona y escucha música sin interrupciones. Usaremos TailwindCC para ayudarnos a diseñar una hermosa aplicación moderna. Es el nuevo chico de la cuadra el que está siendo acogido por la comunidad de desarrolladores de front-end. Posteriormente, aprenderemos sobre la gestión estatal mediante el uso de la biblioteca estatal oficial llamada Vuex.

9. PROYECTO MAESTRO: VALIDACIÓN DE FORMULARIOS - En esta sección, realizaremos la validación del formulario para evitar que se envíen datos no válidos. Los accidentes ocurren. Es nuestro trabajo asegurarnos de comprobar si hay errores. Aprenderemos cómo hacer cumplir las reglas para varios escenarios.

10. PROYECTO MAESTRO: AUTENTICACIÓN - En esta sección, comenzaremos la autenticación y el registro. Los usuarios podrán iniciar sesión inmediatamente después de registrarse para obtener una cuenta. Usaremos Firebase como una solución de backend para administrar y verificar usuarios.

Complete Vue Mastery 2021 (con Vuex, API de composición, enrutador)

11. PROYECTO MAESTRO: ENRUTAMIENTO - En esta sección, vamos a manejar el enrutamiento con la biblioteca Vue Router. Debajo, la biblioteca del enrutador usa la API de historial para manejar la navegación. Nos permite cambiar entre páginas sin actualizar los activos. Veremos cómo podemos usar esta biblioteca para ayudarnos a proteger rutas, agregar metacampos y personalizar la apariencia de nuestro sitio en función de la ruta actual.

12. PROYECTO MAESTRO: CARGA DE ARCHIVOS - En esta sección, comenzaremos a cargar archivos en Firebase. Es vital que validemos los archivos con Firebase. No queremos que los usuarios descarguen accidentalmente un archivo malicioso al escuchar música. Cubriremos cómo hacer cumplir la validación con las reglas de Firebase. Después de hacerlo, almacenaremos información adicional en una base de datos. Incluso cubriremos cómo implementar una solución alternativa en caso de que la función de arrastrar y soltar no esté disponible.

13. PROYECTO MAESTRO: REPRODUCCIÓN DE MÚSICA - En esta sección, comenzaremos a hacer que el reproductor de audio sea funcional. Implementaremos funciones básicas como reproducir / pausar, limpiar y mostrar la duración actual. Haremos que el resto del sitio sea funcional permitiendo a los usuarios enviar comentarios, buscar música y ordenar datos.

14. PROYECTO MAESTRO: DIRECTIVAS - En esta sección, aprenderemos brevemente sobre cómo escribir directivas personalizadas. Las directivas son atributos que pueden extender un elemento con propiedades y métodos adicionales. Cubriremos los conceptos básicos y veremos conceptos avanzados como modificadores y argumentos.

15. PROYECTO MAESTRO: INTERNACIONALIZACIÓN - En esta sección, agregaremos internacionalización a un proyecto para traducir un proyecto en varios idiomas. Hay diferentes formas de traducir un mensaje. Algunos mensajes necesitan formateo o pluralización. También podemos traducir números (es decir, monedas). Veremos cómo cambiar entre idiomas con unas pocas líneas de código.

16. PROYECTO MAESTRO: PWA - La web ha cambiado a un enfoque centrado en los dispositivos móviles. En esta sección, agregaremos funciones de PWA (aplicación web progresiva) para que nuestra aplicación sea compatible con dispositivos móviles mediante el uso de Workbox para almacenar archivos en caché y conservar datos con Firebase.

17. PROYECTO MAESTRO: OPTIMIZACIONES - En esta sección, haremos algunas optimizaciones finales antes de enviar nuestra aplicación a producción. Hay varias técnicas y herramientas que veremos para ayudarnos a ajustar nuestra aplicación. Podemos usar Webpack para fragmentar archivos y registrar automáticamente componentes. Agregaremos algunas funciones para ayudar al usuario a comprender que la aplicación está procesando una solicitud para una experiencia de usuario amigable.

18. PROYECTO MAESTRO: DESPLIEGUE - En esta sección, implementaremos nuestra aplicación en Vercel con un solo comando. Rapido y Facil.

19. PROYECTO MAESTRO: PRUEBAS - En esta sección, discutiremos cómo probar un proyecto con Jest. Las pruebas unitarias nos permiten probar una función de forma aislada. Es el tipo de prueba más común que escribirás. Hay algunos problemas con las pruebas que se pueden resolver con burla. Simulando código, podremos aislar características y probarlas. Luego, pasaremos a las pruebas de instantáneas y las pruebas E2E para unir todo.

20. API DE COMPOSICIÓN - En esta sección, discutiremos la última característica introducida en Vue llamada API de composición. Es una forma diferente de construir componentes. Si bien Vue proporciona una API simple para escribir componentes, existen algunas deficiencias. La API de composición resuelve estos problemas. Hablaremos sobre por qué le gustaría usar la API de composición y entenderemos por qué se introdujo.

Este curso no se trata de hacer que simplemente codifique sin comprender los principios, de modo que cuando haya terminado con el curso no sepa qué hacer más que ver otro tutorial. ¡No! Este curso lo empujará y lo desafiará a pasar de ser un principiante absoluto en Vue a ser alguien que se encuentra en el 10% superior de los desarrolladores de Vue.

¡Le garantizamos que este es el curso en línea más completo sobre Vue JS! ¡Eche un vistazo al video del esquema del curso para ver todos los temas que vamos a cubrir, todos los proyectos que vamos a construir y todas las técnicas que aprenderá para convertirse en un desarrollador líder de Vue!

¡Nos vemos adentro!

————

Enseñado por:

Andrei Neagoie es el instructor de la Los cursos de desarrollo mejor calificados en Udemy, así como uno de los de más rápido crecimiento. Sus graduados han pasado a trabajar para algunas de las empresas de tecnología más grandes del mundo como Apple, Google, Amazon, JP Morgan, IBM, UNIQLO, etc. Ha trabajado como desarrollador senior de software en Silicon Valley y Toronto durante muchos años. y ahora está tomando todo lo que ha aprendido para enseñar habilidades de programación y para ayudarlo a descubrir las increíbles oportunidades profesionales que ofrece ser desarrollador en la vida.

Habiendo sido un programador autodidacta, entiende que hay una cantidad abrumadora de cursos, tutoriales y libros en línea que son demasiado detallados e inadecuados para enseñar las habilidades adecuadas. La mayoría de las personas se sienten paralizadas y no saben por dónde empezar cuando aprenden un tema complejo o, lo que es peor, la mayoría de las personas no tienen $ 20,000 para gastar en un Bootcamp de programación. Las habilidades de programación deben ser asequibles y abiertas a todos. Un material educativo debe enseñar habilidades de la vida real que estén actualizadas y no deben desperdiciar el valioso tiempo de un estudiante. Habiendo aprendido lecciones importantes de trabajar para compañías Fortune 500, nuevas empresas tecnológicas, e incluso fundar su propio negocio, ahora dedica el 100% de su tiempo a enseñar a otros habilidades valiosas de desarrollo de software para tomar el control de su vida y trabajar de una manera emocionante. industria con infinitas posibilidades.
Andrei te promete que no hay otros cursos tan completos y tan bien explicados. Él cree que para aprender algo de valor, es necesario comenzar con los cimientos y desarrollar las raíces del árbol. Solo a partir de ahí podrás aprender conceptos y habilidades específicas (hojas) que conectan con la base. El aprendizaje se vuelve exponencial cuando se estructura de esta manera.

Tomando su experiencia en psicología educativa y codificación, los cursos de Andrei lo llevarán a comprender temas complejos que nunca pensó que serían posibles.

¡Nos vemos dentro de los campos!

——–

Luis Ramírez Jr

es un ingeniero de software con una década de experiencia en el desarrollo de aplicaciones web. Ha dedicado su carrera a diseñar soluciones confiables, probadas en batalla, seguras, escalables y de alto rendimiento. Como ingeniero, siempre es una prioridad desarrollar aplicaciones que brinden una experiencia de usuario fluida.

La mayoría de los cursos le enseñarán el "cómo", pero nunca el "por qué". Luis cree que comprender los conceptos básicos y críticos de programación lo convertirá en un ingeniero competitivo en el mercado actual. Él está aquí para ayudarlo en este viaje desmitificando conceptos de bajo nivel que otros instructores pueden pasar por alto.

Los estudiantes se irán con el conocimiento para superar cualquier tarea que se les presente con habilidades de pensamiento crítico y siendo capaces de comunicarse de manera efectiva con sus compañeros de equipo.