Aprende a desarrollar proyectos en HTML, diseñar con CSS, interactuar con JavaScript y agregar dinamismo con jQuery y React. Conviértete en desarrollador front end y experto en diseñar sitios que cautiven al usuario. Al finalizar el curso estarás preparado para comenzar tu carrera en IT.
8 meses
Con más de 32 horas de videolecciones
Online
Estudia a tu ritmo, donde quieras y cuando quieras
Aprende con práctica
Actividades prácticas y feedback personalizado
Proyecto profesional
Enriquece tu portafolio con 4 proyectos profesionales

Curso online

Desarrollo Front End de cero a pro

computador
scripts
scripts
scripts
scripts
hasta 5 de janeiro
-40%
-40%
hasta 29 de mayo

Presentación del curso

¿Por qué aprender Front End?

Muchas vacantes y pocos profesionales especializados en el sector
ponto
Alta demanda
Es una de las carreras más gratificantes y mejor pagadas en la actualidad
ponto
Buena remuneración
Empresas y startups de Estados Unidos y América Latina necesitan profesionales de IT para trabajar a distancia o con reubicación
ponto
Proyección internacional
Como Desarrollador Front End puedes vivir donde quieras y trabajar a distancia
ponto
Trabaja desde cualquier lugar
Desarrollador Front End SR
$1,140.000/año
Desarrollador Front End MID
$816,000/año
Desarrollador Front End JR
$480,000/año

¿Cuánto gana un Desarrollador Front End?

*Salario en la CDMX según Indeed y OCC

¿A quién va dirigido este curso?

Principiantes
Diseñadores
¿Buscas tu primera oportunidad laboral en una disciplina tecnológica con alta demanda laboral?
Conviértete en desarrollador front end y crea interfaces inteligentes. Trabaja en tu portafolio profesional mientras aprendes.
¿Quieres renovar tu perfil y crear interfaces de navegación visualmente atractivas? Domina todo sobre el desarrollo web y diseña proyectos de principio a fin. Desarrolla las habilidades que necesita un especialista y lleva tu carrera a otro nivel.
Programadores y desarrolladores back end
¿Tienes experiencia con PHP, Java y otros lenguajes, pero quieres ser desarrollador full stack?
Encuentra las herramientas para darle más potencia a tu perfil. Alcanza un nivel superior en tu carrera y en tus ingresos.
computador
computador de tela única
computador com tela dupla
Aprende sobre HTML, CSS y Frameworks como los lenguajes Bootstrap para crear interfaces más inteligentes y receptivas
Aprende a crear páginas web que se vean igual en cualquier navegador o dispositivo, ya sea de escritorio o móvil
Diseña, crea y desarrolla páginas web receptivas con CSS, SASS y Bootstrap
Domina las herramientas fundamentales para simplificar la navegación y habilitarlas en tus interfaces para que sean funcionales e interactivas
Desarrollo web
JavaScript, JQuery y React.js
CSS, Bootstrap y Planificación de estilos
Adaptabilidad y accesibilidad
Aprende qué factores influyen en la velocidad de carga del sitio web y domina técnicas clave como AJAX para evitar la carga lenta
Utiliza las últimas tecnologías de integración de API y SEO (optimización de motores de búsqueda)
API y SEO
Optimización del rendimiento y AJAX
certificado
ponto
ponto
ponto
ponto
ponto
ponto

¿Qué aprenderás?

Recibe el certificado de EBAC al finalizar el curso
Enriquece tu portafolio con los siguientes proyectos profesionales
1.
Una landing page con diseño UX/UI, la estructura HTML, los estilos con CSS y la visualización en los diferentes dispositivos.
2.
Programar un mini sitio web con interactividad, debe ser accesible, responsivo y optimizado para SEO, utilizará un repositorio en GitHub y se desplegará en Netlify o GP.
3.
Desarrollar una web app con React, Redux para el manejo de estado y que incluya tests. Se harán peticiones a alguna API de uso público para crear una interfaz con módulos de consulta.
Crea aplicaciones y sitios web completos utilizando herramientas de desarrollo front-end
Desarrollo de aplicaciones responsivas
ponto
4.
Desarrollar una web app que sirva como portafolio de trabajos y CV con React.
Ganarás experiencia real con el proceso de desarrollo front end a través de las actividades prácticas del curso. Al finalizar, tendrás las habilidades necesarias para formar parte de un equipo profesional en el área.
Crearás el código y podrás subirlo a Git. Los tutores revisarán y comentarán tus trabajos línea por línea y autorizarán solicitudes push y pull. De esa manera, siempre tendrás la última versión en tu computadora.

Aprende mientras prácticas

Profesor

