Refuerza tus conocimientos y buenas prácticas en HTML y CSS recreando la interfaz de YouTube.

Taller: Crea un clon de YouTube con HTML y CSS | Download

Acerca de este curso
HTML y CSS no son lenguajes de programación y por eso suelen ser subestimados y descuidados por los equipos de desarrollo. Sin embargo, son una parte fundamental de toda aplicación o sitio web, así que descuidarlos solo conduce a proyectos con malas prácticas, pesados, lentos, difíciles de escalar y con errores de maquetación que nadie sabe cómo corregir.

Las buenas prácticas evitan repetir innecesariamente el código, a hacerlo modular y reutilizable, disminuyen los errores de maquetación y hacen que el proyecto se pueda escalar sin romper cosas.

En este taller clonarás la interfaz de YouTube desde cero, junto con el profesor, usando solo HTML y CSS (sin JavaScript). A través de este proyecto aprenderás a estructurar tu código, a resolver problemas clásicos de maquetación con ingenio y a crear una interfaz limpia y escalable. Los conocimientos adquiridos en este taller los podrás aplicar en cualquier aplicación web, ya sea React, Angular, Vue, Svelte, o la tecnología que prefieras.

Conviértete en un maquetador profesional y crea interfaces web increibles con este taller. ¡El primer módulo es gratis!

¿Qué aprenderás?
Aplicar los conocimientos adquiridos en los curso de HTML, CSS, Flexbox y Grid.
Estructurar un proyecto desde cero.
Buenas prácticas en el manejo de CSS
¿Qué conocimientos previos necesitas?
HTML Desde Cero
CSS desde cero
Flexbox y Grid
¿A quién está dirigido este curso?
Personas que inician en el mundo del desarrollo web.
Personas que quieran practicar HTML y CSS con un proyecto.


Temario del curso

Primeros pasos en el proyecto y creando la cabecera principal
Diseñaremos la estructura del proyecto junto con los estilos bases que usaremos al rededor de todo el proyecto. Además crearemos la cabecera principal del sitio.

Creando la navegación lateral
Crearemos el sidebar que aparece en la página de inicio del sitio con todas sus secciones.

Creando el contenido de la página principal
Crearemos el componente video que aparece en la cuadrícula de la página de inicio y le pondremos contenido.

Creando la página de visualización de videos pt.1
Crearemos el video principal con su información y descripción.

Creando la página de visualización de videos pt.2
Crearemos el formulario para comentar, el componente de los comentarios y agregaremos los videos recomendados.

consiguelogratis.com
cursos.cibernautas.org
cibernautas.org
consiguelogratis
cursos.consiguelogratis.com
freecourses.cibernautas.org
downloadcourses.link
libros.consiguelogratis.com
multimedia.consiguelogratis.com
downloadcity