Master en CSS Extremo: Retos creativos y dibujos con código
- Descrição
- Currículo
- FAQ
- Revisões
Bienvenido al Máster en CSS Extremo, el curso en el que subirás tu nivel de maquetación web haciendo 20 dibujos de personajes de animación populares utilizando sólo HTML y CSS.
Una nueva metodología de aprendizaje que pondrá a prueba tus conocimientos en HTML5, CSS3 y tus habilidades en maquetación web.
Después de enfrentarte a estos retos creativos y dibujos con código, maquetar cualquier web para ti será un paseo (por muy avanzada, difícil o compleja que parezca).
Aquí aprenderás CSS a nivel extremo maquetando 20 dibujos impresionantes con las tecnologías de front-end más importantes orientadas al diseño web, con más demanda laboral y más proyección de futuro.
Este no es un curso normal, estás ante un máster completo (y absurdamente divertido) de decenas de horas de contenido exclusivo, y posiblemente el único curso de maquetación creativa con CSS que existe en internet a este nivel.
Maquetaremos veinte dibujos impresionantes basándonos en un diseño previo:
-
Pokeball, de la serie de animación Pokemon.
-
Logo de HTML5, el famoso lenguaje de marcas.
-
Logo de CSS3, el lenguaje de estilos CSS para hacer la apariencia visual de una web.
-
Mike Wazowski, protagonista de la película Monstruos S.A.
-
Among Us, simpático personaje del videojuego Among Us.
-
Forky, nuevo personaje de la película Toy Story 4.
-
Buzz Lightyear, carismático astronauta protagonista de la saga de películas Toy Story.
-
Mickey Mouse, el conocido personaje de Walt Disney.
-
Burbuja, de la serie de animación Las Supernenas.
-
Homer Simpson, personaje principal de la serie de dibujos animados Los Simpson.
-
Bob Esponja, el prota de la serie “Bob Esponja”.
-
Calamardo, antipático vecino de Bob Esponja.
-
Doraemon, protagonista de la serie de dibujos Doraemon.
-
Pikachu, el Pokémon más popular de la serie.
-
Brian, de la serie animada Padre de Familia.
-
Bender, el robot de la serie Futurama.
-
Agallas, el perrito protagonista de la serie “Agallas el perro cobarde”
-
Cerdo Enojado, gracioso personaje del videojuego Angry Birds.
-
Pájaro Huevo, del videojuego Angry Birds.
-
Minion, muñeco amarillo de la película Gru Mi villano favorito.
Y en estos proyectos de maquetación creativa trabajaremos con estas tecnologías:
-
HTML5 avanzado, el lenguaje de marcado imprescindible en cualquier página web.
-
CSS avanzado, el lenguaje que nos permitirá darle estilos y aplicar un diseño a nuestras webs.
-
CSS3, enseñando las últimas novedades y los increíbles efectos para los sitios web.
-
BEM, la mejor metodología para clases de CSS.
-
Animaciones, creando espectaculares movimientos en los personajes que dibujemos.
-
Habilidades de front-end extremas, haciendo cientos de ejercicios, prácticas y retos complejos.
Si quieres ser desarrollador front-end o full-stack, o incluso si ya te dedicas al desarrollo web, aprender a trabajar con estos lenguajes, técnicas y modelos de maquetación muy importante y te abrirá un nuevo mundo de posibilidades.
La metodología de aprendizaje es la ideal:
-
Todo explicado desde cero, paso a paso y explicado al detalle.
-
Decenas de horas de contenido en clases en vídeo (y subiendo).
-
100% práctico.
-
Más de 73 clases bien explicadas (y subiendo).
-
Decenas de dibujos con CSS poniendo en práctica todo lo aprendido.
-
Orden lógico y progresivo, diseñado para interiorizar todos los conocimientos.
-
Además te estaré ayudando cuando tengas cualquier duda o problema.
Al finalizar el curso:
-
Sabrás maquetar cualquier cosa con CSS.
-
Desde dibujar a maquetar sitios web avanzados y profesionales con HTML5 y CSS3.
-
Trabajar con CSS te resultará muy fácil.
-
Dominarás aún más HTML y CSS.
-
Tendrás habilidades de maquetación avanzadas para desarrollar proyectos web, dibujar o aplicarlas a proyectos ya existentes.
-
Y mucho más.
Durante las más de 10 horas del curso (y que irán en aumento semanalmente) verás como desarrollar varios dibujos y practicarás con todo lo que enseñamos.
Trataremos todos los temas paso a paso y poco a poco hasta conseguir un nivel extremo en maquetación web creativa con HTML, CSS, BEM, Flexbox, CSS Grid Layout, etc.
Para aprovechar al 100% el curso te recomendamos tener conocimientos básicos el uso de un sistema operativo al nivel de instalar programas y usar un navegador web y que sepas lo básico de HTML y CSS, aún así dentro del curso haremos un repaso de todo para afianzar estos conocimientos.
Si quieres aprender desarrollo front-end moderno con CSS sin dolor, practicando poco a poco dibujando con CSS, subir de nivel en el desarrollo web y aumentar tus oportunidades laborales ¡Este es tu MASTER!
Échale un vistazo al programa del curso para ver todos temas que aprenderás.
Únete al curso y sube de nivel: ¡¡ Se un Experto en Dibujo con CSS !!
-
2Aprender los fundamentos de HTML - Parte 1Vídeo Aula
-
3Aprender los fundamentos de HTML - Parte 2Vídeo Aula
-
4Aprender los fundamentos de CSS - Parte 1Vídeo Aula
-
5Aprender los fundamentos de CSS - Parte 2Vídeo Aula
-
6Repaso de FlexboxVídeo Aula
-
7Repaso de CSS Grid LayoutVídeo Aula
-
8Repaso del preprocesador SASSVídeo Aula
-
9Repaso de JavaScript - Primera parteVídeo Aula
-
10Repaso de JavaScript - Segunda parteVídeo Aula
-
18Estructura HTML del logo de HTML5 para dibujarloVídeo Aula
-
19Empezando el dibujo del logo de HTML con CSSVídeo Aula
-
20Polígono del logo de HTML5Vídeo Aula
-
21Empezando a hacer el polígono del numero 5 del logo de HTML con CSSVídeo Aula
-
22Terminando la forma del número del logo de HTML5Vídeo Aula
-
23Degradado en el númeroVídeo Aula
-
24Polígono degradado y texto del logo de HTML5 hecho con CSSVídeo Aula
-
27Estructura HTML de Mike WazowskiVídeo Aula
-
28Estilos principales de Mike WazowskiVídeo Aula
-
29Maquetando la cabeza de Mike Wazowski con CSS3 avanzado (border-radius complejo)Vídeo Aula
-
30Ojo de Mike Wazowski con CSSVídeo Aula
-
31Dibujando la bocaVídeo Aula
-
32Dibujando los dientesVídeo Aula
-
33Dibujando el cuerno izquierdoVídeo Aula
-
34Cuerno derecho y sombra de la boca de Mike con CSSVídeo Aula
-
35Estructura HTML del AmongUSVídeo Aula
-
36Cuerpo del Among us con CSSVídeo Aula
-
37Iluminación del cuerpoVídeo Aula
-
38Maquetando las gafasVídeo Aula
-
39Haciendo la iluminación de las gafasVídeo Aula
-
40Estilos de la sombra de las gafas del among usVídeo Aula
-
41Pierna izquierdaVídeo Aula
-
42Pierna derechaVídeo Aula
-
43Uniendo las piernasVídeo Aula
-
44Conectando las piernas del Among Us con CSSVídeo Aula
-
45Maquetando la mochila con CSSVídeo Aula
-
46Preparando el proyecto del dibujo de forkyVídeo Aula
-
47HTML de ForkyVídeo Aula
-
48Empezando la cara de ForkyVídeo Aula
-
49Cabeza y triángulos del tenedor con FlexboxVídeo Aula
-
50Perfeccionando el pelo de Forky con CSSVídeo Aula
-
51Mejorando triángulos del pelo con border radius y pseudo elementosVídeo Aula
-
52Afilando la punta del tenedorVídeo Aula
-
53Afilando la ultima punta del tenedor forkyVídeo Aula
-
54Ceja inicial y mascara de recorteVídeo Aula
-
55Dando forma a la cejaVídeo Aula
-
56Extremos de la cejaVídeo Aula
-
57Ojo izquierdo de Forky con CSS3Vídeo Aula
-
58Ojo derecho del tenedorVídeo Aula
-
59Empezando con la boca de forkyVídeo Aula
-
60Labio superiorVídeo Aula
-
61Conexión entre labiosVídeo Aula
-
62Cuello de Forky con CSSVídeo Aula
-
63Empezando el proyecto de dibujar a Bender con CSS3Vídeo Aula
-
64HTML para BenderVídeo Aula
-
65Cabeza de BenderVídeo Aula
-
66"Gafas" de bender en cssVídeo Aula
-
67Interior de la gafasVídeo Aula
-
68Ojos de benderVídeo Aula
-
69Pupilas en CSSVídeo Aula
-
70Parpado izquierdoVídeo Aula
-
71Parpado derechoVídeo Aula
-
72Boca de BenderVídeo Aula
-
73Dentadura de bender en CSSVídeo Aula
-
74Soporte de la antenaVídeo Aula
-
75Palo de la antenaVídeo Aula
-
76Bola de la antena de bender con CSSVídeo Aula
-
77Cuello y base del robotVídeo Aula