Curso

CSS flexbox con jonmircha

4.8

(5)

3h55m

CSS

Profesor

Jonmircha

Profesor, Programador Web & Maratonista. Celiaco por amor. Esencialista: Menos pero mejor.

Ver sobre

Iniciar sesión o Registrarse para acceder al curso.

No se preocupe, ¡es gratis!

Compartir

Avaliar curso

Contenido del curso

0h09m

#Flexbox #CSS | Introducción (1/13) - #jonmircha

En este video inicio una serie sobre #Flexbox #CSS.

???? Suscríbete al canal https://youtube.com/jonmircha?sub_confirmation=1 ????
???? Visita mi sitio web https://jonmircha.com/ ????
???? ¿Me invítas un taco? https://www.paypal.me/jonmircha
???? Suscríbete a mi lista de correo https://tinyletter.com/jonmircha/
???? Códigos: https://github.com/jonmircha/youtube-flexbox
???? Mis notas sobre Flexbox https://jonmircha.com/flexbox
?? Mi configuración de VSCode https://jonmircha.com/vscode

0h08m

#Flexbox #CSS | Conceptos Básicos (2/13) - #jonmircha

En este video te explico los conceptos básicos que hay que entender en #Flexbox #CSS.

???? Suscríbete al canal https://youtube.com/jonmircha?sub_confirmation=1 ????
???? Visita mi sitio web https://jonmircha.com/ ????
???? ¿Me invítas un taco? https://www.paypal.me/jonmircha
???? Suscríbete a mi lista de correo https://tinyletter.com/jonmircha/
???? Códigos: https://github.com/jonmircha/youtube-flexbox
???? Mis notas sobre Flexbox https://jonmircha.com/flexbox

0h20m

#Flexbox #CSS | El flujo de #Flexbox * #FlexDirection + #FlexWrap = #FlexFlow * (3/13) - #jonmircha

En este video te explico como funciona el flujo de #Flexbox #CSS a través de las propiedades flex-direction y flex-wrap, que en conjunto generan el flex-flow.

???? Suscríbete al canal https://youtube.com/jonmircha?sub_confirmation=1 ????
???? Visita mi sitio web https://jonmircha.com/ ????
???? ¿Me invítas un taco? https://www.paypal.me/jonmircha
???? Suscríbete a mi lista de correo https://tinyletter.com/jonmircha/
???? Códigos: https://github.com/jonmircha/youtube-flexbox
???? Mis notas sobre Flexbox https://jonmircha.com/flexbox

0h11m

#Flexbox #CSS | Alineación del #MainAxis * #JustifyContent * (4/13) - #jonmircha

En este video te explico la propiedad justify-content que es la que nos permite alinear el eje principal (main-axis) de una caja #Flexbox #CSS.

???? Suscríbete al canal https://youtube.com/jonmircha?sub_confirmation=1 ????
???? Visita mi sitio web https://jonmircha.com/ ????
???? ¿Me invítas un taco? https://www.paypal.me/jonmircha
???? Suscríbete a mi lista de correo https://tinyletter.com/jonmircha/
???? Códigos: https://github.com/jonmircha/youtube-flexbox
???? Mis notas sobre Flexbox https://jonmircha.com/flexbox

0h33m

#Flexbox #CSS | Alineación del #CrossAxis * #AlignItems y #AlignContent * (5/13) - #jonmircha

En este video te explico las propiedades align-items y align-content que son las que nos permiten alinear el eje transversal (cross-axis) de una caja #Flexbox #CSS.

???? Suscríbete al canal https://youtube.com/jonmircha?sub_confirmation=1 ????
???? Visita mi sitio web https://jonmircha.com/ ????
???? ¿Me invítas un taco? https://www.paypal.me/jonmircha
???? Suscríbete a mi lista de correo https://tinyletter.com/jonmircha/
???? Códigos: https://github.com/jonmircha/youtube-flexbox
???? Mis notas sobre Flexbox https://jonmircha.com/flexbox

0h15m

#Flexbox #CSS | Factor de Crecimiento * #FlexGrow * (6/13) - #jonmircha

En este video te explico la propiedad flex-grow que es el factor de crecimiento de los elementos hijos de una caja #Flexbox #CSS.

???? Suscríbete al canal https://youtube.com/jonmircha?sub_confirmation=1 ????
???? Visita mi sitio web https://jonmircha.com/ ????
???? ¿Me invítas un taco? https://www.paypal.me/jonmircha
???? Suscríbete a mi lista de correo https://tinyletter.com/jonmircha/
???? Códigos: https://github.com/jonmircha/youtube-flexbox
???? Mis notas sobre Flexbox https://jonmircha.com/flexbox

0h11m

#Flexbox #CSS | Factor de Reducción * #FlexShrink * (7/13) - #jonmircha

