Crear un sitio web utilizando HTML5 y CSS3
Dominar HTML
Dominar CSS
Trabajar con Visual Studio Code
Conceptos claves de Bootstrap 4
Qué aprenderemos en este curso
En este curso aprenderemos a utilizar las herramientas más actualizadas para realizar sitios web, conocerás HTML 5 y CSS 3 en sus fundamentos, lo que te permitirá poder crear tus propios sitios web responsives.
Exactamente, crearemos una página web que sea adaptable a celulares y tablet.
Aquí aprenderás:
- Fundamentos de HTML
- Fundamentos de CSS
- Fundamentos de Flexbox
- Maquetación web
- Creación de un proyecto real con HTML y CSS
- Introducción a Bootstrap 4.
- NO NECESITAS CONOCIMIENTOS PREVIOS!
Espero verte en clases 🙂
Introducción
1
¡Leer importante! :)
2
¿Quieres aprender Javascript Gratis?
3
Conceptos desarrollador web FrontEnd
4
Introducción a HTML
5
Introducción a CSS
6
Descargar material de curso
Fundamentos de HTML
1
Encabezados
2
Párrafos y Formatos
3
Atributos
4
Listas y Comentarios
5
Semántica HTML5
Fundamentos de CSS
1
Vincular HTML con CSS
2
3 Formas de aplicar estilos en CSS
3
Colores
4
Margenes y Padding
5
Columnas [Introducción a Flexbox]
6
Pseudoclases Hover y Active
7
Elementos de bloque y de línea
Práctica #1 : Navbar (Menú de navegación)
1
Estructura con HTML y primeros estilos CSS
2
Trabajando con Flexbox
3
CSS media queries (Modo responsive introducción)
4
Agregar botón en modo responsive
5
Interactividad con Javascript
Práctica #2 : Tabla de precios
1
Introducción y estructura en HTML
2
Centrando contenido
3
Agregando tipografías personalizadas (GoogleFonts)
4
Columnas
5
Estilos Columnas
6
Sombras
7
Botón
8
Tabla responsive
FLEXBOX CSS3
1
Importante
2
Fundamentos de Flexbox
3
Proyecto web con HTML, CSS y Flexbox
Práctica: Crear sitio web con Bootstrap 4
1
Introducción a Bootstrap 4
2
Instalación de Bootstrap 4
3
Comenzando sitio web, clase container
4
Clase img-fluid
5
Clase card
6
Botones con Bootstrap 4
CSS GRID
1
CSS GRID
Avanza al siguiente nivel
1
Clase extra: (Curso de HTML, CSS, Flexbox y Bootstrap 5!)
2
Clase Extra (curso de React.js)
3
Clase extra (curso de Vue.js 3 + Firebase)
4
Sigue aprendiendo aquí... [GRATIS]
5
Javascript esencial para React.js, Vue.js o Angular.js