busca

Curso TailwindCSS 2021

Empezamos el curso de Tailwind CSS 2021 en su versión 2 y en esta clase conoceremos que es, cuál es su filosofía de trabajo, que nos espera en este curso, y lo mejor , experimentamos de cerca las grandes características que nos regala este maravilloso framework

 Ver videos para aprender ....

Pausa el video para ver listado de videos

Que veremos en el curso TailwindCSS 2021

2- veremos que cosas necesitamos para tener tailwind en nuestros proyectos web, también realizaremos la Instalación usando npm de una forma muy sencilla, analizaremos el porqué es importante instalarlo como un paquete de PostCSS y aparte miraremos autoprefixer y el porqué es tan importante usarlo en nuestro proyecto, mencionaremos dos extensiones para visual studio code y para finalizar enseñamos cómo se crea un scripts en el archivo package.json

3-veremos uno de los temas más importantes que debemos tener en cuenta a la hora de trabajar con TailwindCSS y es el tema llamado purge, el cual nos permite remover todas las clases css que no estamos utilizando, ya que el core de TailwindCSS es bastante pesado y subirla asi a producción sería un grave error ya que afectaría el rendimiento de nuestro sitio web.

4- en esta oportunidad explicaremos uno de los pilares de este framework llamado mobile first.

5-en esta oportunidad veremos otro de los pilares que debemos comprender de este framework, el cual se le conoce como las utilidades que básicamente son un nombre de clase muy específica que tiene en la gran mayoría de los casos una propiedad y un valor, ejemplo .text-center{text-align:center}

6-veremos otro de los pilares que debemos comprender de este framework, el cual se le conoce como las directivas y la primera que vamos a conocer es la @apply que nos permite crear componentes de una forma muy sencilla utilizando las utilidades.

Curso TailwindCSS 2021



Comentar

Comentarios

Crear un comentario nuevo

Introducción a GitHub-video curso

Introducción a GitHub-video curso


Si está buscando una introducción rápida y divertida a GitHub, la ha encontrado.
 Esta clase lo ayudará a comenzar a usar GitHub en menos de una hora.
 La gente usa GitHub para construir algunas de las tecnologías más avanzadas del mundo. 
Ya sea que esté visualizando datos o creando un nuevo juego, hay toda una comunidad y un conjunto de herramientas en GitHub que pueden ayudarlo a hacerlo aún mejor.

 Ver videos para aprender GitHub

Pausa el video para ver listado de videos

Comentar

Comentarios

Crear un comentario nuevo

Curso Tailwind CSS , aprende tailwind css

Curso Tailwind CSS ,  aprende tailwind css Cree rápidamente sitios web modernos sin tener que abandonar su HTML.

 Un marco CSS utilidad de primera lleno de clases como flex, , y que puede estar compuesta de construir cualquier diseño Tailwind CSS es un marco de utilidad para crear rápidamente diseños personalizados. 
Este tutorial le enseñará a Tailwind desde cero, utilizando una combinación de conferencias y desafíos de codificación interactiva. Durante este curso, exploraremos las características de Tailwind CSS. Como resumen rápido,
 Tailwind es un marco de utilidad primero diseñado para acelerar el proceso de diseño al eliminar por completo la necesidad de CSS personalizado.

 En el pasado, cada elemento HTML obtendría una sola clase y esa clase contendría una gran cantidad de CSS personalizado en un archivo CSS separado. 

Aunque esta sigue siendo la práctica general, esta práctica conduce a archivos CSS enormes, reduce la facilidad de mantenimiento de CSS y produce una experiencia general de desarrollo más pobre. Otra ventaja de un marco de utilidad es su rendimiento superior con el almacenamiento en caché debido a que no revienta la caché para pequeños cambios de CSS. 

Tailwind ha sido diseñado con valores predeterminados sensatos e increíbles para que sus diseños se vean y se sientan "pulidos" y "diseñados" mediante el uso cuidadoso de paletas de colores, tonos de color, consistencia de tamaño y mejores prácticas web modernas. 

También vale la pena señalar que Tailwind es móvil primero y tiene una convención de nomenclatura fácil con diseños receptivos integrados. 

 ¿Necesitas algunas personalizaciones? El robusto sistema de personalización de Tailwind le permitirá personalizar / ajustar / modificar todo en el marco mediante el uso del archivo.  deltailwind.config.js -

Las personalizaciones de Tailwind están más allá del alcance de este curso, pero tenga la seguridad de que las clases predeterminadas de Tailwind son casi siempre exactamente lo que necesitará.

 Ver videos para aprender tailwind css

Pausa el video para ver listado de videos

Comentar

Comentarios

Crear un comentario nuevo

Curso CSS Grid, aprende css grid

Curso CSS Grid, aprende css grid
CSS Grid es un nuevo sistema de diseño en CSS. No es un marco o una biblioteca, es una adición al lenguaje que nos permite crear rápidamente diseños bidimensionales flexibles.

Podemos usarlo para colocar, dimensionar, alinear y diseñar diseños que antes eran difíciles o incluso imposibles con flotadores o flexbox.

CSS Grid puede parecer un poco abrumador con la nueva sintaxis y las ideas de diseño, pero es bastante simple y se puede dividir en un puñado de conceptos poderosos que cuando se usan juntos te dejarán boquiabierto y cambiarán la forma en que creas diseños para la web para siempre.

¡¿Listo?! ¡Aprendamos juntos CSS Grid!


QUIERES GENERAR TUS REGILLAS ONLINE MIRA ESTE POST 

 Ver videos oara aprende css grid

Pausa el video para ver listado de videos

Comentar

Comentarios

Crear un comentario nuevo

Curso flexbox, Aprende a diseñar con flexbox

Curso flexbox, Aprende a diseñar con flexbox
Los primeros videos tienen como objetivo comprender los fundamentos de Flexbox: profundizaremos en la comprensión de filas, columnas, ejes, envoltura, alineación, centrado y diseño. ¡Los últimos crearemos todo, desde una navegación hasta un diseño de aplicación móvil completamente con Flexbox!

Por que este curso de flexbox es genial

Una vez que haya aprendido CSS Flexbox, se preguntará cómo logró crear sitios web sin él. Le brinda todas las herramientas que necesita para organizar adecuadamente el contenido dentro de contenedores flexibles. Dado que todos los sitios web deben ser flexibles y receptivos en estos días, Flexbox es una habilidad imprescindible para los desarrolladores web.

Todos los navegadores modernos son compatibles con Flexbox . Incluso react-native utiliza Flexbox para diseños, lo que significa que puede aplicar sus habilidades recién adquiridas al desarrollo móvil nativo. No debería llevarte mucho tiempo comprender cómo funciona Flexbox.

Ver video curso 


Pausa el video para ver listado de videos

Comentar

Comentarios

Crear un comentario nuevo

javascript youtube

SEPARADOR

CBV