La mejor forma de Aprender Programación online y en español www.campusmvp.es

Herramientas modernas para desarrollo Web Front-End empresarial

Estás en: Catálogo de cursos y libros > Herramientas modernas para desarrollo Web Front-End empresarial

Curso Online Herramientas modernas para desarrollo Web Front-End empresarial

Este curso se centra en el aprendizaje de un completo kit de herramientas indispensables en la actualidad para el desarrollo Web profesional y en equipo. Incluye todo el tooling moderno para desarrollo JavaScript: Sass, npm, yarn, Bower, Gulp, Webpack, ESLint, Git, Jest, Cypress y el lenguaje TypeScript.

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...
  • El control de código fuente ya hace muchos años que dejó de ser opcional, incluso si trabajas individualmente. Es indispensable dominar Git y conocer los flujos de trabajo en equipo en los que se basa.

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.

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

Esta formación parte de la base de que ya dominas 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 más de 200 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á.
  • Gestión de dependencias y versiones con npm, yarn y Bower. 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 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 4: 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, transpilación, sustitución de módulos en caliente, monitorización automática de dependencias, trabajo para depuración...
  • 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 errores automáticamente, homogeneizar los estilos del equipo, fijar y mantener los estándares de escritura de código…
  • Control de código fuente y trabajo en equipo con Git: Git es la herramienta indispensable para el trabajo individual o en equipo para cualquier tipo de desarrollo, sea en la web o no. Si quieres que te tomen en serio, simplemente no puedes permitirte el lujo de no conocerla. En este curso aprenderás a usarla desde cero, tanto desde línea de comandos como con herramientas visuales, desde los principales editores e IDEs (Atom, Visual Studio, VS Code, Eclipse), así como todos los servicios de repositorio importantes (Github, Gitlab, Bitbucket). Verás todos los conceptos importantes (branching y merging, resolución de conflictos, rebasing, stashing, tagging, amend, revert, cherry pick…) así como el flujo de trabajo más común para equipos: GitFlow.
  • El lenguaje TypeScript. TypeScript es un meta lenguaje 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:

  • 21 módulos con más de 200 lecciones.
  • Teoría: con explicaciones claras de los conceptos clave, porque muchos conceptos complejos se aprenden mejor de este modo.
  • Vídeos prácticos: más de 80 demos con más de 15 horas de 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: varias autoevaluaciones intercaladas para que puedas medir tu progreso, y un examen de evaluación final.

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.

Requisitos

Para poder seguir este curso con garantías debes tener experiencia de al menos 2 años trabajando con HTML, CSS y JavaScript/ECMAScript. Sería conveniente también que tuvieses algo de soltura trabajando con la línea de comandos de tu sistema operativo (al menos las operaciones básicas como moverse por el sistema de archivos, listar su contenido y lanzar algún comando simple).

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 7 SP1+, Windows 8, Windows 10, macOS X Yosemite+, Ubuntu 14.04+, Debian 7+, RedHat 7+, CentOS 7+, Fedora 23+).

¿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?

100% Material Propio

Y el proceso de revisión más exigente. La máxima calidad o nada.

No sólo vídeos

Teoría, vídeos prácticos, ejercicios, código, evaluaciones... Nada se deja al azar.

Sólo los mejores expertos

Nuestros tutores son profesionales con nombre y apellidos, relevantes en cada tecnología y con años de experiencia real.

Contacto directo para dudas

No esperes en un foro a ver si alguien contesta: pregúntaselo al mismo experto que ha creado el curso, con respuesta garantizada.

Nos interesa que aprendas

Como no te cobramos por mes, nuestro objetivo real es que le saques el máximo partido. Te guiamos y te supervisamos para lograrlo.

Experiencia

Desde 2005 formando online a decenas de miles de programadores, de miles de empresas con las más altas valoraciones. La mayoría repiten con nosotros.

Curso certificado por campusMVP

Al acabar el curso no sólo obtendrás un diploma que certifica lo aprendido. Si lo deseas, podrás mostrar online el temario del curso y otros datos interesantes en tu propio perfil personalizado. Los Perfiles Certificados Verificables de campusMVP son una certificación de los cursos que has hecho con nosotros y te permiten compartirlos de manera sencilla.

Perfiles certificados de campusMVP

Formación Bonificada para empresas en España

Si trabajas para una empresa española, este curso puede llegar a salirte prácticamente gratis a través de la Formación Bonificada.

OJO: En ese caso, y por exigencias burocráticas de Fundae (la antigua Fundación Tripartita) ajenas a nuestra voluntad, el inicio del curso se demora un mínimo de 7 días después de la fecha de compra y además las fechas de inicio y de fin no se pueden cambiar.

Límite para bonificarse

Date prisa si quieres bonificarte

El estado te obliga a terminar el curso dentro de este año. Como la mayoría de nuestros cursos duran varios meses, solo admitiremos matriculaciones en cursos bonificados hasta el 31 de Octubre.

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

Resumen de características del curso

  • Acceso las 24 horas durante 12 semanas
  • Necesitarás dedicarle 4-5 horas semanales (50-60 horas en total)
  • Nivel: Intermedio-Avanzado
  • Curso 100% en castellano (español de España)
  • Acceso directo al tutor para resolver todas tus dudas
  • Diploma y certificado verificado por campusMVP al aprobar
  • Material en PDF para referencia y consulta, disponible al terminar
  • Apto para tablets, multinavegador y multidispositivo

Tutores y Autores

José Manuel Alarcón José Manuel Alarcón
Developer Technologies MVP
Quique Fernández Guerra Quique Fernández Guerra
Ingeniero de Desarrollo de Software
David García Valiñas David Garc&a
Ingeniero Informático

Opiniones del curso

Nota:Este curso es nuevo (aún no tiene opiniones propias) por lo que te mostramos algunas opiniones sobre otros cursos afines de front-end de los mismos autores. Así te puedes hacer una idea sobre la calidad que vas a encontrar dentro:

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)

Si no sabes qué es Git este curso te lo enseña de forma fácil y práctica. Jordi Milá (Barcelona)

Una formación completísima. Se agradece que no sólo os limitéis a explicar contenidos sino también a comentar las tendencias y últimos cambios. Enhorabuena!!! Sois un referente a seguir. Lucas Muñoz (Girona)

Me ha encantado el curso [...] Los profesores son unos cracks y lo demuestran.Cualquier duda te la responden en poco tiempo y bien explicada.Óscar Argüello (Sant Cugat del Vallés- BCN)

Echa un vistazo a nuestro entorno de aprendizaje online:

Usamos nuestra propia plataforma LMS


Características:

Área de compra

Herramientas modernas para desarrollo Web Front-End empresarial

Este curso puede ser sin coste para tu empresa.
¿Te bonificas?:

 

¿Te interesa este curso?

Precio: 395

Si tienes alguna duda sobre el proceso de compra consulta esta página.

Otros productos que podrían interesarte:

395,00 €
Media de votos:      
295,00 €
Media de votos:      
Déjanos tu mensaje a través del chat

Algunas tecnologías que enseñamos en nuestros cursos: