Profesión

Programador
Front End

Aprende a diseñar y desarrollar la Garantizamos

parte visual de una app o web con empleo
HTML, CSS y JavaScript, etc, con el O te devolvemos tu dinero

objetivo de mejorar la experiencia

de navegación de los usuarios. Aprende con
Domina el Front End y conviértete práctica
en uno de los profesionales más Actividades prácticas y feedback
personalizado

cotizados del sector tecnológico.

10 meses
Con más de 47 horas de videolecciones

La información actualizada del curso está siempre disponible en nuestro sitio web
Programador Front End | ¿A quién va dirigido este curso? | Profesores del curso

¿A quién va dirigido este curso?

Principiantes Diseñadores Programadores y desa-

rrolladores back end
¿Buscas tu primera oportunidad ¿Quieres renovar tu perfil y crear
laboral en una disciplina tecnológica interfaces de navegación visual-
¿Tienes experiencia con PHP, Java
con alta demanda laboral? mente atractivas?
y otros lenguajes, pero quieres ser
Conviértete en desarrollador front Domina todo sobre el desarrollo
desarrollador full stack?
end y crea interfaces inteligentes. web y diseña proyectos de prin-
Encuentra las herramientas para
Trabaja en tu portafolio profesional cipio a fin. Desarrolla las habilida-
darle más potencia a tu perfil.
mientras aprendes. des que necesita un especialista
Alcanza un nivel superior en tu
y lleva tu carrera a otro nivel.
carrera y en tus ingresos.

Profesores del curso

Josue Manuel López Lezama
Frontend Engineer en Cornershop by Uber

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 desarro-
llado 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.

Alfonso Díaz Villaseñor

Consultor en Diseño e Innovación

Más de 10 años de experiencia ayudando a más

de 30 empresas en México, Holanda y Alemania
a mejorar su comunicación visual, servicios y
productos.
Utiliza diferentes metodologías para detonar el
potencial creativo de organizaciones y empren-
dedores como Natura Mexico, Nacional Finan-
ciera, SleepMart, Duraled, the Gathering Mx, Pabis Recibe el certificado
Retail, Megacomp. de EBAC al finalizar el
Coach certificado en Lego® Serious Play® y doc-
torado en Investigación Aplicada a Proyectos. curso
Programador Front End | Contenido del curso

Contenido del curso

Adquiere las competencias que necesitas para conseguir trabajo.
Estudia cuando quieras y donde quieras con tu acceso ilimitado.

Actividades:
1 Introducción al Desarrollo Front End Practicar la corrección de código y aplicar los concep-
Adquiere habilidades web integrales hasta dominar HTML, tos aprendidos para resolver ejercicios en Codepen. Y
CSS y JavaScript, usando Visual Studio Code y extensiones. agregar un formulario con respuestas condicionadas
Diferencia front end de back end y aplica Grid CSS y Flex- al proyecto del e-commerce, aplicando la manipula-
box en diseño web. ción del DOM, conceptos de funciones, loops y condi-
cionales en JavaScript.
• Desarrollo Web y Front End
• HTML5
• CSS3
• JavaScript
4 Otros recursos de JavaScript
Actividades:
Desarrollar un e-commerce estático y responsivo con Profundiza con JavaScript asíncrono, aplica promesas
estructura semántica en HTML, CSS, elementos como pá- y Async/Await, AJAX, API, JSON, Fetch API, Axios/Postman,
rrafos, imágenes, tablas y formularios. Buscar la integración Node.js y conoce TypeScript para el desarrollo web.
de tarjetas en la web, organizadas con Flexbox y disposi- • JavaScript Asíncrono
ciones de filas a través de Grid. • AJAX y API’s
• Node.js
• Typescript
Actividades:
2 CSS responsive, Bootstrap y Sass • Programar en JavaScript y desarrollar una aplica-
Adapta sitios web a diferentes dispositivos y resoluciones. ción web capaz con una API, que solicite y muestre
Conoce la metodología BEM en CSS y preprocesadores los resultados.
como SASS para mejorar la organización y el manteni- • Configurar un proyecto de Node.js desde cero y
miento del código. Domina frameworks web como Boots- crear funciones en TypeScript, aplicando el siste-
trap, controla las versiones con Git. ma de tipos estáticos.
• Responsive Design
• Arquitectura de CSS
• Sass 5 Frameworks Front End
• Bootstrap
• Git y GitHub Aprende React para el desarrollo de aplicaciones web
• Servicio de alojamiento para sitios web estáticos interactivas y a implementar conceptos avanzados,
Actividades: como Redux, con el fin de crear proyectos prácticos y
• Aplicar la metodología BEM a un e-commerce en la modernos en el entorno front end.
refactorización de la hoja de estilo con el repositorio • React
de Git y aplicar el servicios de alojamiento web. • Tipos de estilos en React
• Aplicar estilos a HTML con SASS y crear una interfaz • Redux
web con estilos de Bootstrap. Actividades:
Desarrollar una web app con React y frameworks
de CSS para estilizarla, y con peticiones a alguna API
de uso público. Y crear un e-commerce con React
3 Integración de HTML con JavaScript y Redux, que muestre los productos disponibles y se
Adquiere las competencias esenciales en JavaScript, agreguen al carrito de compras.
incluyendo manipulación de datos, variables, operado-
res, funciones (flecha y ‘return’), condicionales, bucles,
métodos de arrays, objetos, cadenas y mucho más.
6 Test-Driven Development
• Introducción a JavaScript
• Funciones y Condicionales de JavaScript Aprende los principios y técnicas del TDD en el contexto
• Loops en JavaScript de React, usando la librería Jest para crear y ejecutar
• Métodos de JavaScript tests de manera efectiva y la evaluación del Coverage
• Scope en JavaScript y Builds en operaciones asíncronas.
• Características de ES6 • Testing con Jest
• Clases y LocalStorage en JavaScript
Actividades:
• Sitios Web Interactivos: DOM y Evento
Realizar tests con Jest, abarcando el testing de com-
ponentes, funciones en archivos y funciones asíncro-
nas que consulten una API.
Programador Front End | Contenido del curso

