HTML și CSS sunt abilități esențiale pentru o carieră în dezvoltarea web.
În acest curs vom acoperi ambele limbi de la zero și până la sfârșitul cursului vă veți crea propriile proiecte.
(0:00) Introducere
(2:47) Ce este HTML
(5:11) Google Chrome și Visual Studio Code
(6:02) Descărcați Google Chrome
(8:11) Descărcați codul Visual Studio
(13:58) Creați un proiect
(16:09) Prima pagină web
(20:35) Setări cod vizual
(22:48) Descărcați extensia Live Server
(26:59) Structura de bază a documentului HTML
(29:05) Implementarea Structurii Documentului de bază
(34:50) Word Wrap și Emmet
(40:24) Elemente de antet
(44:33) Elemente de paragraf
(47:50) Spațiul alb se prăbușește
(49:22) Lorem Ipsum Dummy Text
(51:17) Imagini
(57:15) Opțiuni pentru trasee multiple
(1:00:06) Imagini externe
(1:02:43) Imagini frumoase
(1:05:49) Atribut de lățime și înălțime
(1:08:40) Decupați imagini
(1:12:07) Calea potrivită
(01:15:37) Comentarii și întreruperi de linie
(01:19:47) Legături externe
(01:23:32) Legături interne
(01:25:53) Linkuri în cadrul paginii
(01:30:10) Linkuri goale
(01:32:39) Sup și Sub Elemente
(01:34:39) Elemente puternice și em
(01:37:02) Caractere speciale în HTML
(01:38:58) Liste neordonate
(01:41:25) Liste ordonate
(01:42:18) Liste imbricate
(01:43:57) Element de masă
(01:46:10) Formulare – Elemente de introducere și trimitere
(01:58:12) Formulare – Zona de text – Radio – Casetă de selectare
(02:09:40) Mai frumos și formatator de cod
(02:14:56) Comenzi rapide de la tastatură
(02:26:06) Resurse externe – Element principal
(02:30:15) Introducere a proiectului HTML
(02:32:16) Configurare proiect
(02:35:17) Descarcă imagini
(02:39:02) Logo, Heading, Navigation
(02:42:51) Pagina de pornire finalizată
(02:54:30) Despre pagina
(02:58:09) Pagina de numere
(03:04:14) Pagina de contact
(03:09:11) Fișiere de resurse
(03:09:42) Configurare editor de text
(03:16:03) Css Intro
(03:17:35) Configurare spațiu de lucru
(03:20:22) Inline Css
(03:23:40) Resurse de curs
(03:25:01) Css intern
(03:28:00) Css extern
(03:39:40) Luptă pentru putere
(03:44:17) Sintaxa Css de bază
(03:52:27) Selectoare de elemente
(03:55:15) Selectori de grupare
(03:57:27) Selectoare de identitate
(04:02:09) Selectori de clasă
(04:06:17) Rezumatul selectorului de identificare și de clasă
(04:08:30) Div And Span Elements
(04:16:44) Moștenire CSS
(04:20:08) Mai multe informații despre moștenire
(04:22:30) Ultima regulă, Specificitate, Selector universal
(04:27:33) Culori Introducere
(04:28:13) Culoare și proprietăți de culoare de fundal
(04:32:33) Nume de culori
(04:33:30) Rgb
(04:37:46) Rgba
(04:44:33) Hex
(04:50:58) Opțiuni de culoare Vs-Code
(04:52:57) Resurse externe
(04:55:39) Introducere unități
(04:56:18) Pixeli, dimensiunea fontului, lățimea, înălțimea
(05:02:13) Valori procentuale
(05:05:44) Em Valori
(05:11:42) Valori rem
(05:14:41) VH și VW
(05:19:14) Syles browser implicit
(05:29:07) Funcția Calc
(05:33:38) Introducere tipografie
(05:34:07) Font-Familie
(05:36:47) Fonturi generice pentru stiva de fonturi
(05:39:23) Fonturi Google
(05:46:00) Font-Greutate Font-Stil
(05:53:30) Text-Align și Text-Indent
(05:56:52) Mai multe proprietăți text
(06:04:31) Cutie-Model Introducere
(06:04:53) Umplutură
(06:13:28) Marja
(06:19:01) Frontieră
(06:23:57) Raza de frontieră, Marja negativă
(06:27:24) Proprietate Outline
(06:34:58) Afișare introducere proprietăți
(06:35:19) Proprietate de afișare
(06:43:26) Centrare orizontală de bază
(06:48:11) Exemplu de bară de navigare mobilă
(06:58:29) Box-Sizing Border-Box
(07:06:46) Afișează blocare în linie
(07:09:29) Afișare: niciunul, Opacitate, Vizibilitate
(07:16:20) Introducere imagine de fundal
(07:16:43) Configurare imagini de fundal
(07:19:43) Fundal-Imagine-Proprietate
(07:27:45) Fundal-Repetare
(07:34:07) Dimensiune fundal
(07:36:58) Fundal-Poziție
(07:41:18) Context-Atașament
(07:47:04) Liniare-Gradiente
(07:56:49) Comenzi rapide pentru imaginea de fundal combinate
(08:06:56) Linear-Gradient Colorzilla
(08:11:08) Introducere poziție plutitoare
(08:11:47) Proprietate flotant
(08:19:18) Exemplu de aspect al coloanei cu proprietăți flotante
(08:25:59) Poziție Statică
(08:30:44) Poziție relativă
(08:33:18) Poziție absolută
(08:38:42) Poziție fixă
(08:42:30) Întrebări media
(08:57:07) Z-Index
(09:06:04) ::Înainte și ::După Pseudo Elemente
(09:27:14) Css Selectori Introducere
(09:28:26) Selectoare de bază
(09:31:07) Selectori de copii descendenți
(09:35:50) Prima linie și prima scrisoare
(09:36:56) :Hover Pseudo-Class Selector
(09:40:03) Conectați selectoare de pseudo-clasă
(09:44:36) Root Preudo-Class Selectors
(09:51:01) Transformare, tranziție și animații
(09:52:17) Transform:tranziție()
(09:58:52) Transform:scale()
(10:01:20) Transform:rotate()
(10:04:47) Transform:skew()
(10:06:31) Proprietate de tranziție
(10:09:13) Tranziție multiplă
(10:11:11) Întârziere de tranziție
(10:16:36) Funcția de sincronizare a tranziției
(10:25:51) Animație
(10:35:51) Animație-Umplere-Mod
(10:40:53) Introducere ultimul modul
(10:41:32) Variabile Css
(10:56:19) Icoane cu fonturi minunate
(11:07:55) Text-Shadow Caseta-Shadow
(11:14:44) Prefixe de browser
(11:19:23) Etichete semantice
(11:24:11) Emmet Workflow
Curs de la John Smilga. Vezi canalul lui: https://www.youtube.com/codingaddict
Cursul lui John despre Udemy: https://www.udemy.com/in-depth-html-css-course-build-responsive-websites/?couponCode=ONLYTEN
Cursuri interesante:
- Tutorial CSS – Zero to Hero (Curs complet)
- Învață HTML și CSS – Curs complet pentru începători
- Tutorial HTML / CSS – Creați o componentă Rezumat Comenzi
- Tutorial CSS – Curs complet pentru începători
- Curs Google Gemini AI pentru începători
- Tutorial Gatsby Static Site Generator
- Cursul 12: Afaceri și reforma democratică: un studiu de caz al Africii de Sud
- Introducere în Responsive Web Design – Tutorial HTML și CSS
- Tutorial Pygame pentru începători – Curs de dezvoltare a jocului Python
- Curs Terraform – Automatizează-ți infrastructura cloud AWS