Frontend Engineer
Josué tiene experiencia en el desarrollo front end de 8 años, ha trabajado para empresas líderes como AT&T, Telmex y Mabe. Ha desarrollado diversos proyectos, forma parte de todo el proceso, la concepción del estilo de diseño, UX/UI y el desarrollo web frontend. Actualmente labora en Cornershop by Uber donde se desempeña como Front end Engineer ayudando a mantener y crecer la web app usada por los clientes.
Josué Manuel López Lezama
Logotipo AT&T
Logotipo telmex
Logotipo mabe
Logotipo Cornershop by Uber
El curso online de Desarrollo Front End se divide en 32 módulos.
Tendrás acceso ilimitado para que estudies cuando quieras y donde quieras.

Contenido del curso

Parte 1. Desarrollo web y front end
Conceptos básicos del desarrollo web, front end y las herramientas necesarias para realizarlo.

  • Introducción al desarrollo web y front end
  • HTML5
  • CSS3
  • Bootstrap
  • Arquitectura CSS
  • Pre-procesadores CSS: SASS

Actividades:
  • Maquetar la estructura de un sitio web y crearlo con HTML y CSS.
  • Crear una interfaz web con estilos de Bootstrap.
  • Refactorizar la hoja de estilos aplicando las características y conceptos de SASS.
Parte 2. Diseño Responsivo
Aprende los fundamentos del diseño UX/UI para crear un diseño con la experiencia adecuada para los usuarios, usando el diseño responsivo para poder ver sitios web en cualquier dispositivo móvil.

  • Fundamentos UX/UI
  • Responsive Design con CSS

Actividades:
Realizar una landing page con el diseño UX/UI, la estructura HTML, los estilos con CSS para verla en los diferentes dispositivos.
Parte 3. Introducción a JavaScript
Comprende los fundamentos de JavaScript y su sintaxis básica con ES6 y la construcción de sitios web interactivos a partir de los conceptos de DOM y sus eventos con Javascript.

  • Fundamentos de JavaScript y su sintaxis básica con ES6
  • Sintaxis de JavaScript asi como algunos conceptos avanzados
  • Sintaxis y conceptos avanzados de JavaScript que mejorarán la habilidad para escribir programas en JS y prepararse para la creación de web apps
  • Aprender a construir sitios web interactivos a partir de los conceptos de DOM y sus eventos con JavaScript

Actividades:
Diseñar una mini interfaz interactiva aplicando los eventos de DOM.
Parte 4. Desarrollo front end Stack
Funciones básicas y avanzadas de jQuery para el desarrollo web, la importancia del SEO en el desarrollo web y cómo implementarlo a nivel de código. Aprende a usar Git y GitHub para tener un seguimiento de los cambios realizados y algunas de las herramientas online para desplegar sitios web o web apps.

  • jQuery
  • Accesibilidad en sitios web
  • SEO: Search Engine Optimization
  • Control de versiones: Git y GitHub
  • Herramientas de despliegue