7 Accesibilidad en Sitios Web 10 Front End e Inteligencia Artificial

Mejora la accesibilidad web mediante el entendimien- Aprende a integrar la inteligencia artificial al desarrollo
to de discapacidades y tecnologías asistivas, aplican- front end y mejora la experiencia del usuario a través
do prácticas inclusivas y descripciones textuales, para de sistemas de recomendación y chatbots de IA en
optimizar la experiencia de personas con diferentes proyectos web, y optimiza la atención al cliente y la
discapacidades. personalización del contenido.
• Accesibilidad en sitios web • Inteligencia Artificial aplicada al Desarrollo Front
Actividades: End
Aplicar los principios de accesibilidad a un sitio web. Actividades:
Diseñar una aplicación web de front end, que incluya
un sistema de recomendación impulsado por IA y un
chatbot.
8 Front End aplicado al Marketing
Evalúa el impacto del desarrollo front end en las es-
trategias de marketing. Valora la relevancia del SEO, la
velocidad de carga y el análisis de datos para mejorar 11 Portafolio profesional
la eficacia de una página web.
Crea un portafolio en GitHub que exhiba los proyectos
• Marketing y el equipo de desarrollo web
desarrollados en el curso, y destaca las habilidades y
• Emails y HTML
tecnologías aprendidas.
• Landing page
• SEO • Los proyectos trabajados a lo largo del curso
• Optimización de páginas web para convertir • Portafolio
Actividades: Actividades:
• Crear plantillas de email con HTML. Hacer un portafolio que incluya los proyectos de desa-
• Desarrollar una landing page que comunique rrollo front end realizados en el curso.
acciones específicas de un comercio, aplicar
estrategias de SEO para optimizar los resultados
de búsqueda.

9 Integración, Habilidades
y Entrevistas Técnicas
Domina las competencias clave
de la ingeniería front end y prepá-
rate para afrontar entrevistas de
trabajo para posiciones junior en
el área.
• El Ingeniero Front End en el
entorno empresarial
• Habilidades para entrevistas
técnicas
Actividades:
Practicar en simulacros de entre-
vistas técnicas y sus procesos.
Programador Front End | Habilidades

Habilidades Herramientas
Dominio de HTML, CSS, JavaScript
y Visual Studio Code
Git npm React Sass

Git para el control de versiones y la

colaboración
Visual Studio
Postman
Redux para manejar cambios de Code Bootstrap Jest

estado

Diseño de webs y apps responsivas Redux

y optimizadas

Aplicaciones de React con Create

React App (CRA)
Acceso
Desarrollo front end en estrategias
y colaboración con marketing de por vida
Integración de Bootstrap en Entra al contenido del curso las
proyectos web con CSS y SASS veces que quieras por tiempo
ilimitado
Uso del framework Tailwind CSS y
de Styled-Components

Integración de Inteligencia Artificial

en front end
Programador Front End | Centro de Carreras

Empleo garantizado o te devolvemos

tu dinero
Hemos asesorado a más de 900 alum-
nos a encontrar el trabajo de sus sue-
ños. Te ayudaremos a crear un CV, un
plan de carrera, a preparar entrevistas
y te informaremos sobre las vacantes
actuales.

Si no encuentras trabajo dentro de los

6 meses después de terminar el curso,
te regresamos tu dinero.*

