Curso Online - Aprende npm, yarn, Gulp, Webpack, ESLint, TypeScript... Herramientas avanzadas para desarrollo Web Front-End

Hasta hace unos años, para crear una aplicación Web basada en HTML, CSS y JavaScript llegaba tan solo con un editor de texto y un navegador.

Hoy en día ya no es así.

Las aplicaciones Web actuales son mucho más complejas de desarrollar por muchos motivos, pero principalmente porque:

• Las demandas de funcionalidad son mayores y se deben usar técnicas más avanzadas, tanto de HTML/CSS como de JavaScript y APIs.
• La mayor complejidad hace que sea más fácil cometer errores, y más con un lenguaje poco tipado como JavaScript.
• Se utilizan muchas bibliotecas de terceros, sobre todo Open Source, con dependencias complejas entre ellas que son difíciles de seguir, sacan nuevas versiones cada poco tiempo... y hacen que sea fácil que una aplicación deje de funcionar.
• Es necesario automatizar muchas tareas diferentes antes de poder pasar una aplicación a producción: copiar archivos, empaquetar módulos, transpilar lenguajes, optimizar imágenes, juntar y comprimir archivos, verificar estilo, pasar pruebas... Es imposible realizar esto manualmente sin errores ni olvidos cada vez que despliegas.
• El proceso de desarrollo es iterativo: editar, grabar, probar, todo en tiempo real. Se necesitan técnicas que permitan hacer esto de manera automática.
• Es necesario testear automáticamente las aplicaciones para asegurar que los cambios en una parte de la aplicación no afectan a partes diferentes, que podrían dejar de funcionar y disminuir los errores.
• Es necesario trabajar en equipo. Esto implica utilizar un entorno de desarrollo y unas herramientas estandarizadas, seguir especificaciones y flujos de trabajo comunes, forzar reglas a la hora de escribir código...

Por todos estos motivos y muchos más, una empresa o un profesional no pueden permitirse el lujo de trabajar de cualquier manera. Deben utilizar las herramientas de desarrollo modernas para ser más productivos, aumentar la calidad de los desarrollos y trabajar homogéneamente en equipo.

«Nunca había utilizado estas herramientas, algunas no sabia ni que existían. [...] Con esto me queda claro como automatizar, depurar un proyecto grande de Web... Gracias, me ha servido de gran ayuda.»
Benigno Freire (Cádiz)

¡Y también es un curso de TypeScript!

TypeScript es el metalenguaje de JavaScript que refuerza sus puntos débiles.

Fíjate si es bueno TypeScript que, siendo un invento de Microsoft, los primeros en adoptarlo y darle bombo ¡han sido los de Google! Y no solo eso. Si quieres desarrollar con Angular estás obligado a aprenderlo.

Ya tiene que ser bueno para que la competencia te eche unas flores así.

El caso es que, podríamos decir que este es un curso de TypeScript porque se ve desde cero. Pero no sería justo para el resto de herramientas.

Todas ellas ponen su granito de arena para ahorrarte marrones y hacerte la vida más fácil. Trabajo en equipo.

¿Qué voy a aprender con este curso online de herramientas avanzadas Front-End?

Esta formación parte de la base de que ya conoces HTML, CSS y JavaScript/ECMAScript, pero quieres ir más allá y aprender las herramientas modernas que os permitirán trabajar de manera profesional, a ti y a tu equipo.

El curso no presupone el conocimiento ni el uso de ningún tipo de librerías (como Angular, Vue.js o React). Todo lo que se enseña es transversal, de modo que lo podrás utilizar en cualquier desarrollo Front-End independientemente de las librerías que uses, o si solamente usas JavaScript "puro".

A través de sus lecciones, este completo curso trata los siguientes temas:

• Mejora de productividad y potencia de CSS: Sass y preprocesado de CSS. Podrás escribir código CSS imposible solo con CSS estándar, pero obteniendo, de hecho, CSS estándar al final, incluyendo lógica compleja, operaciones matemáticas, funciones estándar y propias, anidamiento, extensiones, comodines, archivos parciales… La gestión de CSS en proyectos grandes se simplificará considerablemente.
• Gestión de dependencias y versiones con npm, yarn y Bower. Hoy en día el desarrollo Web Front-End hace indispensable el uso de librerías de terceros, frameworks, herramientas varias... A medida que crece la complejidad de las aplicaciones, mantener estas dependencias se vuelve muy complejo y propenso a errores. Nunca te olvidarás de nada necesario para que la aplicación funcione, evitarás problemas de compatibilidad, de falta de actualización, y todo el equipo sabrá siempre qué debe utilizar para cada parte del desarrollo.
• Automatización de tareas con Gulp 4 y npm: limpieza y copiado de archivos, uso de dependencias, compilación/transpilación, minimización y ofuscación, mapas de depuración, optimización automática de imágenes, vigilancia de archivos y detección de cambios en tiempo real, paralelismo…
• Webpack 5: Webpack es la herramienta avanzada por antonomasia del desarrollador web moderno. Puede ser compleja, pero ofrece múltiples beneficios: bundling, transpilación, modularización de código y de recursos (¿dependencias de CSS, fuentes o imágenes?: Sí), optimización, automatización, code splitting, lazy loading, tree shaking, sustitución de módulos en caliente, monitorización automática de dependencias, trabajo para depuración... Con este curso dominarás esta herramienta indispensable.
• Linting con ESLint: ¿te gustaría que tu equipo usase los mismos estándares y reglas para escritura de código que usa Google o AirBnb? Pues con ESLint y Prettier podréis hacerlo además de: mejorar la calidad del código, evitar y arreglar posibles errores automáticamente, homogeneizar los estilos del equipo, fijar y mantener los estándares de escritura de código…
• El lenguaje TypeScript. TypeScript es un metalenguaje por encima de JavaScript que evita todos los problemas de este último. Ofrece todas las ventajas de un lenguaje tipado y orientado a objetos, pero al final te permite compilar a JavaScript “puro” para poder usar los desarrollos en cualquier navegador. TypeScript es open source, gratuito y un lenguaje de rápido crecimiento (casi la mitad de los desarrolladores Web lo usan ya), que es el que utilizan empresas como Microsoft, Google o Slack para crear sus productos. Con TypeScript conseguirás código más sencillo, con menos errores, más fácil de testear, más fácil de mezclar en el control de código, y con mayor coherencia entre el equipo. De paso aprenderás los principales patrones de código que puedes utilizar en tus desarrollos.
• Introducción al testing unitario y al testing de interfaz de usuario o End To End: con Jest y Jasper, las dos herramientas más actuales y utilizadas por las empresas y profesionales. Aunque en esta formación no profundizaremos en la materia (requeriría un curso por sí misma), aprenderás las pautas básicas de trabajo con ambas herramientas para mejorar la calidad de tu código y de vuestras aplicaciones.

Todo el material utilizado en la formación es original y exclusivo de campusMVP, y en español. Incluye:

• 13 módulos con más de 150 lecciones.
• Teoría: con explicaciones claras de los conceptos clave, porque muchos conceptos complejos se aprenden mejor de este modo.
• Vídeos prácticos: explicaciones de uso práctico de los conceptos aprendidos.
• Código de ejemplo descargable: decenas de ejemplos prácticos.
• Referencias cruzadas para tener a mano automáticamente cuando lo necesites.
• Evaluación continua: autoevaluaciones intercaladas para que puedas medir tu progreso, y un examen de evaluación final.
• Contacto directo con los tutores (que además son los autores del material) para resolver todas tus dudas del curso.

Durante todo el curso tendrás contacto directo con los propios autores del contenido (ver lateral), con amplia experiencia real en el trabajo con estas tecnologías, que contestarán todas tus dudas sobre el contenido (cada uno especializado en su parte) mientras dure la formación.

Conocimientos necesarios

Para poder seguir este curso con garantías debes tener 1 año de experiencia trabajando con HTML, CSS y JavaScript/ECMAScript. 

Requisitos técnicos

Aunque puedes utilizar el editor que prefieras, para el desarrollo del curso se utiliza Visual Studio Code, el entorno gratuito y multiplataforma más popular, que te permitirá seguir el curso sin problema desde Windows, Mac o Linux.

Puedes seguir la formación desde cualquier dispositivo (ordenador de sobremesa, portátil, tablet o móvil) pero para practicar lo aprendido necesitarás un sistema operativo de escritorio (Windows 10/11, macOS X o Linux actualizados a una versión reciente).

Cómo son nuestros cursos por dentro

Usamos nuestra propia plataforma LMS

¿Cuándo empieza este curso online?

Empieza el curso hoy mismo si quieres. Sólo necesitas una conexión a Internet para realizarlo desde cualquier lugar del mundo. Nuestros estudiantes se encuentran en España, Argentina, Colombia, México, Chile, Perú...

Una vez que compres el curso te enviaremos las claves de acceso casi de inmediato, aunque el proceso de revisión de la compra y el alta es manual, así que puede llegar a demorarse 48 horas si lo compras el fin de semana.

Si tienes alguna duda, consúltanos antes de comprar.

¿Por qué estudiar con nosotros?

Descubre también nuestros descuentos para estudiantes, desempleados o compras por volumen.