#HTML

Описание: Am ajuns la a ZECEA lecție din cursul de #FrontEnd #Development în limba #Română – codăm #HTML în #VSCode și discutăm de elemente #block level vs #inline și ancore / link-uri și titluri și semantică de text. ⬇️⬇️⬇️ Detalii și informații 🔥 mai jos!

DETALII
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Al treilea video din Modulul 2 al Cursului de Front End e în sfârșit aici – e cel mai lung video din cursul ăsta, are aproape o oră, dar eu zic c-a meritat așteptarea. Mi-a luat mai mult decât speram, dar am reușit în sfârșit să-l editez.

De acum încolo vom continua să codăm, și trecem prin 6 module de cod (3 de HTML, CSS și JS pentru începători, și 3 de HTML, CSS și JS pentru avansați, plus niște bonusuri la final) – așa că spor la vizionat și stai pe-aproape!

CUPRINS
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
00:00 Introducere
00:29 Detalii despre curs, sumarul video-ului
01:08 Fluxul de informații în HTML: block level vs inline level
08:37 Tag-uri generice: div și span
15:48 Titluri în HTML: de la h1 până la h6
19:25 Spațierea în elementele block-level cu tag-ul br
21:00 Link-urile și elementul „ancoră”: cel mai important din HTML
26:39 Link-uri absolute vs link-uri relative vs link-uri interne
31:20 Inspectarea codului HTML din browser (pe scurt)
33:05 Atributul de titlu pe Call to Action-uri
36:28 Formatarea semantică a textului în HTML
37:13 Tag-ul: strong
37:30 Tag-ul: em
38:07 Intercalarea tag-urilor - o greșeală ușor de rezolvat
38:57 Tag-ul: b
42:16 Tag-ul: mark
43:02 Tag-ul: i
44:46 Tag-ul: s
45:14 Tag-urile: del și ins
46:15 Tag-ul: u
47:25 Tag-ul: small
48:47 Tag-urile: sub și sup
49:39 Felicitări și temă pentru acasă
50:39 Despre seria actuală de video-uri și rugămintea mea

TEMĂ PENTRU ACASĂ
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
1️⃣ Folosind structura HTML (și chiar și fișierul HTML din tema precedentă) discutată video-ul anterior și o parte din tag-urile analizate astăzi, creează o listă de 5 poezii preferate – în aceeași pagină – asigurându-te că există o modalitate de a ajunge de la o poezie la alta folosind ancore puse și la începutul paginii (un fel de sumar care să aibă link-uri către toate poeziile) și între poezii (cu link către poezia precedentă și poezia următoare).
2️⃣ Apoi, dacă stăpânești GIT-ul bine, adaugă sau updatează acest fișier HTML în repository-ul tău de GitHub și dă-mi în comentarii numele repository-ului folosind regula discutată în video-ul trecut: fără protocol și domeniu, adică fără https://github.com/ (YouTube n-o să te lase să pui link-ul integral în comentarii).

RESURSE
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Link-uri (în engleză) din video:
✅ MDN = https://developer.mozilla.org/
✅ Unealta de evaluare a ordinii corecte a titlurilor = https://defaced.dev/tools/logical-con...
✅ Definiția Entităților HTML = https://developer.mozilla.org/en-US/d...
✅ Lista de Entități HTML = https://html.spec.whatwg.org/multipag...

✔️ Playlist-ul în care vei găsi toate cursurile de Front End Development în Română (inclusiv video-ul curent): https://bit.ly/vio-curs

⭐ Alte video-uri de-ale mele despre Front End Development: https://bit.ly/vio-fed

🚨 Lista completă de resurse strânse de mine de-a lungul timpului care să te ajute să înveți Front End Development și nu numai: http://bit.ly/vio-digital

🎦 Înscrie-te la canalul meu » https://www.youtube.com/c/ViorelMocan... « NU UITA să dai click și pe clopoțel: 🔔

💬 Aștept comentarii, întrebări și sugestii: https://www.viorelmocanu.ro/blog/

🗳️ VOTEAZĂ subiectele tale preferate pe care ai vrea să mai fac video-uri: https://fdm33xvhgdz.typeform.com/to/g...

LINK-URILE MELE
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
🤵 Profil LinkedIn:   / viorelmocanu  
👨‍🏫 Profil Twitter:   / viorelmocanu  
🆕 Grup Facebook:   / carierait  
🆕 Discord:   / discord  
📰 Blog: https://www.viorelmocanu.ro/blog/
📰 Newsletter: https://viorelmocanu.ck.page/newsletter

💸 Susține-mă:   / viorelmocanu  
💳 GitHub Sponsor: https://github.com/sponsors/ViorelMocanu
☕ Buy me a coffee: https://www.buymeacoffee.com/viorel

#CursFrontEnd #CursHTML #CursCSS #CursJS #Romania #România #ViorelMocanu #gratuit #Mentorat #programare #webdevelopment #web #development #html5 #h1 #anchor #div #span