Html
Empezar a diseñar documentos y aplicaciones web es un reto que hay que afrontar desde muchas perspectivas. Hay que tener conocimientos generales sobre Internet y cómo funciona el servicio web, el correo electrónico, la transferencia de ficheros… Además hay que saber trabajar con la información en sus distintos formatos: Texto, imagen, sonido y vídeo. Y por último hay que tener nociones de composición y usabilidad para ofrecer al usuario experiencias cómodas e intuitivas de navegación por la información.
Particularmente la hoja de ruta que suelo usar, para empezar en este apasiónante mundo tecnológico del desarrollo web, pasa por simultanear HTML y CSS y dejar javascript para un poco más adelante. Un arduo camino en el que se quedan muchos conceptos, que yo prefiero incluir en cursos de especialización, donde es más fácil entenderlos.
Esta es mi particular hoja de ruta de iniciación web:
- Estructura básica de un documento HTML. (Notepad++)
- Maquetación por bloques (La CAJA).
- Características y propiedades (ver las predeterminadas).
- Unidades de medida (Responsive Design)
- Los Editores y los IDEs
- El navegador: (Herramientas de desarrollador: El BOM, El DOM)
- Que son los estilos en cascada (CSS). Como implementarlos.
- Herencia y cascada.
- Concepto de SELECTOR, CLASE e ID.
- Interacción con otros bloques:
- DISPLAY: Block, inline, flex, grid…
- Posicionamiento de los bloques:
- POSITION: absolute, relative, static, fixed, sticky…
- Eje Z
- Calidad del código:
Linter y Minificadores -> Transpiladores y polyfill -> Automatizadores… - Las Pseudoclases
- Los Pseudoelementos
- Los Atributos
- Los Combinadores
- Las variables
- Implementación. Interacciones (Trigger)
- Variables. Objetos. Arrays. POO.
- Cambio del contenido. Cambio del estilo
- WebComponents
- Frameworks
TEMAS
- Internet.
- La WEB.
- Frontend.
- Backend.
- Diseño.
- Color.
- Imagen.
- Sonido.
- Vídeo.
- Recursos web.
- Inteligencia Artificial.
- Fuentes.
- El Navegador.
- H. Desarrollador.
- VS-Code.
- Extensiones VS-code.
- CLI.
- Errores.
- Servidores (XAMP…)
- VCS (Git)
