Curso de Desarrollo Web Frontend

Uriel Hernández

CTO

Aprende a crear páginas web para empresas sin conocimientos previos, comienza a desarrollar sitios profesionales con tecnologías modernas. En este curso te enseñamos buenas prácticas, trucos, y cómo usar correctamente las tecnologías para poder crear un proyecto web.

Crear Cuenta

¿Ya tienes cuenta? Inicia sesión

Contenidos

Duración total 8h 26m
11 módulos y 77 clases
Certificado digital y examen
Curso 100% online

Temario

Módulo 1 | 8 clases

Introducción

Clase 1

1.- Presentación del curso

Clase 2

2.- Programas a utilizar

Clase 3

3.- Servidor local

Clase 4

4.- Cómo funciona la web

Clase 5

5.- Introducción a HTML

Clase 6

6.- Introducción a CSS

Clase 7

7.- Configurando nuestro proyecto

Clase 8

8.- HTML5 Boilerplate

Módulo 2 | 11 clases

Sección portada

Clase 1

9.- Mostrar vídeo

Clase 2

10.- Centrar vídeo

Clase 3

11.- Poster y límites de tamaño

Clase 4

12.- Centrar contenido verticalmente

Clase 5

13.- Trabajando con z-index

Clase 6

14.- Google Fonts

Clase 7

15.- Colocar logo y menú

Clase 8

16.- Bootstrap

Clase 9

17.- Programación en HAML

Clase 10

18.- Terminando navegación, transiciones y hover

Clase 11

19.- Trabajando con Position

Módulo 3 | 7 clases

Sticky Navigation

Clase 1

20.- Sticky Navigation

Clase 2

21.- Marcado de la navegación

Clase 3

22.- Ocultar navegación inicial e importar jQuery

Clase 4

23.- Monitorear el scroll

Clase 5

24.- Scroll al final de la pantalla

Clase 6

25.- Monitorear navegación en scroll

Clase 7

26.- Animar entrada del menú

Módulo 4 | 5 clases

Menú con imágenes

Clase 1

27.- Mostrar imágenes del menú

Clase 2

28.- Trabajando con imágenes de fondo

Clase 3

29.- Efecto screen overlay

Clase 4

30.- Mostrar y centrar info del producto

Clase 5

31.- Centrar menú card

Módulo 5 | 5 clases

Slider

Clase 1

32.- Slider de imágenes

Clase 2

33.- Marcado del slider

Clase 3

34.- Estilos para el slider

Clase 4

35.- Mover la galería con javaScript

Clase 5

36.- Reiniciar transición del slider

Módulo 6 | 12 clases

Formulario de contacto

Clase 1

37.- Card

Clase 2

38.- Marcado del formulario

Clase 3

39.- Estilos del formulario

Clase 4

40.- Enviar correo de contacto

Clase 5

41.- Preparar AJAX y formulario JSON

Clase 6

42.- Enviar AJAX

Clase 7

43.- Formulario a pasos, inicio

Clase 8

44.- Estilos formulario a pasos

Clase 9

45.- Mover formulario con javaScript

Clase 10

46.- Controles formulario

Clase 11

47.- Funcionalidad controles

Clase 12

48.- Finalizar formulario a pasos

Módulo 7 | 6 clases

Mapa

Clase 1

49.- Colocar mapa

Clase 2

50.- CSS para el mapa

Clase 3

51.- Obtener localización del usuario

Clase 4

52.- Calcular distancia

Clase 5

53.- String templates

Clase 6

54.- Colocar marcador

Módulo 8 | 9 clases

Offline

Clase 1

55.- Offline apps

Clase 2

56.- Vista offline

Clase 3

57.- Estilos vista offline

Clase 4

58.- Qué son los service workers

Clase 5

59.- Guardar en cache

Clase 6

60.- Fetch

Clase 7

61.- Evitar cache del navegador

Clase 8

62.- Mostrar vista offline

Clase 9

63.- Limpiar cache y detalles

Módulo 9 | 9 clases

Responsive Design

Clase 1

64.- Introducción al bloque

Clase 2

65.- Menú responsivo

Clase 3

66.- Desplegar y ocultar menú

Clase 4

67.- Intercambiar icono menú

Clase 5

68.- Responsive step-form

Clase 6

69.- Height Media queries

Clase 7

70.- Links navegación

Clase 8

71.- Mejorar sticky navigation

Clase 9

72.- Obtener hora del día

Módulo 10 | 4 clases

Deploy

Clase 1

73.- Concatenar archivos

Clase 2

74.- Deploy a Heroku Parte 1

Clase 3

75.- Deploy a Heroku Parte 2

Clase 4

76.- Detalles finales (vídeo final)

Módulo 11 | 1 clases

Retroalimentación de proyecto

Clase 1

Instrucciones para envío de proyectos

Módulo 12.-
Examen del curso
- Examen
  
  Examen final del curso

Uriel Hernández 🍎 Instructor

CTO

Desarrollador Web con más de 7 años de experiencia. He trabajado con Ruby, JavaScript, Go en distintos proyectos en producción. Me apasiona la creación de productos y soy un fanático de la web.

Nuestros planes Premium incluyen:

Todos los cursos

Acceso ilimitado a +150 cursos exclusivos de programación

Certificados en cursos seleccionados

Aprueba el examen para obtener un certificado.

Clases en vivo y grabaciones

Clases en vivo para complementar los cursos.

Cursos basados en proyectos

Cursos para desarrollar proyectos desde 0.

Únete a miles de estudiantes

Participa en una comunidad de +500 mil estudiantes

Aprendizaje 24/7 en donde sea

Lleva contigo los cursos en nuestra app de Android

Cómo califican los estudiantes este curso:

4.3

657.0 Valoraciones

1 (0.2%)

14 (2.1%)

51 (7.8%)

329 (50.1%)

262 (39.9%)

Preguntas frecuentes

¿Cuándo empieza el curso?

Los cursos de Código Facilito son 100% online On-demand lo que significa que están grabados y los puedes empezar cuando quieras y a tu propio ritmo.
¿Cómo funciona la membresía premium?

Al suscribirte tendrás acceso ilimitado a todos los cursos de Código Facilito. En tu cuenta podrás agregar cursos, ver cualquier video, tener seguimiento de tus cursos y en los cursos que lo indican: presentar un examen al final y obtener un certificado digital. Además tendrás acceso exclusivo a clases premium semanales que son en vivo donde puedes hacer preguntas al instructor.

Cada mes agregamos nuevos contenidos, actualizando cursos existentes y cursos completamente nuevos.

La membresía se actualiza de manera recurrente y puedes cancelar en cualquier momento desde tu cuenta en un par de clics.
¿Qué puedo aprender en Código Facilito?

Nos especializamos en programación: desde lo básico hasta lo pro. Frontend, HTML5, CSS, JavaScript, backend con Python, Rails y mucho más. Puedes explorar nuestro catálogo completo aquí.
Tengo otra pregunta, ¿dónde los contacto?

Te atendemos con gusto en [email protected]