Antes de comenzar
¿Qué es la programación?
conceptos
¿Qué es sintaxis?
conceptos
El código sólo es texto
conceptos
¿En dónde se usa la programación?
conceptos
Introducción
¿Qué es Web Dev?
conceptos
¿Qué necesitamos para aprender Frontend?
opinión
Alternativa Local
Consigamos VS Code
herramientas
Sobre Live Server
herramientas
Sobre Prettier
herramientas
Alternativa Remota
🚧 Usando plataformas
Primeros pasos
Construyendo casas virtuales
conceptos
Aprendamos HTML
html
Etiquetas básicas de contenido
html
Ejercicio - Hagamos un periódico
html
Extra: Dominando herramientas: Emmet
Dominando herramientas: Emmet
Mejoremos nuestra velocidad de programación aprendiendo atajos de autocompletado
🚧 Un poco de historia sobre la web
Aprendamos CSS
css
Propiedades básicas CSS
css
Colores nombrados
css
Formatos de color más comunes
Formas de agregar estilos
css
¿Cómo agregar comentarios en CSS?
Aprendiendo el flujo de trabajo
¿Cómo subir mi página a un enlace real? | GitHub
github
¿Qué es el Control de Versiones?
🚧 Control de versiones con Git
🚧 Control de Versiones con GitHub Desktop
Ampliando conocimientos
Sobre fuentes
css
Etiquetas de bloque y en línea
Tablas en HTML
html
Enlaces a secciones y páginas internas
Aprendiendo programación
Introducción a JavaScript para web
Un poco de historia sobre JavaScript
Formas de agregar scripts
Nombres válidos en JavaScript
Convenciones de nombramiento
buenas prácticas
Aprendamos visualmente
¿Cómo seleccionar elementos?
¿Cómo modificar elementos?
¿Cómo crear, anexar y borrar elementos?
Conceptos básicos
Métodos de entrada de datos
Sobre parámetros y valores de retorno
🚧 Sobre las funciones callback
🚧 ¿Cómo conseguir información del usuario?
¿Cómo conseguir información de formularios?
🚧 Eventos
Más sobre HTML
🚧 Diferencia entre input submit y button submit
Cómo seccionar una lista de opciones
🚧 Etiquetas de metadatos
🚧 Etiquetas semánticas
🚧 Plantillas
🚧 Audio y video
🚧 Imágenes responsivas
🚧 SVG
🚧 Accesibilidad HTML
🚧 Microdatos
🚧 APIs
🚧 Estructura global e internacionalización
Más sobre CSS
Formas de centrar contenido
css
Formas avanzadas de agregar estilos
¿Cómo agregar modo oscuro?
ui
🚧 Sobre Flexbox
🚧 Sobre Grid
🚧 Pseudo-clases y Pseudo-elementos
🚧 Sobre Media Queries
🚧 Variables CSS
🚧 Accesibilidad
🚧 Transiciones y Animaciones
🚧 Gradientes
🚧 Funciones
🚧 Selectores avanzados
🚧 Preprocesadores
🚧 Frameworks
🚧 Técnicas avanzadas de distribución
🚧 Diseño responsivo avanzado
🚧 Optimización de rendimiento en CSS
🚧 Arquitectura CSS
🚧 Componentes web
Más sobre JavaScript
🚧 Tipos de funciones
🚧 Verificación de tipos
🚧 Optimización de rendimiento en JavaScript
🚧 Seguridad
🚧 Frameworks y librerías
🚧 Aplicaciones Web Progresivas
🚧 JavaScript para servidor
¿Qué es sintaxis?
conceptos
¿Qué son los niveles de abstracción?
Una pantalla oscura llena de letras
🚧 Trabajando en equipo con GitHub Desktop