*Descarga las condiciones del Programa de Empleo

Portafolio Plan de carrera

Convertimos los proyectos del Te ayudamos a definir tus obje-
curso en un portafolio atractivo tivos y a crear un plan de carrera
y que muestra las fortalezas del para que alcances la excelencia
alumno a los reclutadores. profesional.

Entrevistas y CV Conexión con empresas

¡Consigue el trabajo! Realizamos Seleccionamos las mejores
entrevistas simuladas y te ase- oportunidades laborales para ti y
soramos con CV para que des- compartimos tu CV con las em-
taques sobre otros candidatos. presas asociadas.
Programador Front End | Preguntas frecuentes

Preguntas frecuentes
Nunca he programado ni diseñado ¿Cuántas horas a la semana
¿podré seguir el curso? debería dedicarle al curso?
¡Claro! No necesitas experiencia previa e irás avanzando Te sugerimos que completes un módulo por semana,
a lo largo del curso profesional. Aprende y profundiza te llevará dos horas aproximadamente entre asistir
temas relevantes para convertirte en un experto. Adquie- a clases y realizar las actividades. Pero no te preocu-
re todos los conocimientos necesarios para darle más pes, este plazo es sólo una sugerencia. Recuerda que
valor a tu currículum e impulsa tu carrera profesional en puedes avanzar a tu propio ritmo, tomar descansos
el mundo digital de la programación. para integrar el contenido y verlo de nuevo las veces
que quieras antes de continuar.

¿Cómo puedo obtener trabajo

como Ingeniero Front End? ¿A quién puedo preguntar si
Además de los sitios de trabajo como LinkedIn, en tengo dudas?
este curso aprenderás a superar entrevistas técnicas
y a crear un portafolio profesional. Dentro de la plataforma tendrás un tutor que resolve-
rá tus dudas, comentará tus tareas y te dará conse-
jos. Tendrás la oportunidad de aprender de profeso-
res líderes que son grandes referentes en su sector y
¿Hay actividades en grupo? aprovechar todos sus conocimientos y habilidades
de vida.
El curso se desarrolló teniendo en cuenta una evolución
individual. Por ello, contamos con un equipo de tuto-
res, para corregir y dar feedback sobre las actividades
realizadas por cada alumno. También puedes hablar con ¿Con solo inscribirme, ya ga-
otros estudiantes y hacer cualquier pregunta sobre el
contenido de las clases al tutor en el Foro. rantizo mi participación en el
programa de empleabilidad?
¿Es posible omitir módulos? No, para participar en el programa de empleabilidad
debes:
Sí, aunque te recomendamos consultar primero al equipo • Completar el curso con éxito, haber entregado
de soporte al alumno. Para un aprendizaje óptimo deberás el 100% de las actividades y que hayan sido
completar las actividades al final de cada módulo y enviar- aprobadas por los tutores de EBAC;
las al tutor para que sean revisadas. • Concluir 3 sesiones en el Centro de Carreras;
Te recordamos que para el programa de empleabilidad, • Aplicar al programa a través del link proporcio-
es obligatorio que hayas realizado todas las actividades y nado por el Centro de Carreras al final de la 3°
acreditado mínimo un 70%. (tercera) sesión;
• Entregar el curriculum vitae con el formato
proporcionado por EBAC, portafolio y perfil;
• profesional actualizado en LinkedIn;
¿Cómo es la carga de tiempo? • Ser activo en la búsqueda de empleo;
¿Podrá ajustarse a mi trabajo? • Entregar y acreditar los casos y proyectos
indicados en el curso.
La metodología del curso ha sido diseñada para
adaptarse a diferentes ritmos de vida. Tendrás tuto-
rí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 depen-
diendo 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.
Cómo es
la rutina
del curso
1 Aprende sobre el tema
El curso consta de lecciones en video detalla-
das y fáciles de entender

2 Poner el aprendizaje
en la práctica
Actividades para practicar al ritmo más adecuado
para ti

3 Intercambiar conocimientos
con el tutor
Corrección de trabajos individuales y retroali-
mentación para mejoras

4 Producir una obra original

Proyecto de consolidación de conocimientos
adquirido y una gran oportunidad para
enriquece tu portafolio
Sobre
EBAC
La Escuela Británica de Artes Creati-
vas y Tecnología (EBAC) es una insti-
tución innovadora de educación su-
perior en Artes Creativas y Tecnología
que ofrece cursos y programas de
especialización en línea.

+45 95,000
cursos en español alumnos estudiando con
nuestros cursos online

100% +40
de los profesores y coordi- empresas colaboran en el de-
nadores son expertos y refer- sarrollo de cursos, proyectos
entes en el mercado laboral reales y programas de prácticas