Tehnologii web:

A patra lecție din cursul de #HTML și #CSS și #JS în limba #Română - Tehnologii web: HTML, CSS și JS plus relația dintre ele. Diferența dintre #FrontEnd și #BackEnd. Discipline conexe Front End-ului. ⬇️⬇️⬇️ Detalii și informații 🔥 mai jos!
TEMĂ PENTRU ACASĂ
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
1. Intră pe orice site și descrie-mi în comentarii ce ține de HTML, de CSS și de JavaScript din site.
2. Apasă F12 sau Ctrl + Shift + J, mergi în tab-ul „Elements”, apoi apasă Ctrl + F pentru a căuta caracterele: mai mic (simbolul de pe tasta cu virgulă) și apoi „title”, apasă pe săgeata diin stânga titlului pentru a-l extinde și scrie în comentarii textul pe care-l găsești.
3. Scrie-mi în comentarii când ai auzit prima dată de HTML, CSS sau JavaScript. Unde ai auzit cel mai des de HTML, CSS sau JavaScript?
Aștept răspunsurile în comentarii! Succes! :)
DETALII
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Am revenit cu încă un video din curs! E printre ultimele din Modulul 1, care e „introducerea” teoretică. Când ajungem în Modulul 2+, la cursurile practice de HTML, CSS și JS lucrurile vor merge mult mai bine și ritmul va fi mai constant.
Așadar, abia aștept să intrăm și mai mult în video-urile viitoare! :)
CUPRINS
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
00:00 Introducere
00:58 Detalii despre lecție: Tehnologiile Internetului
01:39 Ce este HTML-ul?
02:47 Ce este CSS-ul?
04:21 Ce este JavaScript-ul?
06:19 Ce poți face cu JavaScript?
07:49 Relația dintre HTML, CSS și JS
10:03 Front End vs Back End
11:44 Detalii despre Back End
12:39 Alte discipline și tehnologii relevante
14:25 Recapitulare și TEMĂ pentru acasă
15:25 Despre seria actuală de video-uri și rugămintea mea
RESURSE
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
✔️ Playlist-ul în care vei găsi toate cursurile de Front End Development în Română (inclusiv video-ul curent): bit.ly/vio-curs
💡 Explicații despre relația dintre HTML, CSS și JavaScript, în engleză: blog.codeanalogies.com/2018/0...
⭐ 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 #incepatori #website #internet #web #cumfunctioneaza #JavaScript

[@ViorelMocanu]

Aștept răspunsurile din temă (și nelămuriririle tale) mai jos în comentarii! :)

[@sibral8413]

Mă bucur că ai revenit cu un nou video! La cât de bine explici, se merită măcar 2 video pe săptămână. Spor în continuare😊

[@ViorelMocanu]

Dacă aș putea face asta full time, aș face 1 video la 2-3 zile. :))) Merci mult!

[@razvandeghe5566]

Multumim pentru informatii, foarte calitativ prezentate. Abia astept urmatorul videoclip!

[@ViorelMocanu]

Merci, Răzvan! Următorul din serie va apărea săptămâna viitoare. Dar săptămâna asta mai am un video „pe țeavă” care s-ar putea să fie foarte util pentru toată lumea, stai pe-aproape! :)

[@mihaelanagy5793]

Hello! Salut aceasta initiativa! M-am decis in urma cu cateva zile sa fac o reconversie profesionala si incerc sa inteleg tainele HTML ului, CSS-ului si ale Wordpress ului. Voi vedea pe parcurs care dintre aceste limbaje imi vor inlesni evolutia profesionala. La tema 1 metaforele sunt: HTML - ingredientele unei retete de prajitura (zahar, faina, lapte etc); CSS : recipientul in care voi prepara prajitura respectiva. JS : cuptorul. Am reusit sa fac si eu tema 2: . Multumesc si voi urmari in continuare canalul tau. Bafta!

[@ViorelMocanu]

Mult spor în tot ce ți-ai propus! Și sunt aici dacă ai dificultăți.

[@alexandrudostoievski4219]

Viorel ! Omule este super tare modul în care prezinți totul, faci că totul să fie înțeles de oricine, cred că și bunica daca ascută care nu are de-aface cu tehnologia înțelege, atât de simplu.

[@ViorelMocanu]

Haha, mă bucur mult s-aud asta! E exact ce mi-am dorit, să încerc să scad nivelul de jargon și dificultate percepută pentru domeniu, ca să poată să înțeleagă mai mulți oameni despre ce e vorba. Merci!

[@modiced]

esti cel mai tare vlogger de IT !!! cate exemple practice si explicatii usor de inteles! Iti urez sa continui munca ta ca esti extraordinar! Multumesc pentru tot

[@ViorelMocanu]

Și eu merci mult pentru gândul bun și aprecieri! Nu cred că sunt „cel mai tare”, de depate sunt alții mult mai buni, dar fac și eu ce pot cu timpul pe care-l am la dispoziție...

[@alexobada9689]

Content calitativ. De abia astept modulul 2😁

[@ViorelMocanu]

Mulțumesc frumos, Alex! :) Și eu, actually! A fost mai greu decât speram modulul 1 pentru că a fost nevoie de multă documentare, căutări de B roll, editare, etc. dar modulele următoare voi fi eu codând și înregistrându-mă, deci mă aștept să meargă mult mai ușor.

[@dianamartina8058]

Mi-a placut enorm prezentarea de azi si paralelele prezentate. Spor si imaginatie pentru viitoarele episoade!

[@ViorelMocanu]

Mulțumesc mult, Diana! Încer să păstrez același stil ușor de înțeles pe tot parcursul cursului...

[@honn8325]

Viorel, ești genial ! Abia aștept să mai postezi.

[@ViorelMocanu]

Merci! Muncesc de zor la filmare și editare, încerc să revin cu video-uri cât de curând!

[@constantincrintea8219]

Multumesc pentru cursul de azi. Simplu la obiect si placut de urmarit. Spor la treaba in continuare !

[@ViorelMocanu]

Mulțumesc mult, sunt pe val, am 2 video-uri în lucru și sper să public minim încă unul săptămâna asta! :)

[@augustinjoe1083]

Am auzit acum doi ani de HTML și CSS, dar de o săptămână m am apucat serios sa le învăț, fiindu-mi necesare pentru crearea unui site pentru obținerea atestatului la informatica în clasa a 12 a. E primul videoclip pe care l urmăresc, dar am înțeles multe lucruri care mi scapau, mult succes in continuare!♥️

[@ViorelMocanu]

Mă bucur mult s-aud că ți-a fost util! :) Dacă ai nelămuriri, le aștept aici și voi încerca să te ajut cu răspunsuri!

[@exploring.the.world2023]

Foarte fain videoclip-ul. O sa rămână in istoria web design-ului din România.

[@ViorelMocanu]

Eh, eu sper ca întreg cursul să fie util pentru cât mai mulți oameni în final, dar mai avem niște zeci de video-uri până la final, sper să fie OK toate. :) Merci oricum de gândul bun!

[@exploring.the.world2023]

@@ViorelMocanu eu sper sa Intrăm pe partea concretă de muncă. Conținul videoclipurilor tale este într-adevăr foarte bun si tot ce e bun necesită timp. Pe mine ma interesează foarte mult sa fixam foarte bine aspectele teoretice. In HTML, CSS, JavaScript. Ce sa nu facem. Ce sa facem. Care sunt regulile. Sper de asemenea să facem teste grilă. Eu as face o sesiune speciala pe fiecare modul de teste grilă explicate. Si sper sa ajungem sa lucrăm si in React si sa trecem si pe partea de backend pe Node.JS.

[@ViorelMocanu]

@@exploring.the.world2023 Tot ce-ai descris urmează, într-o formă sau alta. Doar că React-ul / Node-ul vor fi inițial niște serii de live-uri, iar apoi vor fi cursuri separate, probabil, după ce-l termin pe cel de HTML/CSS/JS, dar mai durează...

[@exploring.the.world2023]

@@ViorelMocanu eu o sa urmăresc in continuare. Eu am terminat un curs plătit de HTML, CSS, JavaScript. Acum nu prea găsesc in continuare la același provider cursuri de react si node. Js. La vremea respectiva nu știam ce se mănâncă toată treaba asta de web development. Acum trebuie sa caut prin alte părți sa imi completez cunoștințele. De asta zic dacă o sa reușești sa duci totul până la node.js. O sa fie clar cel mai tare curs din toată România. Detaliile contează. Iar tu faci o treabă minunata!

[@ViorelMocanu]

@@exploring.the.world2023 Mulțumesc mult, apreciez cuvintele frumoase. Dacă vrei, tu poți să progresezi parcurgând inclusiv resursele gratuite de aici: bit.ly/vio-digital (și vezi că-s multe). Spor la treabă!

[@bogdanistrate1903]

Multumim pentru felul cum explici si pentru dedicare! Ce n-as fi dat eu sa apara video-urile tale acum doi ani, cand habar nu aveam cu ce se mananca front end development-ul(nu ca acum as sti foarte multe) si ma chinuiam sa inteleg tocmai ce ai explicat in acest videoclip. Si intram pe toate click bait video-urile de pe youtube ( exceptie CS 50, asta chiar mi-a placut :) ) si cautam sa inteleg ceva pe pagini html si ma trezesm cu 50 de taburi deschise... Felicitari si la cat mai multe video-uri cu cat mai multi subscribers!

[@ViorelMocanu]

