Summary
Keywords
Full Transcript
Aprende HTML y CSS desde CERO con ESTE CURSO DESDE CERO! 📣 ¿Necesitas un Hosting y Dominio? Utiliza el cupón "ALEXCG" hasta 90% de descuento en Hostinger.com. ENTRA AQUÍ 👉 https://www.hostinger.com/alexcg Descarga los archivos del curso: https://alexcgdesign.com/blog/curso-html-y-css/ 📘CURSO CSS3 COMPLETO (Descuento) 👉 https://alexcgdesign.com/cursocss ----------------------------------------------------------------------------------------------------------------------------- Aprende CSS (Desde CERO en YOUTUBE) 👉 https://youtu.be/LzlarZAtMYI?list=PLP7LlHfxfuM8pAs_N7JOEvBIcpgTDiHud ----------------------------------------------------------------------------------------------------------------------------- CURSOS COMPLETOS: 📘CURSO CSS3 COMPLETO (Descuento) 👉 https://alexcgdesign.com/cursocss 👨💻🎁 Diseño Web Desde Cero (Descuento) 👉 https://alexcgdesign.com/descuento-diseno-web-moderno ----------------------------------------------------------------------------------------------------------------------------- 00:00 CURSO HTML Y CSS (DESDE CERO) 01:04 ¿Qué es y como funciona HTML5? 06:21 Instalando VSCODE y primeras líneas de código con HTML. 13:05 Estructura básica de un archivo HTML. 19:13 Tipos de etiquetas en HTML5. 22:20 Etiquetas Heading (H1,H2,H3,H4,H5,H6) 27:12 Etiquetas de Texto (span, strong, small, em y más) 46:52 Enlaces en HTML (Hipervínculos) 01:02:17 Imágenes en HTML y ELEMENTOS SVG (Rutas Relativas vs Absolutas) 01:14:01 Etiquetas de contenido, SECTION, HEADER, NAV, FOOTER y más (Semántica) 01:20:58 Atributos en HTML + Desplazamiento por anclas. ( ID, CLASS ) 01:29:22 Listas en HTML (ul vs ol) 01:36:55 Tablas en HTML (Estructura tus datos) 01:39:35 Formularios en HTML (Form, input, select, checkbox, textarea) 01:53:48 Iframe HTML (Enlaza a otras páginas) 01:58:48 Audio y Video en HTML. 02:04:38 Etiqueta Figure, Picture en HTML. (Imágenes Adaptables) 02:14:00 Metadatos en HTML. 02:18:42 ¿Qué es CSS y como funciona? 02:22:49 Las 3 maneras de agregar CSS a nuestro HTML. (En línea, en Etiqueta Style y por archivo) 02:29:00 Selectores en CSS ( De etiqueta, De clase, De ID) 02:36:46 Selectores Combinadores 02:42:14 Cascada, Especificidad y Herencia 02:52:14 Box-Model Capa de Contenido 02:58:11 Box-Model Capa de Padding y Border 03:05:13 Box-Model Capa del Margin 03:09:30 Colapso de Márgenes CSS 03:14:08 Márgenes automáticos. 03:17:08 Box-Sizing en CSS 03:25:23 BEM (Metodología para escribir clases.) 03:31:08 Colores en CSS (Por nombre, RGB, HSL y Hexadecimal) . 03:40:01 Background en CSS ( Image, Position, Size, Repeat) 03:46:13 Textos en CSS ( Font-size, Family, Overflow-wrap, Letter-spacin, Line-height, Text-align) 03:56:40 PRIMERA PRACTICA 04:00:59 Unidades de Medida CSS (PX, Unidades de Viewport, VH, VW, EM, REM, Porcentajes) 04:11:25 CARD CSS SEGUNDA PRACTICA 04:16:06 Position CSS (Relative, Absolute, Static y Fixed + Z-index) 04:27:27 MediaQueries en CSS (Min-width, Max-width) 04:35:23 Diseño Adaptable - Responsive Design (Mobile First, Desktop First) 04:37:46 Custom Properties CSS - Variables CSS 04:43:16 Flexbox ( Flex-direction, Flex-wrap, Display: Flex ) 04:51:08 Alineamiento Flex-items. (Justify-content, Align Content/Items) 04:57:23 Propiedades Flex-Items (Grow, Shrink, Order, Basis, Align-self) 05:03:08 PRACTICA FLEXBOX 05:16:48 CSS GRID ( Grid-template rows/columns, grid-column, grid-row, template-areas) 05:24:56 GALERIA DE IMAGENES ANIMADA CON GRID (SÚPER COOL) 05:39:22 PROYECTO FINAL (Aplicando TODO LO APRENDIDO) 06:16:01 Adaptando nuestra página a cualquier dispositivo. (RESPONSIVE DESIGN) 06:26:16 ¿Qué es Hosting y Dominio? Subiendo nuestra página a internet. 06:33:25 ¡TERMINASTE EL CURSO! (SORPRESA) ✉️ Redes sociales: Blog de desarrollo web: https://www.alexcgdesign.com/blog Twitter: https://twitter.com/alexcgdesign Facebook: https://goo.gl/7o77tx Linkedin: https://goo.gl/byCJnS Instagram: https://www.instagram.com/alexcg_design/ Github: https://github.com/AlexCGDesign
