#HTML

A opta lecție din cursul de #FrontEnd #Development în limba #Română - ce este, la ce folosește și care e istoria HTML-ului, plus cum îți pregătești calculatorul și IDE-ul să-l poți scrie corect. ⬇️⬇️⬇️ Detalii și informații 🔥 mai jos!
DETALII
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Primul video din Modulul 2 al Cursului de Front End e în sfârșit aici, după luni întregi de așteptare.
Modulul 2 va presupune să codăm și să învățăm lucrurile esențiale din #html - așa că spor la vizionat și stai pe-aproape, fiindcă planul e să public un video la fiecare 1-2 săptămâni!
CUPRINS
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
00:00 Introducere
00:34 Detalii despre curs și modulul curent
01:13 Ce este HTML-ul?
05:56 Scurt istoric al HTML-ului
10:00 Recapitulare despre IDE-uri
10:44 Setări corecte: UTF-8 și LF
15:28 Recapitulare și temă pentru acasă
16:20 Despre seria actuală de video-uri și rugămintea mea
TEMĂ PENTRU ACASĂ
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
1️⃣ Citește primul capitol din cartea: resilientwebdesign.com/
2️⃣ Intră în proiectul făcut împreună în GIT data trecută și asigură-te că VSCode (sau IDE-ul tău în general) îți arată faptul că ai encoding-ul UTF-8 și end of line sequence-ul LF.
RESURSE
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Software în engleză din video:
✅ IDE = VSCode code.visualstudio.com/
✅ Downloadează GIT: gitforwindows.org/ sau git-scm.com/downloads
Link-uri utile sau interesante:
- en.wikipedia.org/wiki/History...
- / webdesignmuseum
- web.dev/howbrowserswork/
- w3techs.com/technologies/over...
- gomakethings.com/spas-were-a-...
- info.cern.ch/
- www.w3.org/History/19921103-h...
- en.wikipedia.org/wiki/History...
- thehistoryoftheweb.com/browse...
- • Most Popular Web Brows...
- www.webstandards.org/about/hi...
✔️ Playlist-ul în care vei găsi toate cursurile de Front End Development în Română (inclusiv video-ul curent): bit.ly/vio-curs
⭐ Alte video-uri de-ale mele despre Front End Development: 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: bit.ly/vio-digital
🎦 Înscrie-te la canalul meu » kzbin.info... « NU UITA să dai click și pe clopoțel: 🔔
💬 Aștept comentarii, întrebări și sugestii: www.viorelmocanu.ro/blog/
🗳️ VOTEAZĂ subiectele tale preferate pe care ai vrea să mai fac video-uri: fdm33xvhgdz.typeform.com/to/g...
LINK-URILE MELE
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
🤵 Profil LinkedIn: / viorelmocanu
👨‍🏫 Profil Twitter: / viorelmocanu
🆕 Grup Facebook: / carierait
🆕 Discord: / discord
📰 Blog: www.viorelmocanu.ro/blog/
📰 Newsletter: viorelmocanu.ck.page/newsletter
💸 Susține-mă: / viorelmocanu
💳 GitHub Sponsor: github.com/sponsors/ViorelMocanu
☕ Buy me a coffee: www.buymeacoffee.com/viorel
#CursFrontEnd #CursHTML #CursCSS #CursJS #Romania #România #ViorelMocanu #gratuit #Mentorat #FreeMentorship #programare #webdevelopment #web #development #html5 #istorie #internet #browser

[@ViorelMocanu]

Cum ți s-a părut această scurtă introducere în HTML?

[@SergiuAlinPoenaru]

alb pe negru...ai spuns invers :), dar imi place cum explici...multumesc!

[@ViorelMocanu]

@@SergiuAlinPoenaru ai dreptate, my bad. :) Merci de gândul bun!

[@bogdanciortea6196]

"Resilient web design" scrisa de JK este o adevarata filosofie . Nu as fi crezut ca se poate filozofa in acest domeniu. Fascinant, multumesc Vio!

[@ViorelMocanu]

Într-adevăr, e destul de filozofică dar tratează probleme destul de pragmatice și trage niște concluzii convingătoare, zic eu. :) Succes și spor în continuare!

[@florinpana67]

Foarte util intro-ul, mai ales pentru cei incepatori ca mine! Multumesc mult!

[@ViorelMocanu]

Cu multă plăcere, spor la vizionat în continuare! :)

[@mental_outlaw_ro]

Viorel, multumim pentru ajutor.Chiar esti un profesionist care pune suflet si impartaseste celor la incceput de cariera o cale simplificata spre succes.Esti o legenda vie in Romania.

[@ViorelMocanu]

Mă flatezi, n-aș merge chiar așa de departe. Mai am mii de video-uri de făcut și niște milioane de subscriberi până acolo. :))) Dar nu mă las. Merci mult de gândul bun! Sper să vă prindeți că perseverența și pasiunea vă pot duce oriunde vreți voi într-o carieră în IT!

[@iulianchisilencu2782]

Cea mai dulce notificare!

[@ViorelMocanu]

Haha, foarte tare! :) Mă bucur mult.

[@methebestnumberone]

Ready, Set, GO! Multumim pentru tot ce faci.

[@ViorelMocanu]

E plăcerea mea, Andrei! :) Merci de gândul bun!

[@dragos8117]

Te asteptam ca pe Mos Craciun la 6 ani ! Readyy!!

[@ViorelMocanu]

Excelent! :)) Merci mult de gândul bun, Dragoș!

[@johnlee66576]

wow, de cand asteptam, ma bucur ca ai revenit :D succes!

[@ViorelMocanu]

Și eu mă bucur mult să fiu înapoi cu voi aici pe KZbin! :) Merci de comment!

[@DevSchoolRo]

Bine ai revenit! Spor la următoarele video-uri 🔥

[@ViorelMocanu]

Merci mult! La fel! :)

[@laurentis111]

Superb, abia astept viitoarele videoclipuri!!

[@ViorelMocanu]

Următorul va fi live în maxim 2 săptămâni! Merci de comment!

[@Costinio]

Salutare, chiar aveam.nevoie de aceste lectii. Multumesc frumos!

[@ViorelMocanu]

Cu multă plăcere! :) Spor la învățat!

[@TheCrsfortnite]

OHOOHOO FINALLY XD :)))) deabea astept javascript... acolo ceva tutorial in romana ar prinde bine, ca astea pe html css nus chiar asa hard :)) dar acolo la java ma mai pierd.. sper sa mai urmeze video-uri cat mai curand de acum fara pauze asa maaaaaaaaaaaaaari !

[@ViorelMocanu]

Merci mult! Pauzele mari sper și eu să nu mai fie, cât despre JavaScript, mai avem niște zeci de video-uri până acolo. Dacă le urmărești, s-ar putea să afli lucruri despre HTML și CSS pe care nu le știai înainte. Și eu aflu lucruri noi, chiar și acum, după peste 20 ani de meserie. :)

[@Ionut.C]

Bine ai revenit ! Buna ideea cu recapitularea software-ului de instalat... bravo si multumim, ceea ce ai explicat in acel video nu am gasit pe nicaieri, efectiv ne-ai pus pe tava ceea ce aveam nevoie. Hai cu continuarea !!! 😀

[@ViorelMocanu]

Mulțumesc, Ionuț, sper să fie de folos! Revin cu continuarea în maxim 2 săptămâni.

[@valentinlazar22]

Bine ai revenit! 🙏

[@ViorelMocanu]

Mă bucur să fiu din nou cu voi. :)

[@juster7811]

Foarte faine explicatiile . Bine te-am regasit.

[@ViorelMocanu]

Mulțumesc și bine v-am regăsit și eu pe voi! :)

[@GameSide1]

Continuam cursul😄 O surpriza placuta 👌

[@ViorelMocanu]

Da, următorul video apare săptămâna viitoare! :)

[@claudiucsgo3007]

👏❤️

[@ViorelMocanu]

Merci mult, Claudiu!

[@catalinglinta3121]

🤯

[@ViorelMocanu]

[@oziPUBG]

Salut Viorel , m-am uitat si am observat ca in bara unde este Terminalul mai is cateva optiuni si acolo mai era si optiunea PROBLEMS am apasat click dupa care era scris un mesaj ca nu este nici o problema in spatiul de lucru este ok asa?

[@ViorelMocanu]

Sigur. N-ar trebui să-ți faci griji în zona respectivă momentan. O s-o folosim mai des când trecem la JS și lucruri mai complexe.

[@selciucomer1329]

Salut,în loc de LF îmi apare CRLF în dreapta jos?

[@ViorelMocanu]

Nu e OK (e varianta de Windows, nu de Unix). Ar trebui să schimbi chestia asta, așa cum descriu în video-ul ăsta, aici: 12:18

[@zikester4379]

Ce părere ai de cursul de pe Udemy,The Complete 2023 Development Bootcamp??Tocmai l am început,

[@ViorelMocanu]

Dacă te referi la kzbin.info/www/bejne/aZDLh3prfZmmj6M atunci da, e un început bun, dar când îl termini, parcurge și bit.ly/vio-digital pas cu pas, să diversifici cunoștințele și să avansezi mai ușor.

[@laurmihai420]

[@ViorelMocanu]

❤️

[@fineas_daniell]

In ce lecție am făcut proiectul cu html...mie nu îmi apare

[@ViorelMocanu]

Dacă te referi la proiectele făcute cap-coadă, le găsești în playlist-urile mele mai vechi, spre exemplu: kzbin.info/aero/PLfTqvIG4roBruxIQy5nQWQAbJYO1Mhtbm (Link in Bio) sau kzbin.info/aero/PLfTqvIG4roBrP63BDGSXEKvf7iThHSKgM (Layout complex pentru Cărturești), etc.

[@BOGDES83]

De aproape 22 de ani și câteva luni in care ai lipsit 🙂

[@ViorelMocanu]

Haha... :) Fac tot posibilul să nu se mai întâmple!

[@Paul-ve1gp]

praf. inteleg ca esti roman, dar tutorialul asta doar te face curios, doar dai niste google search-uri, fara sa obtii un rezulat care conclude in knowledge despre web dev. pt un urmaritor aflat chiar in target audience(naiv), e doar timp pierdut. apreciez natura exciting pt studiu a tutorialului, dar din pacate e mult prea putin, si mai mult de atat as aduga ca in opinia mea acest clip este chiar daunator. html nu este despre nimic din ce ai spus, e doar un rabbit hole de invatat si acordat energie in procesul de a deveni programator. scrie niste html, spune-le oamenilor ca doar atata face(nu ca e BAZA, e doar needed in orice aplicatie web) si treci la chestiile care iti ocupa timp in viata de zi cu zi de web developer.

[@Ionut.C]

Nu inteleg cum poti sa pierzi atata timp scriind numai "hait". Video-ul asta face parte dintr-o serie, iar in seria asta ni s-au explicat niste chestii pe care nu le-am gasit nicaieri asa bine facute (sa nu iti mai spun ca unele nu le-am gasit deloc). Daca iti folosesti timpul si altfel decat pentru "hait", poate o sa le vezi ... si poate o sa-ti schimbi impresia. Spor !

[@ViorelMocanu]

Îți respect părerea, Paul, și mai știu oameni care o împărtășesc. Dar eu cred cu tărie în dezvoltarea unor baze solide înainte de atacarea lucrurilor despre care vorbești tu. Faptul că ție nu-ți place atât de mult și ți se pare un rău necesar și incomod nu-nseamnă că nu e o tehnologie fundamentală pentru Web-ul de astăzi. Dacă am dezvolta site-uri și aplicații cum trebuie, JS-ul ar fi la nivel funcțional doar un layer de progressive enhancement (pe lângă utilitatea evidentă de templating și frameworking pe care-o are). Iar lucrurile despre care tu spui că ocupă cu adevărat timp din viața de web developer ajung să fie așa doar dacă știi să scrii HTML corect, semantic, SEO-friendly, optimizat și articulat. Cursul ăsta va petrece mult timp pe HTML și CSS înainte să treacă la JS și dintr-un motiv egoist: să mă asigur eu personal că prin conținutul pe care-l fac, predau lucrurile astea așa cum mi-ar fi plăcut mie să-mi fi fost predate și în același timp într-un fel în care să mă asigur că nu ratez nimic și oamenii știu bine baza viitoarei lor cariere. Dacă intru în prea multe detalii și fac multe video-uri mai degrabă teoretice decât practice, îmi asum chestia asta de dragul scopului menționat. Și-mi pare rău că nu e pe placul tău...

[@ViorelMocanu]

@@Ionut.C mă bucur să aflu că găsești lucruri de valoare în video-urile mele, voi încerca să livrez conținut la fel de valoros și pe viitor! :)

[@Paul-ve1gp]

@@ViorelMocanu eu fac aplicatii SPA si PWA, de care ai vorbit mai sus. N-am scris HTML in viata mea(sau cel putin nu ceva mai solid decat div-uri ul-uri; nici macar un navbar sau main/aside/footer). Oricine in front-end de mult incoace, foloseste design systems ca MUI, Quasar, etc. Si construiesti UI cu componente demo, care au deja HTML-ul + muuult mai multe chestii in ele. Facute de Google. Facute de Facebook. Facute open sorce unele chiar. Aceeasi poveste cu CSS-ul. 100% profi, cap coada. Cu HTML facut perfect pt SEo, crwlere indexare a siteului etc; css cu grid responsive out of the box, typography, sistem de tematizare(aka iti ofera clase), paleta de culori si TOT. Lucrezi ca un mare profesionist la html/css fara sa ai habar de ele. Despre altceva e web dev in zilele noastre, s-au dus astea mititele si basic. Acum front-endul e despre ce tehnologii alegi; sa nu alegi niciuna e cea mai proasta alegere, evident. E despre cum servesti un site de ex, ssr/csr/csg, ce framework folosesti la inceput de proiect, gen gatsby quasar, next, probleme moderde de UX, cum te mentii la curent cu atatea tehnologii in dezvoltare si ce alegi. Nu se mai scrie html/css, sau sunt eu vreun geniu si am reusit doar eu asta, si visez cand citesc ORICE, si cand codez imi scapa mie sa scriu HTML-ul, dar cumva totul e ok.:) not.

[@ViorelMocanu]

Așa cum ziceam, îți înțeleg punctul de vedere, dar nu sunt de acord cu el. O să fac o paralelă aproximativă ca să hiperbolizez un punct de vedere: e ca și cum ai zice că dacă vrei să codezi teme de Wordpress ai nevoie doar să știi Elementor, n-ai nevoie să te atingi de PHP sau CSS niciodată fiindcă au făcut alții proxy-ul pe care tu-l dezvolți și e perfect așa cum e. Aceeași idee e și în spatele framework-urilor moderne, spre exemplu dacă tu habar n-ai vanilla JS și TS, dar îți iei zborul în React sau Next, adaptabilitatea și flexibilitatea ta va avea de suferit. Cred în abstractizare și eficientizare, și ce descrii tu în direcția aia se îndreaptă, dar dacă vei vrea vreodată să înțelegi componentele alea minunate scrise de Facebook, Google și open source, care sunt perfecte și fac tot ce ai tu nevoie, sau dacă vei avea ceva de modificat în felul cum procesează Tailwind clasele de CSS, și mai ales dacă ai nevoie să faci debugging serios (fiindcă perfecțiunea nu există și tot timpul vor apărea probleme sau tweak-uri necesare), fără lucrurile de bază îți va fi mai greu. Dar știi cum facem? Poate cum pun eu problema e mai puțin ușor de înțeles pentru tine. Uită-te la video-ul ăsta de la Theo (care e despre ecosistemul de UI libraries / CSS frameworks) ca să înțelegi mentalitatea din spate și s-o generalizezi: kzbin.info/www/bejne/eYLYhXljl9CCncU - ownership, debuggability, avoiding unnecessary complexity, the works. :)