Curso gratuito de HTML y CSS en Codecademy

Ya les hable sobre Codeacademy, la excelente plataforma para aprender a programar desde cero totalmente gratis y a nuestro propio ritmo, la cual ha estado desde el pasado mes de diciembre agregando contenido en español, ya que principalmente la mayoría de sus cursos están en idioma inglés.

Lo que hoy les vengo a compartir es sobre uno de los temas que ya podemos aprovechar en Codeacademy, se trata de un completo curso gratuito de HTML y CSS, que busca enseñar las bases esenciales para desarrollar una pagina web usando estos dos lenguajes, y lo mejor como ya les había mencionado, es que todo el curso es teórico-practico, así a medida que vamos aprendiendo iremos programando nuestros propios proyectos de ejemplo.

Para poder aprovechar este interesante material es recomendable registrarnos en Codeacademy para poder llevar un seguimiento de nuestros avances y poder pausar o continuar las lecciones a nuestro gusto y ritmo.

Curso de HTML y CSS en Codeacademy

El curso de HTML y CSS se encuentra dividido en las siguientes secciones:

1. Conceptos básicos de HTML (19 Ejercicios)

  • Introducción a HTML
  • Elementos del cuerpo
  • ¡Añadir imágenes a tu sitio!
  • Project: Crea tu propia página web

2. Conceptos básicos de HTML II (23 Ejercicios)

  • Haciendo listas
  • ¡Dale estilo a la fuente!
  • ¡Más ejercicios de estilo!
  • Project: Perfil de redes sociales

3. Conceptos básicos de HTML III (22 Ejercicios)

  • Aprendiendo sobre tablas
  • Mejores tablas
  • Div y span
  • Project: Página de fotos interactivas

4. CSS: un vistazo general (32 Ejercicios)

  • ¿Qué es CSS?
  • Sintaxis de CSS
  • Detalles, detalles
  • Selección de elementos de HTML
  • Repaso
  • Project: Diseña un botón para tu página web

Selectores de CSS (31 Ejercicios)

  • Una selección mayor
  • «C» de «Cascada»
  • Selectores de clase y de identificadores
  • Selectores de pseudo-clase
  • Repaso
  • Project: Clasificando a tus amigos

Posicionamiento de CSS (33 Ejercicios)

  • El modelo de caja
  • Márgenes, bordes y rellenos
  • Posicionamiento flotante
  • Posicionamiento absoluto, relativo y fijo
  • Repaso
  • Project: Crea una hoja de vida

Para poder iniciar este completo e interesante curso, debemos acceder al siguiente enlace: www.codecademy.com/learn/learn-html. Espero que lo sepan aprovechar y no dejen de compartirlos con sus amigos.

Share