Antes de comenzar
conceptos
¿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?
Introducción
conceptos
¿Qué es Web Dev?
conceptos
¿Cómo funciona la web?
conceptos
¿Qué es Frontend?
opinión
¿Qué necesitamos para aprender Frontend?
Alternativa Local
herramientas
Consigamos VS Code
herramientas
Sobre Live Server
herramientas
Sobre Prettier
Alternativa Remota
🚧 Usando plataformas
Primeros pasos
conceptos
Construyendo casas virtuales
html
Etiquetas básicas de contenido
html
Ejercicio - Hagamos un periódico
Extra: Dominando herramientas: Emmet
Dominando herramientas: Emmet
Mejoremos nuestra velocidad de programación aprendiendo atajos de autocompletado
🚧 Un poco de historia sobre la web
css
Propiedades básicas CSS
css
Formatos de color más comunes
css
Formas de agregar estilos
css
¿Cómo agregar comentarios en CSS?
Aprendiendo el flujo de trabajo
github
¿Cómo subir mi página a un enlace real? | GitHub
herramientas
¿Qué es el Control de Versiones?
🚧 Control de versiones con Git
🚧 Control de Versiones con GitHub Desktop
Ampliando conocimientos
css
Sobre el modelo de caja
css
Etiquetas de bloque y en línea
html
Enlaces a secciones y páginas internas
Aprendiendo programación
javascript
Introducción a JavaScript para web
conceptos
Un poco de historia sobre JavaScript
javascript
Formas de agregar scripts
javascript
Variables y constantes
javascript
Nombres válidos en JavaScript
buenas prácticas
Convenciones de nombramiento
javascript
Sobre los objetos
javascript
Sobre las funciones
Aprendamos visualmente
javascript
¿Cómo seleccionar elementos?
javascript
¿Cómo modificar elementos?
javascript
¿Cómo crear, anexar y borrar elementos?
Conceptos básicos
javascript
Operadores aritméticos
javascript
Operadores de asignación
javascript
Formas de crear strings
javascript
Sobre ciclos o bucles
html
Métodos de entrada de datos
javascript
Argumentos y parámetros
javascript
Valores por defecto
javascript
Sobre parámetros y valores de retorno
🚧 Sobre las funciones callback
🚧 ¿Cómo conseguir información del usuario?
javascript
¿Cómo conseguir información de formularios?
🚧 Eventos
Más sobre HTML
🚧 Diferencia entre input submit y button submit
html
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
css
Formas de centrar contenido
css
Formas avanzadas de agregar estilos
ui
¿Cómo agregar modo oscuro?
🚧 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
conceptos
¿Qué son los niveles de abstracción?
conceptos
Una pantalla oscura llena de letras
herramientas
Editores de código
conceptos
Programming VS Coding
🚧 Trabajando en equipo con GitHub Desktop