En este video te explico la propiedad flex-shrink que es el factor de reducción de los elementos hijos de una caja #Flexbox #CSS.

???? Suscríbete al canal https://youtube.com/jonmircha?sub_confirmation=1 ????
???? Visita mi sitio web https://jonmircha.com/ ????
???? ¿Me invítas un taco? https://www.paypal.me/jonmircha
???? Suscríbete a mi lista de correo https://tinyletter.com/jonmircha/
???? Códigos: https://github.com/jonmircha/youtube-flexbox
???? Mis notas sobre Flexbox https://jonmircha.com/flexbox

0h11m

#Flexbox #CSS | Tamaño de los hijos #flex * #FlexBasis * (8/13) - #jonmircha

En este video te explico la propiedad flex-basis que es el tamaño de los hijos #flex de una caja #Flexbox #CSS. También veremos el #shorthand #flex.

???? Suscríbete al canal https://youtube.com/jonmircha?sub_confirmation=1 ????
???? Visita mi sitio web https://jonmircha.com/ ????
???? ¿Me invítas un taco? https://www.paypal.me/jonmircha
???? Suscríbete a mi lista de correo https://tinyletter.com/jonmircha/
???? Códigos: https://github.com/jonmircha/youtube-flexbox
???? Mis notas sobre Flexbox https://jonmircha.com/flexbox

0h10m

#Flexbox #CSS | Orden y Alineación de los hijos #flex * #Order y #AlignSelf * (9/13) - #jonmircha

En este video te explico las propiedades order y align-self que controlan el orden y la alineación independiente de cada hijo #flex de una caja #Flexbox #CSS.

???? Suscríbete al canal https://youtube.com/jonmircha?sub_confirmation=1 ????
???? Visita mi sitio web https://jonmircha.com/ ????
???? ¿Me invítas un taco? https://www.paypal.me/jonmircha
???? Suscríbete a mi lista de correo https://tinyletter.com/jonmircha/
???? Códigos: https://github.com/jonmircha/youtube-flexbox
???? Mis notas sobre Flexbox https://jonmircha.com/flexbox

0h24m

#Flexbox #CSS | Maquetación y #ResponsiveDesign con #flex (10/13) - #jonmircha

En este video te explico como hacer maquetación y #ResponsiveDesign con #Flexbox #CSS.

???? Suscríbete al canal https://youtube.com/jonmircha?sub_confirmation=1 ????
???? Visita mi sitio web https://jonmircha.com/ ????
???? ¿Me invítas un taco? https://www.paypal.me/jonmircha
???? Suscríbete a mi lista de correo https://tinyletter.com/jonmircha/
???? Códigos: https://github.com/jonmircha/youtube-flexbox
???? Mis notas sobre Flexbox https://jonmircha.com/flexbox

0h24m

#Flexbox #CSS | Casos Prácticos (11/13) - #jonmircha

En este video te enseño algunos casos prácticos que se pueden resolver con #Flexbox #CSS.

???? Suscríbete al canal https://youtube.com/jonmircha?sub_confirmation=1 ????
???? Visita mi sitio web https://jonmircha.com/ ????
???? ¿Me invítas un taco? https://www.paypal.me/jonmircha
???? Suscríbete a mi lista de correo https://tinyletter.com/jonmircha/
???? Códigos: https://github.com/jonmircha/youtube-flexbox
???? Mis notas sobre Flexbox https://jonmircha.com/flexbox

0h20m

#Flexbox #CSS | Casos Prácticos (12/13) - #jonmircha

En este video te enseño algunos casos prácticos que se pueden resolver con #Flexbox #CSS.

???? Suscríbete al canal https://youtube.com/jonmircha?sub_confirmation=1 ????
???? Visita mi sitio web https://jonmircha.com/ ????
???? ¿Me invítas un taco? https://www.paypal.me/jonmircha
???? Suscríbete a mi lista de correo https://tinyletter.com/jonmircha/
???? Códigos: https://github.com/jonmircha/youtube-flexbox
???? Mis notas sobre Flexbox https://jonmircha.com/flexbox

0h33m

#Flexbox #CSS | #Bootstrap y #flex (13/13) - #jonmircha

En este video te enseño a sacar el máximo provecho a todas las utilidades que trae #Bootstrap de #Flexbox #CSS. Con este video terminamos la serie.

???? Suscríbete al canal https://youtube.com/jonmircha?sub_confirmation=1 ????
???? Visita mi sitio web https://jonmircha.com/ ????
???? ¿Me invítas un taco? https://www.paypal.me/jonmircha
???? Suscríbete a mi lista de correo https://tinyletter.com/jonmircha/
???? Códigos: https://github.com/jonmircha/youtube-flexbox
???? Mis notas sobre Flexbox https://jonmircha.com/flexbox