TUServerMU

Sala de programación => CSS => Cursos => Tema comenzado por: Hessen on July 07, 2018, 07:47:33 PM

Titulo: Curso de CSS desde 0 para Principiantes
Posteado por: Hessen on July 07, 2018, 07:47:33 PM
(https://i.imgur.com/F3YLKLl.jpg)

Hola a todos vengo a traerles un curso completo de lo que es CSS :)

Información de: CSS Desde Cero
CSS es el lenguaje que hace a la web hermosa. Sin CSS los sitios web y aplicaciones móviles se verían feos y aburridos. Con este curso aprenderás a diseñar para la web usando código CSS, entenderás como funciona el responsive web design y serás capaz de crear tus propios templates y dejar de descargarlos de internet. Además hemos actualizado el curso para incluir módulos nuevos.

¿Qué aprenderás en CSS Desde Cero?

Modulo 1
• Fundamentos
• Breve historia
• Sintaxis
• Cascada
• Herencia
• Tipos de datos
• Estilos para textos

Los selectores
• Selectores de etiquetas clases y ID
• Selectores simples y compuestos
• Pseudo clases
• Selectores level 4

Modulo 2
• Box model
• Elementos inline y block
• Margin, padding, border, box-sizing
• Background, overflow, display
• Box-shadow, border-image
• Floats

Position
• Flujo y posición estática
• Position: relative
• Position: absolute
• Position: fixed
• Position: sticky
• Capas con z-index

Modulo 3
• Flexbox
• Main axis, cross axis
• Cajas flexibles
• Control del flujo
• Layouts con flexbox

Grid, tablas y color
• Display: grid
• Display: table
• Funciones de color
• Degradados de color
• Filtros en CSS
• Rutas y máscaras con CSS

Modulo 4
• Animaciones, transform y 3D
• Animation
• Keyframes
• Transform 2D y 3D
• Perspective

Proyecto final
• Diseño de layout responsive
• Media queries
• Mobile first
• Imágenes responsive
• Flexbox y grid responsive

Contenido CSS Desde Cero:

• 1.1 - Definición y breve historia de CSS
• 1.2 - Entendiendo CSS con Chrome
• 1.3 - Importar CSS a HTML
• 1.4 - Cascada
• 1.5 - Sintaxis
• 1.6 - Introducción a Selectores
• 1.7 - Tipos de datos
• 1.8 - Variables y herencia
• 1.9 - Estilos de Texto (introduccion)
• 1.10 - Estilos por defecto del navegador
• 2.1 - Selector simple y ID
• 2.2 - Selectores, clases y especificidad
• 2.3 - Selectores compuestos
• 2.4 - Selectores de atributos
• 2.5 - Pseudoclases
• 2.6 - Pseudoclases en formularios
• 2.7 - Pseudoclases Child
• 2.8 - Pseudoclases Type
• 3.1 - Selectores agrupados y scoped
• 3.2 - Elementos inline y block
• 3.3 - Margin, Padding y colapsado de margenes
• 3.4 - Dimensiones de las cajas y Box-sizing
• 3.5 - Border
• 3.6 - Border radius
• 3.7 - Background
• 3.8 - Pseudoelementos After y Before
• 3.9 - Floats y overflow
• 4.1 - Flujo y Position static
• 4.2 - Position relative
• 4.3 - Position Absolute y Poster
• 4.4 - Position Absolute y Menu
• 4.5 - Position Fixed
• 4.6 - Position Fixed y menu vertical
• 4.7 - Z-index
• 4.8 - Position Sticky
• 5.1 - Fundamentos de Flexbox
• 5.2 - Main Axis y Cross Axis
• 5.3 - Dirección de Ejes
• 5.4 - Alineación de Ejes
• 5.5 - Alineación en Eje secundario
• 5.6 - Cajas Flexibles (Flex items)
• 5.7 - Layout Perfecto
• 5.8 - Menú con Flexbox
• 5.9 - Banner animado
• 6.1 - Display table
• 6.2 - CSS en tablas HTML
• 6.3 - Nombres de colores y Hexadecimal
• 6.4 - Color RGB y RGBA
• 6.5 - Color HSL y HSLA
• 6.6 - Degradado radial y lineal
• 6.7 - Como funciona Grid
• 6.8 - Columnas y filas Grid
• 6.9 - Elementos Grid
• 6.10 - Layout perfecto con Grid
• 7.1 - ¿Cómo funcionan las transformaciones en CSS?
• 7.2 - Transformaciones de un elemento
• 7.3 - Ejercicio Darth Vader
• 7.4 - Ejercicio Card Hover
• 7.5 - Ejercicio Corazon
• 7.6 - Transform origin
• 7.7 - Transiciones, time function
• 7.8 - Fundamentos de animacion
• 7.9 - Animacion de una pelota
• 7.10 - Como funciona el 3D y sus propiedades
• 7.11 - Ejercicio Flip card
• 7.12 - Ejercicio Esfera
• 8.1 - Editor y Configuración inicial del proyecto
• 8.2 - Introducción a SASS
• 8.3 - BEM
• 8.4 - SMACSS
• 8.5 - Plantilla y marcado inicial
• 8.6 - Marcado del header y del banner
• 8.7 - Variables iniciales
• 8.8 - Normalize y Mobile first
• 8.9 - Modulo contact-widget y Fontastic
• 8.10 - Menu en movil
• 8.11 - Banner en Movil
• 8.12 - Transición de menú en movil
• 8.13 - Media queries header
• 8.14 - Media queries banner
• 8.15 - Media queries menu y Google fonts
• 8.16 - Conclusiones
• 9.1 - EDtp - Crear sitio web responsive


Capturas:
(https://i.imgur.com/hBIe756.jpg)

(https://i.imgur.com/UMkNBhL.jpg)

(https://i.imgur.com/X4Zfwh1.jpg)

(https://i.imgur.com/Y25RzHb.jpg)

(https://i.imgur.com/Nvs9Yqv.jpg)

(https://i.imgur.com/pSV0ekX.jpg)

(https://i.imgur.com/eeHv3lG.jpg)

(https://i.imgur.com/Of10uj7.jpg)

Link de Descarga

(http://i.imgur.com/Z9MYwwl.png)
Titulo: Re: Curso de CSS desde 0 para Principiantes
Posteado por: carlost101 on April 25, 2019, 04:38:39 AM
Link caido