Cree para la web, con el navegador como punto de partida

Código fuente HTML mostrado en una pantalla de computadora oscura

Over deze selectie

Una ruta práctica a través de los fundamentos web, cursos enfocados, compatibilidad de navegadores e implementación accesible. Los marcos hacen que muchas cosas sean convenientes, pero el navegador aún decide cómo se comporta una página. Una base en HTML, CSS, JavaScript y accesibilidad hace que las herramientas desconocidas sean menos misteriosas. Estas referencias funcionan bien junto con un proyecto pequeño que puede inspeccionar, cambiar y romper de forma segura. Prueba esto primero Cree…

Una ruta práctica a través de los fundamentos web, cursos enfocados, compatibilidad de navegadores e implementación accesible.

Los marcos hacen que muchas cosas sean convenientes, pero el navegador aún decide cómo se comporta una página. Una base en HTML, CSS, JavaScript y accesibilidad hace que las herramientas desconocidas sean menos misteriosas. Estas referencias funcionan bien junto con un proyecto pequeño que puede inspeccionar, cambiar y romper de forma segura.

Prueba esto primero

Cree una página pequeña con un encabezado, un formulario y una lista. Conozca la característica subyacente en MDN, use una lección de web.dev para profundizar y verifique la compatibilidad antes de adoptar una capacidad más nueva. Pruebe la página con un teclado antes de agregar más brillo.

Tener en mente

Guarde la referencia exacta que resolvió un problema y una nota sobre lo que cambió. Eso crea un cuaderno de trabajo, en lugar de otra lista de tutoriales para terminar algún día.

4 links/In de volgorde van de curator

Link 1Spaans

MDN Aprende desarrollo web

Utilice esto como base estructurada cuando necesite comprender qué hace la plataforma. Siga una sección breve, reproduzca el ejemplo y cambie algo para comprobar su comprensión.

developer.mozilla.org

Link 2–

web.dev Aprender

Elija un curso vinculado a su pregunta inmediata, como CSS, rendimiento o formularios. Aplique una lección al mismo proyecto pequeño para que la lectura se convierta en un comportamiento observable.

web.dev

Link 3Engels (Verenigde Staten)

¿Puedo usar

Verifique la compatibilidad con una función específica en todos los navegadores. Lea las notas y los detalles del soporte parcial, luego decida un respaldo basado en su audiencia real en lugar de un solo porcentaje.

caniuse.com

Link 4Engels

El proyecto A11Y

Convierta las intenciones de accesibilidad en controles de implementación concretos. Utilice la lista de verificación para guiar la investigación, mientras recuerda que una casilla marcada no reemplaza las pruebas con usuarios reales.