Învață CSS în acest curs complet pentru începători. CSS, sau Cascading Style Sheet, este responsabil pentru stilul și aspectul unui site web.
În acest curs, acoperim CSS de la zero. Veți învăța totul, de la abilități de bază, cum ar fi colorarea și textul, până la abilități foarte avansate, cum ar fi animațiile personalizate.
Veți învăța despre:
•Colorare
•Formatarea
•Text
•Aspect
•Grilă
•Flexbox
•Animații
•Tranziții
•Și altele!
💻 Cod: https://github.com/Video-Lab/css-course-content
🎥 Curs de la Jad Khalili. Pentru a vedea mai mult conținut de la acest instructor, vizitați:
https://www.udemy.com/user/jad-khalili/
⭐️ Conținutul cursului ⭐️
⌨️ (0:00:00) Realizări și rezultate ale cursului
⌨️ (0:02:36) Introducere la curs
⌨️ (0:11:19) Descărcarea software-ului necesar
⌨️ (0:12:30) Unde să găsești fișierele de proiect
⌨️ (0:14:28) Ce este CSS?
⌨️ (0:17:09) Crearea și conectarea unei foi de stil CSS
⌨️ (0:20:39) Cum se testează o foaie de stil
⌨️ (0:22:12) Ce este un selector?
⌨️ (0:25:54) Clasuri și ID-uri în HTML
⌨️ (0:31:52) Specificitate și când să folosiți selectoare
⌨️ (0:39:13) Pseudoselectori
⌨️ (0:47:58) Selectoare avansate
⌨️ (0:59:30) Selectori de atribute
⌨️ (0:09:38) Ce sunt proprietățile?
⌨️ (1:12:59) Regula generală CSS
⌨️ (1:17:37) Tipuri de culori
⌨️ (1:24:53) Text de colorat
⌨️ (1:32:30) Culori de fundal
⌨️ (1:36:56) Imagini/URL-uri în CSS
⌨️ (1:42:30) Alte proprietăți de fundal
⌨️ (1:48:59) Opacitate/Transparență
⌨️ (1:52:17) Gradienți
⌨️ (2:04:12) Introducere în tipurile de unități
⌨️ (2:15:57) Manipularea textului
⌨️ (2:23:54) Dimensiunea fontului, aldine și stil
⌨️ (2:30:33) Familii de fonturi
⌨️ (2:37:08) Inclusiv fonturi externe cu fonturi Google
⌨️ (2:43:14) Utilizarea fonturilor externe
⌨️ (2:49:07) Modelul cutiei CSS
⌨️ (2:53:18) Modificarea dimensiunii conținutului
⌨️ (2:59:07) Borduri CSS
⌨️ (3:05:51) Marjă și umplutură
⌨️ (3:15:17) Tipuri de afișare și plutire
⌨️ (3:27:47) Ce este Flexbox?
⌨️ (3:31:35) Crearea unui container flexibil
⌨️ (3:34:09) Flex Direction & Wrap
⌨️ (3:38:26) Alinierea conținutului
⌨️ (3:44:45) Comanda flexibilă pentru articole
⌨️ (3:49:32) Reduceți, creșteți și bazați
⌨️ (4:00:03) Proprietatea „flex”.
⌨️ (4:03:21) Alinierea articolului
⌨️ (4:08:16) Grid vs Flexbox
⌨️ (4:11:14) Crearea unei grile
⌨️ (4:13:30) Coloane și rânduri șablon
⌨️ (4:21:12) Justificare și aliniere grilă
⌨️ (4:28:10) Lacune pentru rânduri și coloane
⌨️ (4:33:13) Linii de coloană și rând
⌨️ (4:40:46) Zona grilă
⌨️ (4:44:38) Proprietatea de tranziție
⌨️ (4:58:05) Funcții de transformare
⌨️ (5:12:26) Crearea de animații cu cadre cheie
⌨️ (5:20:30) Adăugarea unei animații
⌨️ (5:23:23) Proprietăți animație
⌨️ (5:34:49) Provocare pentru transformarea site-ului web
⌨️ (5:38:22) Transformare site – SOLUȚIE
⌨️ (6:13:32) Ce să înveți în continuare
—
Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org
Citiți sute de articole despre programare: https://www.freecodecamp.org/news
Cursuri interesante:
- Tutorial JavaScript – Creați un joc de cărți 🃏
- Învață HTML5 și CSS3 de la zero – Curs complet
- Curs CSS Flexbox
- Tutorial CSS – Curs complet pentru începători
- React Native – Curs introductiv pentru începători
- Curs complet CSS – Include tutoriale Flexbox și CSS Grid
- Construiește o lume virtuală plină de mașini care se conduc singure – Tutorial JavaScript
- Învață HTML și CSS – Curs complet pentru începători
- Dezvoltare Web cu HTML și CSS – Curs complet pentru începători
- Tutorial React Project – Creați un site web de portofoliu cu animații avansate