Resumen
En este módulo, ha configurado un entorno de trabajo para el desarrollo web. También ha creado un sitio web y ha probado que todo funciona en un explorador web. Vamos a mirar todo lo que ha conseguido:
- Ha descargado e instalado las herramientas que necesita para el desarrollo web y ha personalizado el editor con paquetes básicos.
- Ha creado un directorio de proyecto y los archivos para crear un sitio web.
- Ha creado un encabezado y otros elementos de página y, a continuación, ha vinculado a archivos externos y ha probado la página en un explorador.
- Ha aplicado estilos a diferentes elementos y ha probado el sitio en el explorador y ha agregado compatibilidad con temas mediante CSS.
- Ha agregado JavaScript para habilitar la interacción personalizada con la página y el cambio entre temas.
- Ha aprendido a crear y usar mensajes de consola para inspeccionar el código.
Está recopilando herramientas y construyendo los cimientos para su labor como desarrollador web. Puede volver a usar el sitio web como una plantilla para proyectos futuros. A medida que aumenten sus habilidades y conocimientos, podrá acercarse más a la visión que tiene de su sitio web. También es reconfortante ver cómo una idea cobra vida.
Más información
Conceptos de desarrollo web
Referencias de desarrollo web
HTML5
- Historial HTML
- Webhint - Use charset 'Utf-8' (Webhint: Uso de charset "Utf-8")
- Documentación web de MDN: ¿Qué hay en la cabecera?
- Documentos web MDN: referencia de elementos HTML
CSS
JavaScript
Tecnologías de desarrollo web
Documentación de Microsoft Edge
- Herramientas de desarrollo de Microsoft Edge
- Inspección, edición y depuración de HTML y CSS con la herramienta Elementos
- Información general sobre la consola
Azure Static Web Apps
Una manera de implementar el sitio web es usar Azure Static Web Apps.