Aprende desarrollo web con este curso gratuito de 20 horas

Aprende Desarrollo Web con Este Curso Gratuito de 20 Horas

¿Eres un principiante completo interesado en aprender desarrollo web? ¡No busques más!

Acabamos de publicar un curso completo sobre desarrollo web con HTML y CSS en el canal de YouTube de freeCodeCamp.org. Este curso está cuidadosamente diseñado y enseñado por Aakash N S, el CEO y cofundador de Jovian, una plataforma para ciencia de datos y aprendizaje automático.

El curso comienza con los conceptos básicos de HTML y CSS, adentrándose en conceptos avanzados a medida que avanzamos. Aprenderás a utilizar Git, GitHub y la implementación en la nube con Vercel. También cubriremos el diseño adaptable para dispositivos móviles, el marco de trabajo CSS de Bootstrap y el marco de aplicación web Express.

Las tareas prácticas de codificación son una parte integral del curso. Se te encargará construir una página web a partir de un diseño simulado, crear un sitio web adaptado para dispositivos móviles y diseñar una calculadora científica. ¡Para el gran final, construirás tu propio sitio web de portafolio personal y lo implementarás en la nube!

Aquí tienes un desglose del contenido del curso:

Lección 1: Fundamentos de HTML y CSS

• Etiquetas HTML, head, title, body y div
• Texto, enlaces, listas, encabezados e imágenes
• Selectores, propiedades y valores de CSS

Lección 2: HTML y CSS Avanzado

• Formularios, entradas, botones y menús desplegables
• Tablas, diseños flexbox y grid de CSS
• Iframes, video, audio y canvas

Tarea 1: Diseño simulado a página web

• Estudiar e inspeccionar un diseño simulado
• Agregar contenido HTML y estilarlo con CSS
• Implementar la página web final en la nube

Lección 3: Control de versiones e implementación en la nube

• Introducción a Git y GitHub
• Ramas, confirmaciones (commits), empujar (push) y jalar (pull)
• Implementación en la nube con Vercel

Lección 4: Diseño adaptable y flexbox CSS

• Consultas multimedia y diseño amigable para dispositivos móviles
• Creación de diseños fluidos con flexbox CSS
• Construcción y prueba de un sitio web adaptable

Tarea 2: Diseño web adaptable para dispositivos móviles

• Inspeccionar diseños específicos de dispositivos
• Configurar puntos de ruptura y estilos base
• Implementar el diseño móvil primero

Lección 5: Marco de trabajo CSS de Bootstrap

• Instalación de Bootstrap y personalización de estilos base
• Creación de diseños responsivos utilizando el sistema de cuadrícula
• Construcción de una página web utilizando componentes de Bootstrap

Tarea 3: Construir una calculadora científica

• Construir una interfaz de usuario con HTML y CSS
• Agregar controladores de eventos a los nodos DOM
• Implementar la lógica con funciones de JavaScript

Lección 6: Marco de aplicación web Express

• Configuración de rutas y métodos HTTP
• Renderización de plantillas y archivos estáticos
• Implementación en la nube con Vercel

Proyecto: Construye tu propio sitio web personal

• Elige una plantilla o crea wireframes
• Crea un sitio web con múltiples páginas
• Agrega contenido e implementa en la nube

Dirígete al canal de YouTube de freeCodeCamp.org para ver el curso completo (20 horas de visualización).

• Web Development