Esenciales de CSS: viaje de 2 semanas de estilo web para principiantes
Tony Alamo, Spark Your Brain
Ve esta clase y miles más
Ve esta clase y miles más
Lecciones en esta clase
-
-
1.
Introducción
3:45
-
2.
El proyecto de clase
4:24
-
3.
Día 1 - Instalación y Hello World
14:59
-
4.
Día 2 - Hojas de estilo internas y externas
9:56
-
5.
Día 3: selección de elementos
15:17
-
6.
Día 4 - Selectores avanzados
19:04
-
7.
Día 5 - Día de descanso :)
1:13
-
8.
Día 6 - Fuentes y estilos visuales
17:15
-
9.
Día 7: introducción al modelo de caja
15:50
-
10.
Día 8: márgenes y otras propiedades
16:00
-
11.
Día 9: tamaño de caja y exhibición
13:29
-
12.
Día 10 - Día de descanso :)
1:14
-
13.
Día 11 - Posición, índice Z y flotación
23:03
-
14.
Día 12 - Color
15:27
-
15.
Día 13 - Tipografía
18:49
-
16.
Los finales son nuevos comienzos
2:02
-
-
- --
- Nivel principiante
- Nivel intermedio
- Nivel avanzado
- Todos los niveles
Generado por la comunidad
El nivel se determina según la opinión de la mayoría de los estudiantes que han dejado reseñas en esta clase. La recomendación del profesor o de la profesora se muestra hasta que se recopilen al menos 5 reseñas de estudiantes.
39
Estudiantes
4
Proyectos
Acerca de esta clase
¿De qué trata esta clase?
¡Esta clase fue diseñada para mostrarte cómo las lecciones de tamaño pequeño pueden conducir a un progreso significativo! La mayoría de las personas tienden a sobreestimar lo que pueden lograr en un solo día, pero a menudo subestiman lo que pueden lograr en solo 30 días.
Esta clase de CSS es la segunda de una serie de desarrollo web de 3 clases. Aquí, aprenderás a usar CSS desde cero en 13 días, en sesiones del tamaño de un bocado de alrededor de 15 minutos cada día. Aprenderás los conceptos que necesitas saber para hacer que los esqueletos HTML de los sitios web sean visualmente atractivos y construir sobre la base sólida que necesitas para pasar a cualquier campo en el que estés interesado en el desarrollo web.
CSS es fundamental para sitios web de estilo y puede ser una habilidad muy útil para aprender. Esta clase comenzará con conceptos tan simples como agregar estilos en línea y llegará a un proyecto final en el que codificarás tu propio sitio web, lo que te ayudará a conectar los puntos en todos los conceptos que aprendiste a lo largo del curso.
¿A quiénes está dirigida esta clase?
Aprender a codificar podría ser valioso para todos, ya que abre tu mente para entender un poco mejor lo que sucede en el mundo digital que nos rodea hoy en día, incluso si no buscas codificar profesionalmente. Este curso es lo que estás buscando si alguna de las siguientes opciones te convence:
- Soy completamente nuevo en programar. ¿Dónde puedo escribir mi primera línea de
código?- quiero crear mi propio blog, sitio web de portafolio, sitio web personal,
etc.- aprendí a codificar en el pasado, pero estoy buscando un
actualizador.- Simplemente busco desmitificar la codificación y obtener una idea de para qué puede
usarse.- Quiero sentar una base sólida para asegurar un trabajo bien remunerado como desarrollador web en el
futuro.- Quiero estirar mi cerebro aprendiendo algo nuevo.
¿Cómo aprenderemos?
A través de lecciones de tamaño bocado de 15 minutos cada día durante 13 días, el curso se centra en el aprendizaje inteligente y no duro. Aprovecharemos técnicas de aprendizaje basadas en evidencia, como el recuerdo activo y la repetición espaciada, para mejorar tu aprendizaje y comprometer el conocimiento que adquiriste a la memoria a largo plazo. Tenemos ejercicios diarios prácticos que te ayudarán a internalizar lo que estás aprendiendo e incluso incluir días de descanso para recuperarte y repasar. Con todo, así es como funciona:
- 15 minutos/día durante 13
días.- Sigue cada lección a medida que
avanzamos.- Ejercicios diarios para implementar un nuevo
aprendizaje.- Días de descanso y recuperación después de cada 4
lecciones.- Construir un sitio web como proyecto final para conectar los puntos.
¿Qué tipo de software usaré?
Comenzaremos el curso descargando e instalando el software necesario:
- Google Chrome —
navegador.- Visual Studio Code: poderoso editor de código.
Contenidos de los cursos:
- hojas de
estilo- selectores de
elementos- estilos
visuales- Modelo de
caja- propiedades
CSS-
dimensionado-
visualización-
posición-
color- tipografía
Conoce a tu profesor(a)
Hey, there! I'm Tony :)
Right after I graduated as an engineer in Boston, I jumped right into Data Analytics - starting off at a startup accelerator in Cambridge, MA, where we worked to start web companies from scratch and launch them into the world!
Even though this was super exciting work, I eventually decided to focus my attention on what I'm most passionate about - learning how to learn and teaching others how to do the same.
Most of us were never taught that the brain's structure can change based on our experiences, and learning is one of the best brain exercises there is!
I hope you find my Skillshare classes, YouTube videos, and other sharing platforms helpful, and that you join me on my journey to wake up and live a more meaningful life in the pr... Ver perfil completo
Proyecto de clase práctica
Recursos:
- Enlace adicional con el contenido de la clase completo. También encontrarás una sección de preguntas frecuentes en la sección de "Comprender" de cada lección, que completaré con el tiempo con las preguntas más frecuentes de los estudiantes.
- Si te atascas, aquí están las secciones de Soluciones en GitHub a las secciones de "Comprender".
- Inspírate navegando por mi proyecto de clase de muestra.
- Publicar cualquier otra pregunta o comentario en la sección de Discusión para que podamos ayudarnos mutuamente.
Crea tu propio sitio web
Codifica tu propio sitio web y conviértelo en tu propio blog, portafolio, sitio web personal o cualquier cosa que puedas imaginar. El propósito de este proyecto final práctico es conectar los puntos en lo que estás aprendiendo.
Sigue estos pasos para completar el proyecto de clase:
- El primer día, crea tu proyecto incluso antes de comenzar la primera lección. Puedes agregar algo como "¡Hola! Esto eventualmente se convertirá en mi proyecto final :)".
- Revisa las lecciones y actualiza tu proyecto a medida que avanzas. Puedes subir capturas de pantalla de lo que construyes.
- Una vez que hayas pasado por todas las lecciones, publica tu versión final de tu sitio web con una descripción de cómo se usa.
Valoración de la clase
¿Por qué unirse a Skillshare?
Mira las galardonadas Skillshare Originals
Cada clase tiene lecciones cortas y proyectos prácticos
Tu membresía apoya a los profesores de Skillshare
