¿Que Temas de CSS debo aprender?

preview_player
Показать описание
Si estas empezando a desarrollar aplicaciones web y no dominas mucho CSS (Cascading StyleSheet), te darás cuenta que puede ser difícil hacer que una aplicación se vea bien o luzca como quieres. Entonces, la pregunta es ¿Que temas de CSS necesito conocer para poder solucionar esto?

Bueno, lo primero que debes saber son las Bases de CSS, como:

- Estilizar textos (font properties)
- Enlaces (text decoration)
- posicionar elementos y ajustar dimensiones (padding, margin, width, float, position)
- estilizar backgrounds (background image, backgroudn colors)
- y opcionamente podrias ver las animaciones y transiciones de CSS (transition, animation, keyframes)

Con esto podras cambiar estilos, pero te faltara la posiblidad de organizar los elementos.
Aqui es donde necesitas aprender temas de CSS como Flexbox, el cual te permite ubicar elementos en una sola dimension (Horizontal o vertical).

Luego puedes aprender CSS Grid, que te permitira ubicar elementos en 2 dimensiones (varias filas y columnas al mismo tiempo), de manera similar a los Frameworks de CSS, de hecho este es mucho mas flexible que los Grid de los frameworks CSS.

Con estas bases a partir de aqui podras empezar a conocer otros temas como pre-procesadores de CSS, Frameworks de CSS, bibliotecas de utilidades y herramientas de debuggin como Chrome developer tools (Herramientas de desarrollador de Chrome)

#css #desarrolloweb #paginaweb
Рекомендации по теме
Комментарии
Автор

BASES
- Como estilizar textos
- Como estilizar enlaces
- Posicionar elementos
- Ajustar Dimensiones
- Estilizar Backgrounds
- Animaciones
- Trancisiones

ORGANIZAR
- Aprender Flexbox: Ubicar elementos en una dimension
- Aprender CSS Grid: Ubicar elementos en dos dimensiones

AVANZADO
- Preprocesadores de CSS
- Frameworks de CSS
- Bibliotecas de utilidades
- Herramientas de Debuggin

SoyUnCacahuate
Автор

Que gran día un vídeo nuevo de Fazt :D

marcoantoniobarreragonzalz
Автор

Se nota que te gusta aprender y enseñar, porque nos enseñas a aprender con gusto ;)

SonGoku-pcjl
Автор

Tambien depende mucho de que rumbo como desarrollador quieras tomar, si quieres ser desarrollador web tienes que profundizar muchisimo mas en CSS y en frameworks o pre procesadores, en cambio si quieres desarrollar apps y no te centras tanto en el estilo lo mejor es utilizar un framework como tailwind y trabajar con eso.

RhedKief
Автор

Todos tus videos son muy buenos ademas de que tienes mucha experiencia en el area

estebancastano
Автор

Que bien. Muchas gracias por el aporte

dmria
Автор

Ahora empiezo algo k necesita mucho css i grid es genial. Flexbox me era mas lento

SonGoku-pcjl
Автор

Hola Fazt, .. puedes hace un video sobre las mejores prácticas (ux/ui) para cargar más de un archivo en un formulario web, cuantos botones, cuántos pasos, etc

CesarVizarreta
Автор

Gracias por estos tips, necesitaba saber

moisesperaza
Автор

Fazt, conoces algunos sitios para sacar ideas o inspirarse a la hora de diseñar una pagina? Saludos

chichadioss
Автор

PUES BÁSICAMENTE TODO LOS TEMAS DE CSS!!! XD
(Obvio no todos faltan cosas pero pues casi es todo eso seria el 80/70% de todo CSS)

alancito
Автор

Cómo siempre digo, flexbox y grid es lo más importante...lo demás se aprender con el tiempo

vanhellsing
Автор

Y que tal PHP? Recomiendas aprenderlo para su uso en el backend? O recién es mejor full stack con JavaScript Frontex y backend

erickrodrigo
Автор

Ahora un video parecido pero con Python

Tech-Twist
Автор

Y Tailwind CSS no mereció un espacio en el short?

juanmarioparra
Автор

A mi me impacienta el no poder colocar un div donde me plasca.

TecnologySudamerican
Автор

al colocar
display:flex
es lo mismo que flexbox?

ReyesAngelmartineznntmrt
Автор

Grid es lo mejor, más animaciones y serás un Pro.

enlinea
Автор

¿Todo lo que sepa en css lo puedo aplicar en react native o tiene sus diferencias? Gracias

julianrojas