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.
¿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
-
check_circle_outlineMódulo 1 | 8 clases
Introducción
expand_more-
done_all
Clase 1
1.- Presentación del curso
-
done_all
Clase 2
2.- Programas a utilizar
-
done_all
Clase 3
3.- Servidor local
-
done_all
Clase 4
4.- Cómo funciona la web
-
done_all
Clase 5
5.- Introducción a HTML
-
done_all
Clase 6
6.- Introducción a CSS
-
done_all
Clase 7
7.- Configurando nuestro proyecto
-
done_all
Clase 8
8.- HTML5 Boilerplate
-
-
check_circle_outlineMódulo 2 | 11 clases
Sección portada
expand_more-
done_all
Clase 1
9.- Mostrar vídeo
-
done_all
Clase 2
10.- Centrar vídeo
-
done_all
Clase 3
11.- Poster y límites de tamaño
-
done_all
Clase 4
12.- Centrar contenido verticalmente
-
done_all
Clase 5
13.- Trabajando con z-index
-
done_all
Clase 6
14.- Google Fonts
-
done_all
Clase 7
15.- Colocar logo y menú
-
done_all
Clase 8
16.- Bootstrap
-
done_all
Clase 9
17.- Programación en HAML
-
done_all
Clase 10
18.- Terminando navegación, transiciones y hover
-
done_all
Clase 11
19.- Trabajando con Position
-
-
check_circle_outlineMódulo 3 | 7 clases
Sticky Navigation
expand_more-
done_all
Clase 1
20.- Sticky Navigation
-
done_all
Clase 2
21.- Marcado de la navegación
-
done_all
Clase 3
22.- Ocultar navegación inicial e importar jQuery
-
done_all
Clase 4
23.- Monitorear el scroll
-
done_all
Clase 5
24.- Scroll al final de la pantalla
-
done_all
Clase 6
25.- Monitorear navegación en scroll
-
done_all
Clase 7
26.- Animar entrada del menú
-
-
check_circle_outlineMódulo 4 | 5 clases
Menú con imágenes
expand_more -
check_circle_outlineMódulo 5 | 5 clases
Slider
expand_more -
check_circle_outlineMódulo 6 | 12 clases
Formulario de contacto
expand_more-
done_all
Clase 1
37.- Card
-
done_all
Clase 2
38.- Marcado del formulario
-
done_all
Clase 3
39.- Estilos del formulario
-
done_all
Clase 4
40.- Enviar correo de contacto
-
done_all
Clase 5
41.- Preparar AJAX y formulario JSON
-
done_all
Clase 6
42.- Enviar AJAX
-
done_all
Clase 7
43.- Formulario a pasos, inicio
-
done_all
Clase 8
44.- Estilos formulario a pasos
-
done_all
Clase 9
45.- Mover formulario con javaScript
-
done_all
Clase 10
46.- Controles formulario
-
done_all
Clase 11
47.- Funcionalidad controles
-
done_all
Clase 12
48.- Finalizar formulario a pasos
-
-
check_circle_outlineMódulo 7 | 6 clases
Mapa
expand_more -
check_circle_outlineMódulo 8 | 9 clases
Offline
expand_more-
done_all
Clase 1
55.- Offline apps
-
done_all
Clase 2
56.- Vista offline
-
done_all
Clase 3
57.- Estilos vista offline
-
done_all
Clase 4
58.- Qué son los service workers
-
done_all
Clase 5
59.- Guardar en cache
-
done_all
Clase 6
60.- Fetch
-
done_all
Clase 7
61.- Evitar cache del navegador
-
done_all
Clase 8
62.- Mostrar vista offline
-
done_all
Clase 9
63.- Limpiar cache y detalles
-
-
check_circle_outlineMódulo 9 | 9 clases
Responsive Design
expand_more-
done_all
Clase 1
64.- Introducción al bloque
-
done_all
Clase 2
65.- Menú responsivo
-
done_all
Clase 3
66.- Desplegar y ocultar menú
-
done_all
Clase 4
67.- Intercambiar icono menú
-
done_all
Clase 5
68.- Responsive step-form
-
done_all
Clase 6
69.- Height Media queries
-
done_all
Clase 7
70.- Links navegación
-
done_all
Clase 8
71.- Mejorar sticky navigation
-
done_all
Clase 9
72.- Obtener hora del día
-
-
check_circle_outlineMódulo 10 | 4 clases
Deploy
expand_more -
check_circle_outlineMódulo 11 | 1 clases
Retroalimentación de proyecto
expand_more -
check_circle_outlineMódulo 12.-
Examen del curso
expand_more-
done_all
Examen
Examen final del curso
-
Uriel Hernández 🍎 Instructor
CTO
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
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]