Workshop de HTML y CSS por J&G PROYECTOS WEB

Workshop de HTML y CSS por J&G PROYECTOS WEB


Que onda amigo Geeker, espero que el Curso Bases de HTML y CSS para empezar a diseñar por J&G Proyectos Web te haya servido para repasar y recordar los conceptos y funciones básicas de HTML y CSS. Ya que el curso que te presentaré en esta oportunidad requiere que tengas conocimientos de estos dos lenguajes.

Workshop quiere decir que este curso será como una especie de taller, en donde aprenderás a crear por ejemplo: un acordeón con solo HTML y CSS, colocar un vídeo como fondo de una página web, diseñar una página web responsive desde cero, entre otras cosas. Los vídeo-tutoriales que verás a continuación requieren conocimientos de HTML y CSS, pues no verás conceptos, se tomará por hecho que ya cuentas con estos conocimientos.

Este curso es más práctico que teóricos, así que si no cuentas con conocimientos de HTML y CSS, te invito a que veas los siguientes artículos del blog en donde aprenderás estos dos lenguajes:

- Curso de HTML Básico por FalconMasters
- Curso de CSS Básico por FalconMasters

En este curso también verás muchas propiedades nuevas que trae consigo la última versión de CSS llamado CSS3, es por eso que te recomiendo apuntar aquellas propiedades que desconozcas e investigues un poco por tu parte, de igual manera para las etiquetas nuevas de HTML5.

En este curso-taller encontrarás 2 ejemplos(divididos en dos partes cada uno) en donde JeanCarlos Molina crea una página web desde cero, sin usar plugins ni ningún framework y lo mejor de todo totalmente responsive. Estos ejemplos están: el primero ejemplo en los capítulos 13 y 14, y el segundo ejemplo en los capítulos 25 y 16 del temario que verás más adelante. En estos dos ejemplos JeanCarlos Molina y usa la filosofía "Mobile First" que consta en diseñar primero para dispositivos móviles y luego para las demás resoluciones de pantalla como los de las tabletas y laptops y pcs de escritorio. Te recomiendo que tengas en cuenta esta filosofía e investigues sobre esto, te servirá mucho y te ayudará a la hora de diseñar páginas web.

Sin más que añadir, a continuación te dejo el temario del curso y el vídeo de introducción.


Temario del curso-taller:

1. Banner animado con HTML y CSS
2. Tarjeta 3D con CSS
3. Texto animado con CSS
4. Nubes animadas con CSS
5. Slider automático con HTML y CSS
6. Formulario de contacto responsive con HTML y CSS
7. Galería de imágenes con efecto lightbox con HTML y CSS
8. Menú horizontal responsive con HTML y CSS
9. Colocar vídeo como fondo de página web con HTML y CSS
10. Botón 3D con efecto Toggle con HTML y CSS
11. Efecto de intercambio de imágenes al arrastrar el mouse con CSS
12. Dibujando un cubo 3D con CSS
13. Diseñando una web responsive desde 0(sin plugins ni framework), HTML y CSS - 1ra parte
14. Diseñando una web responsive desde 0(sin plugins ni framework), HTML y CSS - 2da parte
15. Ventana modal al cargar página web con HTML y CSS (sin plugins)
16. Slider manual N° 1 - HTML y CSS
17. Slider manual N° 2 - HTML y CSS
18. Diseñando un Formulario de Login responsive - HTML y CSS
19. Slider automático infinito con HTML y CSS
20. Efecto máquina de escribir con CSS
21. Diseñando una galería de imágenes con Flexbox
22. Filtrar elementos con HTML y CSS
23. Acordeón con HTML y CSS
24. Diseñando un formulario de registro responsive
25. Diseñando una página web con HTML, CSS y JavaScript - Primera parte
26. Diseñando una página web con HTML, CSS y JavaScript - Segunda parte
27. Formulario animado con HTML, CSS y JavaScript

Vídeo de introducción:




No hay comentarios.:

Publicar un comentario

loading...