Actividades:
Programar un mini sitio web con los conceptos aprendidos hasta el momento., (interactivo, accesible, responsivo y optimizado para SEO, con un repositorio en GitHub y ser desplegado en Netlify o GP.
Parte 5. API de integración de front end y Ajax
Programación asíncrona dentro de JavaScript y manejar promesas, descubre los conceptos básicos de AJAX y API para poder realizar peticiones HTTP. -JavaScript asíncrono

  • AJAX y APIs

Actividades:
Realizar un mini sitio donde se consulte un API y muestre la información de la respuesta HTTP al dar click en un botón.
Parte 6. Librerías: React y Redux
Introducción a la librería de Javascript, React y sus funcionalidades para el desarrollo de web apps, Redux Toolkit y los conceptos básicos de Typescript. Fundamentos de TDD y aprender los beneficios de las pruebas, ejecutarlas e integrarlas al desarrollo web.

  • React
  • Tipos de estilos en React
  • Redux
  • Introducción a Typescript
  • TDD: Test Driven Development con Jest

Actividades:
Desarrollar una web app con React, Redux para el manejo de estado y que incluya tests. Se harán peticiones a alguna API de uso público para crear una interfaz con módulos de consulta.
Parte 7. Proyecto Final
Temas claves que se mencionan en una entrevista técnica, así como soft skills que los empleadores consideran en los potenciales candidatos.

  • Habilidades para Entrevistas Técnicas
  • Desarrollo de portafolio con webapp

Actividades:
Desarrollar una web app que sirva como portafolio de trabajos y CV con React.

Metodología del curso

Clases en video
Pon tu aprendizaje en práctica
Proyecto final
Tendrás acceso a todo el material del curso en la plataforma digital
El curso tiene actividades que puedes hacer a tu ritmo
Recibe corrección y retroalimentación del tutor sobre tus proyectos
Desarrolla un proyecto profesional para enriquecer tu portafolio
1
2
3
4
Atención personalizada
vista del infinito
Entra al contenido del curso las veces que quieras por tiempo ilimitado
Acceso de por vida
Muchos de nuestros alumnos obtienen oportunidades laborales durante el curso o poco tiempo después de terminarlo

Alcanza tus objetivos profesionales con nuestro Centro de Carreras

Orientación en procesos de selección y entrevistas
Ayuda para identificar fortalezas y preferencias profesionales
Información sobre el mercado laboral actual
Asesoría para crear el currículum y perfil en LinkedIn
instrumentos
cronograma
instrumentos
in

Así se verá tu currículum

$480.000/año*
Sueldo
Habilidades principales
Tu nombre
Desarrollador Front End
certificado
Certificado de EBAC
ponto
Marcado de páginas web con HTML
ponto
Marcado semántico
ponto
Elementos de posicionamiento y estilo con CSS
*Ref. OCC e Indeed CDMX
Marcado de página adaptativo con Flexbox
ponto
Gestión de dependencias y ensamblaje de pruebas
ponto
Herramientas digitales
Github
Habilitación de JavaScript en la interfaz
ponto
Logotipo Github
Garantía de alto nivel de interfaz de usuario
ponto
Animaciones de interfaz
ponto
Bootstrap
Logotipo Bootstrap
jQuery
Logotipo jQuery
React
Logotipo React
Inicio:
Quedan:
...
8 lugares
¿Comenzamos?

Inversión

Precio con descuento
$ 8,399 MXN
12x de
$ 700 MXN
(a meses sin intereses en la tarjeta de crédito)
Estás a un paso de impulsar tu carrera profesional
Garantía de reembolso de 7 días
Consigue 40% de descuento por tiempo limitado
Precio sin descuento
$ 13,998 MXN
hasta 5 de janeiro
-40%
logo de ebac
La Escuela Británica de Artes Creativas y Tecnología (EBAC) es una institución innovadora de educación superior en Artes Creativas y Tecnología que ofrece cursos y programas de especialización en línea.
graduaciones internacionales validadas por la Universidad de Hertfordshire (Reino Unido)
alumnos estudiando con nuestros cursos online
de los profesores y coordinadores son profesionales en el mercado laboral
empresas colaboran en el desarrollo de cursos, proyectos reales y programas de prácticas
06
100%
+50,000
+40

Preguntas frecuentes

No tengo conocimientos previos de programación, ¿podré entender las clases?
¡Claro! El curso está creado para que puedas trabajar desde la primera actividad hasta el proyecto final. En cada módulo aprenderás las diferentes fases para desarrollar un proyecto de front end. Podrás aplicar los conocimientos adquiridos con feedback de los tutores.
¿Debo descargar algún programa?
En este curso, utilizaremos Github, Bootstrap, JQuery, React, No te preocupes, a lo largo del curso te enseñaremos a utilizar estas herramientas.
¿Hay actividades en grupo?
El curso se desarrolló teniendo en cuenta una evolución individual. Por ello, contamos con un equipo de tutores, para corregir y dar feedback sobre las actividades realizadas por cada alumno. También puedes hablar con otros estudiantes y hacer cualquier pregunta sobre el contenido de las clases al tutor en el Foro.
¿Es posible omitir módulos?
No, al final de cada módulo hay una tarea práctica y una vez que hayas resuelto esta tarea, se te dará acceso al siguiente módulo. Esta metodología es con el fin de motivarte a seguir estudiando y te garantiza completar las el curso.
¿Cómo es la carga de tiempo? ¿Podrá ajustarse a mi trabajo?
La metodología del curso ha sido diseñada para adaptarse a diferentes ritmos de vida. Tendrás tutorías y feedback durante 2 años (24 meses) a partir de la fecha de registro al curso y acceso ilimitado a las clases, así podrás avanzar a tu propio ritmo.
¿Puedo ver los módulos en desorden?
Los módulos se publican semanalmente dependiendo del avance del alumno durante el curso. Esto significa que debes estudiar los módulos en orden y realizar las actividades propuestas por el profesor, antes de pasar al siguiente módulo.
¿Cuántas horas a la semana debería dedicarle al curso?
Te sugerimos que completes un módulo por semana, te llevará dos horas aproximadamente entre asistir a clases y realizar las actividades Pero no te preocupes, este plazo es sólo una sugerencia. Recuerda que puedes avanzar a tu propio ritmo, tomar descansos para integrar el contenido y verlo de nuevo las veces que quieras antes de continuar.
¿A quién puedo preguntar si tengo dudas?
Dentro de la plataforma tendrás un tutor que resolverá tus dudas, comentará tus tareas y te dará consejos. Tendrás la oportunidad de aprender de profesores líderes que son grandes referentes en su sector y aprovechar todos sus conocimientos y habilidades de vida.