Merci mult, Bogdan! :) Mă bucur că îți plac video-urile mele, și sper să fie utile pentru cât mai mulți oameni!

[@capdemaiionutliviu3417]

Salut Tema1: Am intrat pe GSP. HTML reprezinta structura, text, culori, foto; CSS - modificarea de culori cand trec cursorul (hover), aspectul paginii, partea estetica; JS sunt elementele de interactivitate, sare in pagina de la un capitol la altul. Tema2: Gazeta Sporturilor - GSP - ultimele stiri din sport, rezultate live Tema3: Prin facultate (prin 2005), de la fosti colegi de liceu care alesesera sa mearga pe tehnic. Spor in continuare!

[@ViorelMocanu]

Bravo! :) Continuă!

[@mightbemada]

Explici foarte bineeeeeeee!

[@ViorelMocanu]

Mulțumesc frumos, Mădă! :)

[@MonkMode95]

Tehnologii web: #HTML, #CSS, #JS și relația dintre ele - Curs de Front End Development în Română - KZbin

[@ioaniancu4170]

Felicitari si multumiri ptr efort!!!

[@ViorelMocanu]

Cu multă plăcere! :)

[@ralub4898]

Explicatii ft bune! 👏 multumesc!

[@ViorelMocanu]

E plăcerea mea!

[@luciandumitrescu7138]

Felicitari pentru video, de auzit am auzit de ceva vreme, dar nu stiam sa explic pana cand am urmarit videoul tau, bravo! Felicitari si Mult Succes in Continuare!🙂

[@ViorelMocanu]

Mulțumesc mult de gândul bun, Lucian! :)

[@andurebel]

Top, ca de obicei 🤘. Inca ma gandesc la pizza aia 😎 Good job, man!

[@ViorelMocanu]

Merci mult, Andu! :) Apreciez.

[@iulianchisilencu2782]

salutare! foarte genaile videourile, ai stofa de profesor maxim :))

[@ViorelMocanu]

Mulțumesc mult!

[@gabrielapaica6922]

Salut! Pur și simplu rămân stupefiată când, la finalul clipului constat ca am înțeles😅 Faci niște ilustrări care transformă ceva foarte complex, în ceva foarte simplu Mulțumesc mult de tot pentru muncă Ești incredibil Aștept cu nerăbdare următorul video

[@ViorelMocanu]

Mulțumesc mult, comentariile ca al tău mă motivează să mă grăbesc în a filma și edita mai multe video-uri din seria asta!

[@alamew]

Pentru tema, am intrat pe IMDb. HTML este tot textul, culori, font, CSS sunt butoanele, cum isi schimba culoarea cand dai hover pe ele. Cat despre JS, inca nu am inteles exact cum sa imi dau seama unde e pe site :) Punctul 2: " IMDb: Ratings, Reviews, and Where to Watch the Best Movies & TV Shows". Punctul 3, in liceu la orele de tic despre HTML, CSS si JavaScript de la niste persoane de la facultatea de informatica. Dar cel mai des am auzit pe youtube cand am inceput sa ma documentez. Multumesc pentru video!

[@ViorelMocanu]

Merci mult, Jana! Apropo de JS, e un punct de vedere valoros, o să încerc să fiu mai clar pe viitor apropo de cum să-ți dai seama ce e JS și ce nu e. Ai făcut treabă bună cu tema!

[@lorena4293]

Wow, se vede ca stii foarte bine ce vorbesti, doar cineva care stapaneste foarte bine un subiect poate sa-l prezinte asa incat sa inteleaga chiar si un copli.

[@ViorelMocanu]

Mulțumesc mult de gândul bun, Lorena. Încerc să fac lucrurile astea cât mai simplu de înțeles pentru oricine, chiar dacă nu-mi iese de fiecare dată... :)

[@stnpetrica1]

Cel mai tare 😎

[@ViorelMocanu]

Merci mult, Petrică! :) Apreciez.

[@robertchirculescu2271]

Tema 1. HTML- Text-ul, hiperlink-urile care te duc pe o alta pagina, tabeluri, formulare, imagini, videori etc. CSS: Asptectul site-ului. Javascript: Functionalitatea site-ului. Tema 2. KZbin :) Tema 3. Prima data am auzit si vazut cum sa lucreaza in HTML si CSS la un coleg de facultate care lucra in domeniu part-time prin 2002. Cel mai des in tutoriale si resurse online.

[@ViorelMocanu]

Bun, merci de răspunsuri, keep it up!

[@livia-mt5yw]

Uau ! Pana si eu am inteles 😊 Fascinanta este aceasta lume IT. Multumesc ! De folos si temele astea 👍 Care este ultima tema pe care ti-ai dat-o tie insuti si rezultatul a fost un maxim succes ? 😉

[@ViorelMocanu]

Felicitări, Livia! :) Îmi dau „teme” în fiecare zi, săptămână și an. Am tendința să-mi dau mai multe decât pot duce, ceea ce-nseamnă că nu rezolv tot ce-mi propun, dar oricum e mai mult decât dacă mi-aș fi propus să fac mai puține de cele mai multe ori...

[@buck8082005]

tema 3...in facultate...m-a atras zona de IT inca de atunci, si optionalele mi le-am ales din zona de IT (webdesign), project management, si management; primul meu site l-am facut in dreamweaver (cu layouturi, desi aveam notiuni teoretice de html), dupa ce am studiat tutoriale timp de 2 saptamani; am fost asa de mandra cand l-am incarcat pe net!!! al doilea site l-am facut in cadrul masterului la psihologie, in front page; am facut un curs de QA acum ceva ani, in cadrul caruia s-a facut (haotic si un nr fff redus de ore) si js, ca atare bagajul informational este redus in directia asta; am intrat pe cursurile tale, la recomandarea cuiva, caruia i-am povestit de ultima (recenta!!) incercare de a invata de la zero , cu un expert care se lauda ca e trainer si coach si cu expertiza, si de cate ori il abordam, raspundea iritat ca de ce nu ne intrebam colegii (nu vreau sa jignesc specialistii IT, poate ca expert era ok..dar ca si "trainer" era mediocru)

[@ViorelMocanu]

Interesantă experiență. De curiozitate, despre ce trainer e vorba? (ca să știu să nu-l recomand și altora) Îmi poți da un mail sau îmi poți scrie pe Discord dacă nu vrei să lași comentariul public. Merci!

[@bogdanpop4512]

1) Github a) html: structura, ordinea in pagina, continutul(text, imagini, video) b) css: dimensiunea, culoarea, aspectul, incadrarea in pagina, efecte mouse( hover, schimbarea cursorului), dimensionarea si pozitionarea tuturor obiectelor/componentelor in pagina, c) js : animatia incredibila a globului si posibilitatea de a interactiona cu el/animatiile in general, triggerele din pagina (scrolezi in pagina si anumite elemente prind viata), incarcare de date, dropdowns, schimbul de date, modificarea css/html dinamic in functie de anumite actiuni si multe altele 2) GitHub: Where the world builds software · GitHub 3) De html prin adolescenta timpurie (cred ca am si incercat sa mesteresc ceva pe acolo, dar nu ma prea pricepeam si am lasat-o balta), de css tot cam pe atunci si js cand cautam un limbaj sa-l invat. Cel mai des auzeam in tutoriale si in resurse online cand m-am apucat de invatat mai serios

[@ViorelMocanu]

Bravo, Bogdan! :)

[@bogdanpop4512]

@@ViorelMocanu multumesc din nou. Asteptam urmatoarele video :)

[@ViorelMocanu]

@@bogdanpop4512 Următorul apare imediat ce-l termin de editat. :) Nu mai am mult, mâine ar trebui să fie live... i.imgur.com/2G72yBx.jpg

[@babanu5039]

Am intrat pe netflix , de html tine tot textul scris titlu etc de css aranjarea in pagina si designul si de js chestiile miscatoare cu viata

[@ViorelMocanu]

Bun, așa e. :)

[@return_1101]

Super tare clipul. Voiam să întreb, care ar fi șansele mele sa ajung sa lucrez in aceasta industrie? (Sunt jurnalist cu licență și masterat. Acum fac cursuri de Python (bine, de la o universitate din Rusia, dar e super greu cursul) și cursuri de Linux (programare și administrare))

[@ViorelMocanu]

Ai șanse mari să lucrezi în industrie dacă știi sau înveți engleză (99% din materialele de calitate, gratuite, din care poți învăța sunt în engleză), dacă ai rezistență la stress și nu te demoralizezi să încerci ceva de 100 ori până iese și să cauți pe Google răspunsuri la probleme tehnice cu care te vei confrunta 100% așa cum o face toată lumea din industrie, și dacă dedici 2-4-6 ore pe zi studiului, zilnic, fără excepție, măcar 6-12-18 luni (în funcție de cât de repede prinzi). Secretul e ca atunci când înveți, cât timp faci tutoriale, cursuri, bootcamp-uri, challenge-uri, etc să îți construiești și un portofoliu de lucrări pe GitHub și să le și deployezi pe GitHub Pages, Vercel sau Netlify, cu proiecte în care să arăți ce-ai învățat. Pot să fie jocuri, clone de site-uri și aplicații web existente sau idei originale pe care să le implementezi ca și cum ai fi un antreprenor cu propriul startup. :) Spor la treabă!

[@return_1101]

@@ViorelMocanu Îți mulțumesc foarte mult. Deci da, o să continui să mă dezvolt și mă voi apuca neapărat și de Github! O zi frumoasă.

[@ciprianmoldoveanu1848]

V.L.C.!

[@ViorelMocanu]

Merci! :)

[@MCI1804]

TEMA 1. Site: SITEGROUND HTML: Text-ul CSS: Imaginile, aspectul site-ului JS: Animatiile butoanelor TEMA2: (62) Tehnologii web: #HTML, #CSS, #JS și relația dintre ele - Curs de Front End Development în Română - KZbin TEMA3 : Prima data am auzit de HTML,CSS,JS acum cateva luni cand am inceput sa ma documentez despre alte domenii. Cel mai des am auzit despre HTML,CSS,JS pe ytb. Multumesc de video.

[@ViorelMocanu]

Bun! Bravo! Continuă cu restul video-urilor! :)

[@valentincampau2924]

[@bloodsydra9649]

Titlu - Tehnologii web: #HTML, #CSS, #JS și relația dintre ele - Curs de Front End Development în Română - KZbin

[@ViorelMocanu]

Bravo!

[@sibral8413]

Salut Viorel, pentru construire site-uri mici spre medii(ca freelncer) merită să stăpânești CCS Grid/flexbox sau mai bine să rămâi pe CSS clasic? Merci

[@ViorelMocanu]

Salut! Nu prea mai există CSS „clasic” în ziua de azi fără grid și flexbox. Nu sunt așa complexe, în principiu, dacă apuci să le folosești pe 3-4 proiecte sau în 3-4 contexte reale. Apoi o să-ți vină ușor să lucrezi cu ele și n-o să mai poți fără. Ce nu recomand neapărat sunt framework-uri de genul Bootstrap sau Tailwind, deși dacă e musai să alegi din cele două, mai bine alegi Tailwind. Cel mai bine însă, mai ales când înveți și ești la început, e să scrii SCSS cu Grid și Flexbox. :)

[@sibral8413]

@@ViorelMocanu Merci VIO pt experiența si timpul tău! Mă ajută și materialele sugerate de tine pe bolg. Mă gândeam și dacă pentru proiecte web mici (majoritatea cred) e recomandat să învăț ceva de genul wordpress, weblfow sau altele și doar să inserezi cod unde e nevoie? Sunt curios care e părerea ta. Văd că mulți le combină.

[@ViorelMocanu]

@@sibral8413 sunt niște bani de făcut și din Wordpress sau Webflow, chiar dacă tehnologic vorbind și din perspectiva progresului în carieră, a te limita doar la CMS-urile alea e problematic pentru că te plafonezi destul de ușor. Depinde ce-ți dorești. Eu sugerez să înveți să lucrezi măcar cu Wordpress și să editezi niște teme ca să înțelegi bazele, dar apoi să continui să înveți un framework de front end de genul Vue cu Nuxt sau React cu Next sau Angular sau chiar Svelte cu SvelteKit, fiindcă majoritatea job-urilor în domeniu în jurul tehnologiilor ăstora se învârt momentan.

[@sibral8413]

@@ViorelMocanu Merci pentru sfat. Mai am mult pana departe😀 dar nu renunțăm

[@ViorelMocanu]

@@sibral8413 Asta e atitudinea de care ai nevoie! :)

[@go2grow-dezvoltarepersonal467]

Html: tine mai mult de structura simpla a paginii de site: texte, culori, poze simple cred si linkuri. După care vad CSS ca fiind zonele care dau un decor paginii și face site-ul mai plăcut și mai intuitiv: butoane si animații de tot felul. Iar Java Script, deși nu pot face o diferentiere clara pentru ca nu am lucrat în practica, imi imaginez ca este formularul de contact și timer-ul pentru data de expirare a ofertei, probabil ca și procesul de cumpărare a unui produs, trecerea la un subelement de subpagina, probabil. Cred ca am înțeles bine legătura dintre ele, dar nu știu exact unde se delimitează pana când nu practic. Aștept sa ma corectezi, când poți.😃

[@ViorelMocanu]

HTML nu ar trebui să aibă decât informație structurală și meta-informație: ce reprezintă fiecare bucată de text, fie poză, fiecare link de navigare, etc. HTML reprezintă forma conținutului dacă elimini complet design-ul din schemă. CSS-ul ar trebui să aibă 100% din informația pur vizuală, estetică și de interfață. JavaScript-ul ar trebui să conțină funcționalitate și interactivitate: informație adăugată dinamic în pagină, efecte speciale care țin de conținut nou sau schimbat, în general JavaScript-ul e un factor de schimbare și mulare pe nevoile utilizatorului. HTML e ceva static, care nu se poate schimba în niciun fel. JavaScript-ul e motorul schimbării dinamice a elementelor din pagină fără să se schimbe pagina neapărat, dacă ți-e mai simplu, așa ar trebui să te gândești la el. Cu HTML vezi că există produse pe site, detaliile produselor, etc. Cu CSS e totul mai simplu pentru că lucrurile sunt aranjate logic și colorate frumos. Cu JS faci efectiv acțiunea de adăugare în coș, apoi de plată și cumpărarea popriu-zisă. Treburile astea merg făcute și FĂRĂ JavaScript, dar asta ar însemna că pentru fiecare acțiune pe care o faci (inclusiv „adaugă în coș”) pagina la care te uiți ar trebui să se reîncarce complet.

[@go2grow-dezvoltarepersonal467]

@@ViorelMocanu Super! Mulțumesc pentru răspuns!

[@ViorelMocanu]

@@go2grow-dezvoltarepersonal467 E plăcerea mea! :)

[@oziPUBG]

Tehnologii web: #HTML, #CSS, #JS și relația dintre ele - Curs de Front End Development în Română - KZbin asta mi-a dat la titlu iar despre cand am auzit de HTML ,CSS,JS a fost acum cam vreo 2 saptamani cand am inceput sa caut pe youtube despre ce este un programator si acolo am vazut front si back si a m zis ca asta mi se potriveste si vreau sa invat cat pot de mult :D

[@ViorelMocanu]

Spor la treabă! :)

[@spinu97]

Prima data am auzit de html in clasa a 7a cred..pacat ca profesoara ne punea sa desenam in paint..am pierdut startul in it dar incerc sa invat singur

[@ViorelMocanu]

E foarte bine, dacă dedici suficient timp și ai răbdare, vei reuși! :)

[@anamogos9680]

Buna Viorel! Cei de la the odin recomanda sa instalez linux prin visual box Este neaparat? As avea nevoie de ajutor la partea de pregatire tehnica a spatiului de lucru

[@ViorelMocanu]

Hello! Te poți descurca lejer și fără Linux dacă vrei. Instalează GIT-ul git-scm.com/download/win de aici și o să ai inclus un terminal care seamănă cu cel de Linux, GIT Bash. Când îl rulezi, ar fi bine să-l rulezi ca „administrator” ca să ai drepturile setate corect. Dacă te blochezi pe undeva, scrie-mi aici sau pe Discord și încerc să te ajut punctual cu blocajele: discord.com/invite/UpnAutz

[@OpenDeepLearning]

Salut, am dat de tine de pe un comentariu de pe eMAG ;) . Multumesc pentru tot ce faci! Poti te rog sa schimbi thumbnail-urile la video-urile tale ca sunt mult prea cluttered? Trebuie sa stau sa ma concentrez maxim sa vad despre ce ii video-ul. Iti recomand sa faci thumbnail-uri cum le face Mosh Hamedani. Adauga un steag al Romaniei sa stie lumea ca faci tutoriale in lb romana and you're good to go. Poate vei avea succes daca schimbi thumbnail-urile, macar incearca

[@ViorelMocanu]

Nu e o idee rea deloc! O să fac un experiment imediat ce apare următorul video din curs! :) Merci!

[@Littleawp1.6]

Tema nr 2, sper ca este in regula... (3) Tehnologii web: #HTML, #CSS, #JS și relația dintre ele - Curs de Front End Development în Română - KZbin

[@florinpana67]

Salut! Eu de ieri m-am decis sa pornesc pe drumul programarii. Incep de la zero si pentru inceput am decis sa invat bazele pentru "frontend development". Urmaresc in succesiunea lor cursurile pe care le publici aici. Nu mi-e usor cu unele notiuni dar mai caut pe net si mi le explic, apoi merg mai departe. Uneori ma mai intorc pe anumite notiuni si le mai iau odata. Ce sa-i faci, sunt usor "perfectionist"! :) Raspunul meu pentru tema, iata vine la 1 an dupa ce tu ai publicat acest modul. Raspuns la tema 1: HTML inglobeaza continutul (textul), imaginile unei pagini/site; CSS este forma in care se prezinta estetic continutul (textul) si imaginile, inclusiv link-urile de acolo. JS inseamna tot ce este dinamic in pagina/site-ul respectiv si zonele de interactiune cu utilizatorul. Raspuns la tema 2: Digi24 - Stiri - Informația la putere!; Comentarii: am incercat comenzile date de tine in Firefox, unde am cateva add-ons uri. Acolo nu mi-a afisat "Elements" si nu a identificat nimic cu "

[@ViorelMocanu]

Felicitări pentru inițiativă, dacă ești perseverent și te pui la punct cu engleza sigur vei reuși! :) Răspunsurile sunt bune, bravo! Și mulțumesc pentru gândul bun.

[@babanu5039]

Am auzit in liceu prima data si mai des cu un programator cu care mai joc jocuri

[@ViorelMocanu]

Interesant, merci!

[@MariusFersedi]

Tema 1 / Am ramsa aici pe youtube ,de HTML apartine scrisul mai ingrosat . CSS este aspectul viziual de exemplu cand mergi cu mouse-ul peste vidioclip urile din dreapta a paginii . Javascript este bara de search din youtubecred ca 🙈🙈🙈 Tema 2 nu mi a iesit..am intrat in elements am facut cum ai spus doar ca imi da un html acolo si mai multe nebuneli .. da nu am vazut nimic ca un titlu..si acolo cand am dat cautare

[@ViorelMocanu]

Tema 1 - intuiția e foarte bună, ești pe drumul cel bun. Tema 2 - Trebuia să dai search după fără ghilimele :) Tema 3 - Exact, noțiunile de server sunt foarte similare cu cele din jocuri, e locul care coordonează conținutul, informația. Spor la treabă în continuare! Și aici pe KZbin și pe bit.ly/vio-digital

[@ionnutz028]

1. Am intrat pe SITEGROUND: HTML reprezintă structura paginii web, textul, pozele, etc. CSS reprezintă culorile, animațiile și estetica paginii. JavaScript reprezintă funcționalitățile paginii, cum ar fi afișarea unui dialog de autentificare atunci când apeși pe un buton. 2. Tehnologii web: #HTML, #CSS, #JS și relația dintre ele - Curs de Front End Development în Română 3. Am auzit de ceva timp despre dezvoltarea web de pe KZbin, de la anumite persoane care se ocupă cu acest lucru, însă abia acum vreau să mă apuc serios de treabă.

[@ViorelMocanu]

Bun așa. Apropo de 3 - mult succes în tot ce-ți propui!

[@ionnutz028]

@@ViorelMocanu Multumesc!

[@ViorelMocanu]

@@ionnutz028 N-ai pentru ce! :)

[@buck8082005]

tema2: acelasi site accesat...Rose - Wikipedia..pe dreapta apare : ==$0, si cand pun cursorul pe text, apare un tooltip "use $0 in the console to refer to this element"...asta trebuia sa gasesc?

[@ViorelMocanu]

Nu, dar ai ajuns deja unde trebuie: Rose - Wikipedia înseamnă că în tag-ul conținutul este: Rose - Wikipedia. :)

[@ancacotofan917]

ce parere ai de Wordpress, Elementor ?

[@ViorelMocanu]

Nu foarte bună. Îți permite să construiești lucruri în ecosistemul Wordpress, dar aici sunt două probleme. Prima e Wordpress-ul care e foarte greu de optimizat la nivel de performanță și de securitate. A doua e faptul că dacă înveți Elementor nu înveți o tehnologie sau o tehnică pe care o poți replica în alt ecosistem. Timpul dedicat Elementor eu l-aș folosi pentru HTML, CSS, JavaScript vanilla și un framework + metaframework de JavaScript (e.g. React + Next, Vue + Nuxt, Svelte + SvelteKit, Qwik + QwikCity, etc). O să te facă un profesionist mai bun pe termen lung. Sau dacă vrei exclusiv să faci site-uri în Elementor toată viața, studiază-l, dar să știi că nu e singura variantă low-code disponibilă, mai sunt și Wix, Webflow, etc.

[@irinac-cs6zc]

La 1 am scris in alt comentariu. La 2) cand apas F12 imi deschide calculatorul, dar presupun ca te refereai la cick dr si inspect. Cautand in find cuvantul "title" mi-a aparut "ytd-miniplayer.style-scope.ytd-app". Nu stiu daca asta trebuia sa gasesc. 3) Am auzit prin 2001, la liceu, dar n-am inteles ce e. Am inceput sa inteleg abia cand m-am apucat de studiat IT, prin 2018, (incepusem cu Python), apoi am renuntat ca sa invat ce imi trebuia la job si le-am inteles abia in 2022 cand am inceput un curs de web development.

[@ViorelMocanu]

Dacă ești hotărâtă să înveți, pe lângă cursul meu, parcurge în ritmul tău documentul ăsta: bit.ly/vio-digital O să te ajute să progresezi mai rapid. Multă baftă!

[@irinac-cs6zc]

@@ViorelMocanu multumesc mult.

[@ViorelMocanu]

@@irinac-cs6zc Cu multă plăcere!

[@iulianchisilencu2782]

ai idee unde as putea aplica pentru un job de tester pentru web ? pentru a capata experinta in domeniu

[@ViorelMocanu]

Urmărește video-ul ăsta - interviul cu Paul Darie care lucrează în domeniu: kzbin.info/www/bejne/kJa8Y6GsmMRqbZY - și apoi încearcă un ISTQB tryqa.com/istqb-dumps-download-mock-tests-and-sample-question-papers/ și în final aplică pe eJobs, BestJobs, LinkedIn, Hipo sau Jobber.

[@iulianchisilencu2782]

@@ViorelMocanu mulțumesc frumos! O zi faina sa aveți

[@ViorelMocanu]

@@iulianchisilencu2782 La fel și ție!

[@buck8082005]

tema 1: linkul accesat: en.wikipedia.org/wiki/Rose; 1. elemente html: continutul informativ din pagina; html linkuri (poze, alte informatii conexe) au atributul sau (nu am inteles niciodata diferenta dintre cele doua, poate ma lamuresti tu in masura in care ai timp. thx :) ), tooltipuri: cand misti mouseul peste linkuri sau anumite cuvinte din pagina, se deschide un popup (nu stiu daca este termenul corect) cu informatii , si in stanga jos apare adresa unde se pot gasi informatii detaliate despre cuvantul/expresia peste care plimbi mousel ; informatia scrisa este organizata in stil tabel, iar sectiunea "see also" este organizata ca lista ; 2. elemente CSS: linkurile isi schimba culoarea; albastru este linkul neaccesat, mov este linkul accesat; dimensiunile si pozitia pozelor din pagina; 3. elemente JS: am studiat f putin in directia asta, la nivel teoretic, stiu ca pot da o nota "animata" elementelor din pagina, butoanelor, etc (aici sincer, nu-mi dau seama daca s a folosit js sau nu); pls da-mi un feedback aici, recunosc ca sunt self learner (photoshop si corel, html, css, dreamweaver, frontpage, vba, bi, python) stiu din fiecare zona ceva iar eventualele lacune se datireaza faptului ca nu am pregatire de baza in IT si nici nu am stat pe langa un expert IT pe langa care sa pot sta sa invat intr-o maniera mai organizata)

[@ViorelMocanu]

Bună, Oana! Apropo de `_self` vs `_parent` - ai aici o postare explicativă: stackoverflow.com/questions/18470097/difference-between-self-top-and-parent-in-the-anchor-tag-target-attribute - pe scurt, dacă te gândești la faptul că o pagină web poate conține în mai multe alte pagini web folosind tag-ul , atunci când ai un link în , target-ul decide pe care din niveluri se va acționa cu schimbarea link-ului: cel curent (self), cel mai sus cu un nivel (parent) sau pe pagina principală (top - dacă sunt 3 niveluri, parent e diferit de top). Practic dacă ai 2 -uri, ai: 1. Pagina principală (top) ... aici pot fi mai multe niveluri intermediare de s 2. Pagina intermediară - primul (parent) 3. Pagina unde ai link-ul cu target - al doilea (self) Apropo de JS - dacă dai hover peste tabelul din dreapta și apar popup-urile alea mari, alea sunt făcute cu JS. Practic dacă dai hover peste toate link-urile văd că există un popup din ăsta făcut cu JS, cu excepția celor din referințe.

[@amaliatimis2617]

Buna. Am intrat pe site-ul WIZZAIR. Tema 1: HTML: Structura, ordinea in pagina, continutul, hyperlinkurile care te duc la o alta pagina, imagini. CSS: Culoarea, aspectul site-ului. JS: efectele care tin de un continut nou, accesarea unor rubrici care aduc noi informatii despre produs Tema 2: Wizzair: Wizz-Dream more. Live more. Be more.

[@ViorelMocanu]

Felicitări, Amalia! Ține-o tot așa!

[@ViorelMocanu]

Amalia, am văzut că mi-ai mai lăsat un comentariu dar acum nu-l mai găsesc, nu înțeleg de ce. Ai rezolvat între timp problema sau te mai pot ajuta cu ceva?

[@amaliatimis2617]

@@ViorelMocanu l-am sters pentru ca am reusit intre timp! Multumesc mult !!!!

[@ViorelMocanu]

@@amaliatimis2617 Mă bucur s-aud asta, spor!

[@fulviotudor7011]

Bine explicit , un fb whatsapp pentru mai multe detalii?

[@ViorelMocanu]

Ai în descrierea video-urilor mele mai multe link-uri unde mă găsești: LINK-URILE MELE ▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀ 🤵 Profil LinkedIn: www.linkedin.com/in/viorelmocanu/ 👨‍🏫 Profil Twitter: twitter.com/ViorelMocanu 🆕 Grup Facebook: facebook.com/groups/carierait 🆕 Discord: discord.gg/UpnAutz 📰 Blog: www.viorelmocanu.ro/blog/

[@neludraghici7600]

Tehnologii web: #HTML, #CSS, #JS și relația dintre ele - Curs de Front End Development în Română - KZbin

[@ViorelMocanu]

Bun, bravo! :)

[@babanu5039]

Tehnologii web: #HTML, #CSS, #JS și relația dintre ele - Curs de Front End Development în Română - KZbin

[@ViorelMocanu]

Bun așa!