¡Flexbox, Grid, animaciones y más! Descarga gratuita de Udemy

  • Este no es un curso para principiantes: debe tener confianza en la codificación de HTML y CSS antes de tomar el curso
  • Cualquier computadora y sistema operativo funcionará: Windows, macOS o Linux
  • No hay necesidad de ningún software pago: el editor de texto que ya tiene funciona bien

Descripción

¿Ha estado codificando CSS durante algún tiempo, pero quiere llevar su juego al siguiente nivel? ¿Se siente confundido con la jerga de CSS como la herencia, la especificidad o la cascada?

¿Qué pasaría si hubiera un recurso, un lugar, donde pudieras aprender todas las técnicas y propiedades CSS avanzadas y modernas sobre las que has estado leyendo?

Buenas noticias: ¡hay!

Bienvenido a “CSS avanzado y Sass”, el curso de CSS más avanzado, moderno y completo de Internet. Es todo lo que desea en un curso avanzado de CSS y más.

Aprenderá animaciones CSS complejas, técnicas avanzadas de diseño receptivo, diseños flexbox, Sass, arquitectura CSS, conceptos fundamentales de CSS y mucho más.

Como en todos mis cursos, construirás proyectos hermosos y cuidadosamente diseñados, que te harán sentir orgulloso de ti mismo y te dejarán listo para construir proyectos complejos por tu cuenta.

Después de terminar este curso, usted:

1) Estar al día con las propiedades y técnicas CSS más modernas y avanzadas;

2) Haber dominado las tecnologías de diseño de vanguardia Flexbox y CSS Grid;

3) Esté preparado para crear diseños receptivos para todo tipo de dispositivos y situaciones;

4) Comprenda verdaderamente cómo funciona CSS detrás de escena;

5) Ser capaz de diseñar grandes bases de código CSS para la reutilización y el mantenimiento mediante Sass.

Tenga en cuenta que este curso es NO para principiantes absolutos, por lo que ya debería estar en un nivel intermedio en HTML y CSS (consulte mi otro curso si ese no es el caso).

Este curso es masivo, con más de 20 horas. Esto es exactamente lo que aprenderá:

Toneladas de modernas técnicas CSS de vanguardia para crear diseños y efectos sorprendentes: clip-path, background-clip, mask-image, background-blend-mode, shape-outside, filter, background-filter, object-fit, transform, column-count, guiones, perspectiva, calc() y propiedades CSS personalizadas;

Animaciones CSS avanzadas con @keyframes, animación y transición;

Selectores CSS avanzados, pseudoclases y pseudoelementos requerido para el desarrollo moderno de CSS;

Cómo funciona CSS detrás de escena: la cascada, la especificidad, la herencia, el procesamiento de valores, el modelo de formato visual, el modelo de caja, los tipos de caja, los esquemas de posicionamiento y los contextos de apilamiento;

arquitectura CSS: La regla 7-1, el diseño basado en componentes, la metodología BEM, la escritura de código reutilizable, mantenible y escalable;

Introducción a Sass: variables, anidamiento, parciales, importaciones, mezclas, funciones, extensiones y más;

Usando Sass en proyectos del mundo real: establecer variables globales, construir para la reutilización, diseñar CSS y administrar consultas de medios;

El ecosistema NPM: configurar un proceso de desarrollo para compilar Sass y la recarga automática del navegador, y crear un proceso de compilación para concatenar, prefijar y comprimir archivos CSS;

Diseño receptivo moderno: cuadrículas fluidas, tipos de diseño, imágenes flexibles, uso de consultas de medios para probar diferentes anchos de pantalla, densidades de píxeles y capacidades táctiles;

Flujos de trabajo de diseño receptivos avanzados: estrategias móviles primero frente a escritorio primero, selección de puntos de interrupción, unidades em vs rem y consultas de características para probar la compatibilidad del navegador;

Imágenes receptivas en HTML y CSS para cargas de página más rápidas: cambio de resolución, cambio de densidad, dirección de arte;

Imágenes SVG en HTML y CSS: cómo y por qué usar SVG, generar sprites SVG, cambiar colores SVG en CSS y mejores prácticas;

Vídeos en HTML y CSS: construir un efecto de video de fondo;

Diseños de caja flexible: conceptos principales, introducción a las propiedades específicas del contenedor flexible y del elemento flexible, técnicas de posicionamiento avanzadas aplicadas a un gran proyecto del mundo real;

Diseños de cuadrícula CSS: conceptos principales, CSS grid vs flexbox y técnicas de diseño aplicadas a un proyecto del mundo real. ¡Esta parte por sí sola podría ser un curso completo!

¿Por qué deberías tomar este curso?

Así que viste que el curso está absolutamente repleto de contenido. ¿Pero tal vez todavía no estás seguro de si realmente deberías aprender CSS avanzado?

Probablemente se deba a que CSS es muy fácil de usar. De hecho, la mayoría de los desarrolladores subestiman mucho la importancia y el poder de CSS. ¡Pero nada podría estar más lejos de la verdad!

CSS es lo que hace que nuestro diseño cobre vida. ¡Y hay tanto que podemos hacer con él! Dominar técnicas avanzadas como flexbox, cuadrícula CSS y animaciones le dará una ventaja sobre muchos desarrolladores de CSS que todavía usan métodos obsoletos.

Además, CSS puede convertirse en una verdadera pesadilla cuando intenta dominarlo y cuando tiene que mantener proyectos grandes. Por lo tanto, tener una buena comprensión de los conceptos fundamentales es una necesidad absoluta para cualquier desarrollador front-end serio.

¡Y este curso te ayudará con todo eso!

Entonces, ¿deberías tomar este curso? Lo más probable es que la respuesta sea un gran ¡SÍ!

Y llené tanto contenido en este curso, que no importa si recién está comenzando o si ya es un desarrollador front-end experimentado, definitivamente habrá algo para usted en este curso.

Y esto es lo que obtienes al registrarte hoy:

• Acceso de por vida a más de 20 horas de videos de calidad HD. Sin suscripción mensual. Aprende a tu ritmo, cuando quieras;

• Todos los videos son descargables. ¡Aprende donde quieras, incluso sin conexión a Internet!

• Soporte amable y rápido en las preguntas y respuestas del curso siempre que tenga preguntas o se quede atascado;

• Subtítulos en inglés (no los generados automáticamente proporcionados por Udemy);

• Diapositivas del curso en formato PDF;

• Activos descargables, código de inicio y código final para cada proyecto;

• Se incluyen muchos pequeños desafíos en los videos para que pueda seguir su progreso.

Si todavía estás conmigo en este momento, mira el video promocional para ver los proyectos del curso y te prometo que te sorprenderás 🙂

Después de eso, espero darle la bienvenida como nuevo estudiante en mi curso. ¡Seguro que te va a encantar!

¿Quién es el público objetivo?

  • Desarrolladores de CSS que desean actualizar sus habilidades de CSS al nivel más moderno
  • Desarrolladores de CSS que desean expandir su conjunto de herramientas a animaciones, flexbox, Sass, NPM, SVG y mucho más
  • Desarrolladores front-end que quieren finalmente entender cómo funciona CSS detrás de escena
  • En general: ¡cualquiera que quiera dominar verdaderamente el CSS!

Creado por Jonas Schmedtmann
Última actualización 11/2022
inglés
inglés

Tamaño: 17,83 GB

Enlaces de Google Drive

Descargar Parte 1 | Descargar Parte 2 | Descargar Parte 3

Enlaces de torrents

Descargar ahora

https://www.udemy.com/advanced-css-and-sass/.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *