{"id":59988,"date":"2022-12-12T13:37:24","date_gmt":"2022-12-12T12:37:24","guid":{"rendered":"https:\/\/codecool.com\/?p=59988"},"modified":"2022-12-12T14:30:20","modified_gmt":"2022-12-12T13:30:20","slug":"cum-sa-construiesti-un-site","status":"publish","type":"post","link":"https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/","title":{"rendered":"Cum s\u0103 construie\u0219ti un site de la zero ca un profesionist, chiar dac\u0103 e\u0219ti \u00eencep\u0103tor"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Probabil c\u0103 e\u0219ti aici pentru c\u0103 te-ai hot\u0103r\u00e2t (sau explorezi ideea) s\u0103 construie\u0219ti site-uri de la zero, fie pentru <\/span><b>a te angaja ca front end developer<\/b><span style=\"font-weight: 400;\"> \u00eentr-o companie, pentru a \u00eenva\u021b\u0103 s\u0103 faci singur paginile web de care ai nevoie la job, sau chiar <\/span><b>pentru a fi programator web pe cont propriu.\u00a0<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Dac\u0103 \u00eenc\u0103 mai ai multe \u00eentreb\u0103ri despre cum s\u0103 \u00eencepi, cum ar fi cum ajungi s\u0103 stabile\u0219ti domeniul, designul \u0219i multe alte detalii care \u021bin de de func\u021bionalitatea acestuia, sau dac\u0103 trebuie s\u0103 \u0219tii programare sau se poate \u0219i f\u0103r\u0103, <\/span><b>acesta e ghidul pentru tine<\/b><span style=\"font-weight: 400;\">.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pe net sunt o mul\u021bime de tutoriale despre cum s\u0103 construie\u0219ti site-uri simple prin WordPress, \u00a0 c\u00e2t \u0219i\u00a0 reclame la platforme care \u00ee\u021bi promit c\u0103 te \u00eenva\u021b\u0103 s\u0103 construie\u0219ti un site \u00een doar c\u00e2teva minute \u0219i cu zero cuno\u0219tin\u021be de programare &#8211;\u00a0 iar \u00eentrebarea la care vom \u00eencerca s\u0103 r\u0103spundem este \u201cce rut\u0103 s\u0103 urmezi: s\u0103 \u00eenve\u021bi s\u0103 codezi sau s\u0103 folose\u0219ti un website builder?\u201d.\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">Metodele prin care po\u021bi construi un site: Coding vs Website Builders<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">R\u0103spunsul la \u00eentrebarea \u201eCum construiesc un site?\u201d poate fi simplu sau complicat, \u00een func\u021bie de metoda pe care o alegi: cu ajutorul unui website builder sau direct prin coding.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dac\u0103 alegi s\u0103 \u00eenve\u021bi s\u0103 programezi independent, cod\u00e2nd, va fi mai complicat dec\u00e2t dac\u0103 alegi s\u0103 folose\u0219ti o platform\u0103 cu template-uri, \u00eens\u0103 rezultatul va fi de departe mult mai calitativ, indiferent dac\u0103 te consideri talentat sau nu.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Pentru a \u00eenv\u0103\u021ba s\u0103 construie\u0219ti site-uri de la zero, trebuie s\u0103 \u0219tii limbajele HTML, CSS \u0219i JavaScript &#8211;\u00a0 \u00eens\u0103 nu este deloc pe at\u00e2t de complicat pe cum sun\u0103.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Platformele cu template-uri precum Wix, Weebly sau Squarespace vor p\u0103rea la \u00eenceput c\u0103 \u00ee\u021bi fac via\u021ba mai u\u0219oar\u0103, \u00eens\u0103 pe parcurs vei da piept cu multe dificult\u0103\u021bi \u0219i vei fi nevoit s\u0103 alegi variante de compromis care fie te vor costa bani, fie detalii care \u021bin de aspectul \u0219i calitatea site-ului pentru care lucrezi.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Platformele pot fi folositoare dac\u0103 nu vrei s\u0103 \u00eencepi un business sau o carier\u0103 din a face construc\u021bia de site-uri la nivel profi. Dac\u0103 \u00eens\u0103 vrei s\u0103 te \u00eendrep\u021bi c\u0103tre a face site-uri ca un profesionist, iat\u0103 ce trebuie s\u0103 \u0219tii despre avantajele \u0219i dezavantajele fiec\u0103rei metode.<\/span><\/p>\n<p><b>A\u0219adar, iat\u0103 o compara\u021bie \u00eentre de ce s\u0103 \u00eenve\u021bi s\u0103 scrii codul site-ului vs s\u0103 folose\u0219ti platforme de website building:<\/b><\/p>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"aligncenter wp-image-59564 size-full\" src=\"https:\/\/codecool.com\/wp-content\/uploads\/2022\/12\/cel-mai-bun-curs-de-programare.jpeg\" alt=\"curs programare online\" width=\"800\" height=\"534\" srcset=\"https:\/\/codecool.com\/wp-content\/uploads\/2022\/12\/cel-mai-bun-curs-de-programare.jpeg 800w, https:\/\/codecool.com\/wp-content\/uploads\/2022\/12\/cel-mai-bun-curs-de-programare-300x200.jpeg 300w, https:\/\/codecool.com\/wp-content\/uploads\/2022\/12\/cel-mai-bun-curs-de-programare-768x513.jpeg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<h3><span style=\"font-weight: 400;\">1. Cod\u00e2nd de la zero, vei avea 100% control asupra site-ului<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Paginile construite cu ajutorul platformelor r\u0103m\u00e2n pe platformele respective. Este foarte dificil s\u0103 le transferi apoi, deoarece codul surs\u0103 este tradus \u00een metadate. Majoritatea platformelor opereaz\u0103 astfel, ceea ce \u00eenseamn\u0103 c\u0103 dac\u0103 vrei s\u0103 \u00ee\u021bi transferi site-ul pe o alt\u0103 platform\u0103, va trebui s\u0103 reconstruie\u0219ti paginile \u00eempreun\u0103 cu toate func\u021bionalit\u0103\u021bile acestora.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">2. Platformele gratuite nu sunt de cele mai multe ori gratuite<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Am auzit cu to\u021bii expresia \u201ec\u00e2t dai, at\u00e2t face\u201d &#8211; este valabil\u0103 \u0219i pentru platformele de template-uri. De cele mai multe ori, versiunea gratis este foarte limitat\u0103 din punct de vedere al tool-urilor pe care le vei avea la dispozi\u021bie sau va trebui s\u0103 pl\u0103te\u0219ti la un moment dat pentru a accesa alte op\u021biuni de care vei avea nevoie. De asemenea, versiunile gratis ofer\u0103 \u0219i spa\u021biu de stocare foarte limitat, a\u0219a c\u0103 pe parcurs, s-ar putea s\u0103 fii nevoit s\u0103 faci un upgrade la o versiune premium pentru c\u0103 ai r\u0103mas f\u0103r\u0103 spa\u021biu de stocare pe serverele lor din versiunea gratuit\u0103.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00cen plus, multe platforme vor afi\u0219a reclame pe pagina ta &#8211; reclame care nu sunt relevante pentru tine \u0219i pentru care nu te vor pl\u0103ti.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">3. \u00ce\u021bi vei \u00een\u021belege mai bine propriul cod<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Dac\u0103 te pricepi la programare, scrierea codului nu te va solicita mai mult dec\u00e2t s\u0103 construie\u0219ti un site folosind codul altcuiva. Ba chiar s-ar putea s\u0103 \u00ee\u021bi ia mai pu\u021bin. Atunci c\u00e2nd folose\u0219ti codul altcuiva, vei petrece mai mult timp integr\u00e2ndu-l \u0219i finis\u00e2ndu-l astfel \u00eenc\u00e2t s\u0103 arate a\u0219a cum \u00ee\u021bi dore\u0219ti.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00cen unele cazuri, s-ar putea chiar s\u0103 nu \u00een\u021belegi toate func\u021biile site-ului \u0219i apoi s\u0103 te treze\u0219ti cu ni\u0219te consecin\u021be nepl\u0103cute sau, \u0219i mai r\u0103u, este posibil s\u0103 aib\u0103 func\u021bii de care nici s\u0103 nu fii con\u0219tient \u0219i care s\u0103 te afecteze negativ.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u0218i, bine\u00een\u021beles, \u00een cazul unui defect sau bug, vei petrece mai mult timp rul\u00e2nd diagnostice pe codul altcuiva dec\u00e2t pe codul propriului site. Acest lucru este valabil \u0219i \u00een cazul \u00een care vrei s\u0103 mai adaugi func\u021bii sau s\u0103 le schimbi.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Ideea nu este s\u0103 refuzi orice tool dezvoltat de altcineva (\u0219i aici nu vorbim doar despre platformele care te ajut\u0103 s\u0103 dezvol\u021bi site-uri), pentru c\u0103 mule sunt foarte folositoare, \u0219i chiar \u0219i programatorii experimenta\u021bi se folosesc de ele, ci s\u0103 fii con\u0219tient c\u0103 odat\u0103 \u00eencorporat, tool-ul respectiv s-ar putea s\u0103 vin\u0103 la pachet cu riscuri \u0219i complica\u021bii. A\u0219a c\u0103 trebuie s\u0103 le alegi cu aten\u021bie.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">4. Codul scris de tine va fi \u00eentotdeauna mai eficient<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Eficien\u021ba este unul dintre principiile de baz\u0103 ale program\u0103rii. Iar codurile scrise de c\u0103tre platforme vor fi de multe mai complexe. Analizeaz\u0103 codul surs\u0103 al acestor template-uri \u0219i vei vedea c\u0103 URL-ul con\u021bine foarte multe metadate cu multe instruc\u021biuni. Dac\u0103 site-ul este gratis, atunci multe dintre instruc\u021biuni indic\u0103 reclame pe care nu ai cum s\u0103 le elimini.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Fiind at\u00e2t de \u00eenc\u0103rcat, \u00eenseamn\u0103 c\u0103 URL-ul depinde de foarte multe componente externe. Iar acest lucru va cre\u0219te \u0219ansele ca site-ul respectiv s\u0103 pice sau s\u0103 \u00eent\u00e2mpine dificult\u0103\u021bi tehnice.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">5. Codul t\u0103u va fi mai sigur<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Aici este destul de evident. Codul t\u0103u va fi \u00een mod evident mai sigur dec\u00e2t cel al unui site 3rd party. Din cauza faptului c\u0103 aceste platforme folosesc acela\u0219i cod pentru toate site-urile, sunt o \u021bint\u0103 atractiv\u0103 pentru hackeri.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">6. Codul original va fi mult mai valoros pentru viitorii clien\u021bi<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Ai observat vreodat\u0103 c\u0103 unele site-uri au foarte multe \u00een comun? \u0218i c\u0103 din c\u00e2nd \u00een c\u00e2nd mai dai peste site-uri care par s\u0103 aib\u0103 <\/span><i><span style=\"font-weight: 400;\">prea multe <\/span><\/i><span style=\"font-weight: 400;\">\u00een comun? Acest lucru se \u201cdatoreaz\u0103\u201d platformelor bazate pe template-uri.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Nu este nimic r\u0103u s\u0103 folose\u0219ti template-uri dac\u0103 le customizezi \u0219i le transformi \u00een ceva original, \u00eens\u0103 dac\u0103 e\u0219ti developer \u0219i folose\u0219ti template-uri f\u0103r\u0103 a le customiza, atunci \u00eentr-un final te vei trezi cu mai pu\u021bine proiecte, deoarece clien\u021bii apeleaz\u0103 la serviciile tale pentru a le livra un produs unic \u0219i personalizat care s\u0103 se plieze nevoilor lor.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">7. Un website builder \u00ee\u021bi poate limita accesibilitatea de pe mobil\u00a0\u00a0<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Codul este extrem de important pentru ca utilizatorii site-ului t\u0103u s\u0103 beneficieze \u0219i de o versiune de mobil optimizat\u0103. Multe platforme de template-uri de site nu stau foarte bine la capitolul optimizarea versiunii de mobil. De ce conteaz\u0103 acest lucru? Pentru c\u0103 de mai bine de cativa ani, in majoritatea ni\u0219elor vizualizarile site-urilor de pe device-uri mobile le-au dep\u0103\u0219it pe cele de pe desktop.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Folosind unele platforme, este posibil s\u0103 \u00eent\u00e2mpini dificult\u0103\u021bi \u00een vizualizarea site-ului de pe mobil, iar acest lucru se datoreaz\u0103 faptului c\u0103 platforma nu \u00ee\u021bi permite modific\u0103ri pentru aceast\u0103 versiune. A\u0219a c\u0103 vei fi limitat la designul oferit de c\u0103tre platform\u0103, care s-ar putea s\u0103 nu fie ideal.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">8. Varianta <\/span><i><span style=\"font-weight: 400;\">live<\/span><\/i><span style=\"font-weight: 400;\"> a site-ului poate fi diferit\u0103 de cea previzualizat\u0103<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Majoritatea platformelor au op\u021biunea de a folosi varianta de <\/span><i><span style=\"font-weight: 400;\">previzualizare<\/span><\/i><span style=\"font-weight: 400;\"> \u00eenainte de a \u00ee\u021bi publica site-ul. \u00cens\u0103 exist\u0103 cazuri \u00een care varianta previzualizat\u0103 \u0219i cea publicat\u0103 nu sunt la fel. Motiv pentru care ri\u0219ti s\u0103 pierzi timp cre\u00e2nd un site care nu va ar\u0103ta a\u0219a cum \u00ee\u021bi dore\u0219ti. Acest lucru s-ar putea dovedi frustrant \u0219i te vei trezi limitat de capacit\u0103\u021bile platformei.\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-26622 size-full\" src=\"https:\/\/codecool.com\/wp-content\/uploads\/2022\/01\/java_02-1024x683-1.jpg\" alt=\"cum construiesti site\" width=\"1024\" height=\"683\" srcset=\"https:\/\/codecool.com\/wp-content\/uploads\/2022\/01\/java_02-1024x683-1.jpg 1024w, https:\/\/codecool.com\/wp-content\/uploads\/2022\/01\/java_02-1024x683-1-300x200.jpg 300w, https:\/\/codecool.com\/wp-content\/uploads\/2022\/01\/java_02-1024x683-1-768x512.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h3><span style=\"font-weight: 400;\">9. Cu un builder vei avea mereu un design prestabilit<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">De\u0219i genul acesta de platforme ofer\u0103 o varietate de template-uri din care po\u021bi alege designul site-ului, acestea vin cu slot-uri prestabilite pentru poze \u0219i text. De aceea, dac\u0103 ai nevoie de mai mult spa\u021biu pentru unul dintre elementele de mai sus, s-ar putea s\u0103 nu ai alt\u0103 cale dec\u00e2t s\u0103 faci \u00een a\u0219a fel \u00eenc\u00e2t s\u0103 te \u00eencadrezi \u00een slot-urile prestabilite. \u00cen plus, acest lucru contribuie \u0219i la motivul men\u021bionat mai sus, \u0219i anume c\u0103 multe site-uri ajung s\u0103 arate la fel.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">10. Nu vei putea livra un site optimizat din punct de vedere SEO<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Cele mai multe platforme cu template-uri nu integreaz\u0103 complet toate elementele de SEO necesare procesului de creare a unui site. Site-urile au nevoie de aceste optimiz\u0103ri pentru a \u00ee\u0219i \u00eendeplini scopul pentru care au fost create, \u0219i anume acela de a converti vizitatori \u00een clien\u021bi. Printre acestea, se num\u0103r\u0103 inclusiv numele URL-ului, care de cele mai multe ori \u00een cazul platformelor cu template-uri gratuite, va con\u021bine \u0219i numele platformei. Acest nume va fi greu de re\u021binut de c\u0103tre poten\u021bialii clien\u021bi \u0219i nu \u00ee\u021bi va oferi credibilitate.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">11. Scriind singur codul, te vei dezvolta ca programator<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Toate provoc\u0103rile pe care le vei \u00eent\u00e2lni \u00een \u00eencercarea de a crea de la zero un site te vor face un programator mai bun. Astfel, vei dob\u00e2ndi mai mult\u0103 experien\u021b\u0103 \u0219i vei deveni un coder mai bun \u0219i mai eficient \u00een timp, deoarece vei \u00eenv\u0103\u021ba de la proiect la proiect, iar lucrurile vor deveni mai u\u0219oare odat\u0103 ce cape\u021bi experien\u021b\u0103.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">De aceea, curba de \u00eenv\u0103\u021bare \u00een cazul codingului este mai mare la \u00eenceput, procesul devenind ulterior mai u\u0219or. Pe de alt\u0103 parte, folosirea platformelor poate p\u0103rea u\u0219oar\u0103 la \u00eenceput, \u00eens\u0103 vei descoperi c\u0103 este posibil s\u0103 \u00eent\u00e2mpini de fiecare dat\u0103 acelea\u0219i glitch-uri \u0219i dificult\u0103\u021bi, pe care nu ai cum s\u0103 le rezolvi ca atunci c\u00e2nd ai scrie singur codul.\u00a0\u00a0\u00a0\u00a0<\/span><\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-28065 size-full\" src=\"https:\/\/codecool.com\/wp-content\/uploads\/2020\/05\/java-incepatori-1024x684-1.jpg\" alt=\"cum construiesti website\" width=\"1024\" height=\"684\" srcset=\"https:\/\/codecool.com\/wp-content\/uploads\/2020\/05\/java-incepatori-1024x684-1.jpg 1024w, https:\/\/codecool.com\/wp-content\/uploads\/2020\/05\/java-incepatori-1024x684-1-300x200.jpg 300w, https:\/\/codecool.com\/wp-content\/uploads\/2020\/05\/java-incepatori-1024x684-1-768x513.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">Ce pa\u0219i trebuie s\u0103 faci ca s\u0103 po\u021bi construi un site de la zero<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Avand aceasta comparatie in fata ta, daca si tu consideri ca cea mai bun\u0103 metod\u0103 de a construi un site la nivel profesionist este s\u0103 scrii singur codul, mai r\u0103m\u00e2ne de stabilit doar care sunt cuno\u0219tin\u021bele pe care trebuie s\u0103 le ai pentru a putea face acest lucru.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dac\u0103 nu ai mai construit niciun site p\u00e2n\u0103 acum, \u021bi s-ar putea p\u0103rea ceva extraordinar. Hosting, numele domeniului, limbaje de programare\u2026 poti avea o prima impresie ca nu le vei deslusi prea usor<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00cens\u0103 lucrurile nu sunt at\u00e2t de complicate, iar satisfac\u021bia c\u0103 vei crea ceva de la zero este nemaipomenit\u0103. Vei \u00eenv\u0103\u021ba o mul\u021bime de lucruri \u00een timp ce te vei confrunta cu dificult\u0103\u021bile cre\u0103rii unei pagini noi, iar toate acestea \u00ee\u021bi vor fi de ajutor de azi \u00eenainte.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Iar odat\u0103 ce \u00ee\u021bi vei perfec\u021biona cuno\u0219tin\u021bele de front-end development, \u021bi se vor ivi multe oportunit\u0103\u021bi. \u0218tiai c\u0103 \u00een prezent, <\/span><a href=\"https:\/\/codecool.com\/ro\/blog\/studiu-deficit-programatori-romani\/\"><b>numai \u00een Rom\u00e2nia exist\u0103 un deficit de 15.400<\/b><\/a><span style=\"font-weight: 400;\"> de programatori lips\u0103 din pia\u021ba muncii?<\/span><b>\u00a0<\/b><\/p>\n<p><span style=\"font-weight: 400;\">Dac\u0103 vei descoperi c\u0103 e\u0219ti interesat de dezvoltarea site-urilor, te a\u0219tept\u0103m la <\/span><b>Codecool<\/b><span style=\"font-weight: 400;\"> la <\/span><a href=\"https:\/\/codecool.com\/ro\/course\/front-end\/\"><b>cursul nostru de front end development<\/b><\/a><span style=\"font-weight: 400;\">. Acesta dureaz\u0103 doar 16 s\u0103pt\u0103m\u00e2ni, iar la sf\u00e2r\u0219it vei avea cuno\u0219tin\u021bele necesare pentru a crea site-uri\u00a0 interactive, precum \u0219i aplica\u021bii web.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">A\u0219adar, iat\u0103 ce trebuie s\u0103 \u0219tii dac\u0103 te g\u00e2nde\u0219ti s\u0103 construie\u0219ti un site de la zero.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">1. Cump\u0103r\u0103 un domeniu<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Primul pas pentru oricine vrea sa fac\u0103 un site este s\u0103 cumpere un domeniu. Fie ca este pentru tine, sau clientul t\u0103u va veni la tine cu aceasta nevoie, un domeniu este echivalentul unei adrese. A\u0219a cum tu locuie\u0219ti la o adres\u0103, \u0219i site-ul t\u0103u trebuie s\u0103 aib\u0103 una. <\/span><a href=\"http:\/\/www.codecool.ro\"><span style=\"font-weight: 400;\">www.codecool.com\/ro<\/span><\/a><span style=\"font-weight: 400;\"> este adresa noastr\u0103.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Iar \u00eenainte de a ajunge la a cump\u0103ra domeniul, trebuie s\u0103 te g\u00e2nde\u0219ti la mai multe posibilit\u0103\u021bi (\u00een cazul \u00een care numele la care te-ai g\u00e2ndit ini\u021bial este deja luat), \u00een func\u021bie de scopul \u0219i de afacerea pe care le reprezint\u0103 site-ul. Odat\u0103 ce ai g\u0103sit numele potrivit \u0219i ai verificat dac\u0103 este disponibil, urm\u0103torul pas este s\u0103 \u00eel cumperi. De cele mai multe ori, site-ul pe care \u00eel alegi pentru hosting \u00ee\u021bi poate vinde \u0219i numele domeniului.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">2. Alege o platforma de hosting<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Exist\u0103 sute de site-uri care ofer\u0103 servicii de hosting, a\u0219a c\u0103 s-ar putea s\u0103 \u00ee\u021bi fie dificil s\u0103 alegi unul. Sfatul nostru este s\u0103 alegi dintre cele mai populare, care sunt de mult timp pe pia\u021b\u0103, \u00een a\u0219a fel \u00eenc\u00e2t s\u0103 nu te treze\u0219ti cu surprize nepl\u0103cute. Odat\u0103 ce ai ales site-ul de hosting \u0219i numele domeniului, po\u021bi s\u0103 \u00eencepi s\u0103 \u00ee\u021bi construie\u0219ti site-ul.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">3. Scrie cod in HTML<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">De\u0219i mul\u021bi \u00eel numesc limbaj de programare, HTML sau HyperText Markup Language nu este unul. HTML-ul face ca toate elementele site-ului s\u0103 func\u021bioneze. Este ca un schelet pe care construie\u0219ti \u0219i \u00een orice caz trebuie neap\u0103rat s\u0103 ai cuno\u0219tin\u021be foarte bune de HTML dac\u0103 vrei s\u0103 \u00ee\u0219i faci un site.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">HTML-ul \u00eei spune site-ului ce text trebuie s\u0103 apar\u0103 pe pagin\u0103, unde ar trebui s\u0103 fie imaginile \u0219i unde ar trebui s\u0103 duc\u0103 link-urile. HTML-ul este foarte u\u0219or de \u00eenv\u0103\u021bat, fiind \u0219i foarte intuitiv. Acesta este alc\u0103tuit din tag-uri precum &lt;title&gt;&lt;\/title&gt;, &lt;body&gt;&lt;\/body&gt;,\u00a0 &lt;img src=&#8221;&#8221;&gt; \u0219i altele de acela\u0219i fel, fiind foarte u\u0219or s\u0103 \u00ee\u021bi dai seama c\u0103 \u00eentre tagurile &lt;title&gt; intr\u0103 titlu paginii \u0219i c\u0103 dup\u0103\u00a0 &lt;img src=&#8221;&#8221;&gt; urmeaz\u0103 sursa unei imagini care trebuie afi\u0219at\u0103.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Tot cu ajutorul HTML po\u021bi formata textul \u00een func\u021bie de Heading-uri sau paragrafe sau chiar colora.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">4. Adaug\u0103 elemente de stil \u00een CSS<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Dac\u0103 HTML \u00eei \u201espune\u201d site-ului unde s\u0103 pozi\u021bioneze anumite elemente \u0219i ce trebuie s\u0103 fac\u0103 acestea, CSS sau Cascading Style Sheets este un limbaj care \u00eei spune site-ului cum trebuie s\u0103 arate respectivele elemente.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dac\u0103 folosind HTML-ul putem crea o pagin\u0103 de web pe care s\u0103 apar\u0103 un text simplu precum \u201e\u00cenv\u0103\u021b cum s\u0103 construiesc un site\u201d, cu ajutorul CSS putem schimba mai mult dec\u00e2t culoarea textului. Putem schimba fontul, m\u0103rimea (dincolo de Heading \u0219i paragraf), alineatul \u0219i pozi\u021bia acestuia \u00een pagin\u0103, precum \u0219i multe alte lucruri. \u00cen cazul site-urilor mai complexe, singurele tale limite vor imagina\u021bia \u0219i c\u00e2t de bine st\u0103p\u00e2ne\u0219ti HTML \u0219i CSS &#8211; cel pu\u021bin c\u00e2nd vine vorba de cum va ar\u0103ta site-ul.\u00a0<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">5. Manipuleaz\u0103 elementele de coding \u0219i design prin JavaScript<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Dac\u0103 HTML \u0219i CSS sunt limbaje care \u00eei spun browser-ului t\u0103u cum s\u0103 genereze o pagin\u0103, JavaScript este un adev\u0103rat limbaj de programare, \u0219i unul esen\u021bial pentru to\u021bi front end developers.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">De ce ai avea nevoie de JavaScript? S\u0103 spunem c\u0103 vrei s\u0103 construie\u0219ti un site cu trei sec\u021biuni: HOME, GRAPHIC DESIGN PORTFOLIO \u0219i CONTACT ME. Po\u021bi insera link-uri c\u0103tre aceste sec\u021biuni cu ajutorul HTML \u0219i apoi s\u0103 stilizezi link-ul pentru ca acesta s\u0103 apar\u0103 ca un buton cu ajutorul CSS &#8211; ceea ce este ok, pentru un site simplu. \u00cens\u0103 dac\u0103 vrei s\u0103 adaugi, de exemplu, anima\u021bii, atunci trebuie s\u0103 \u0219tii JavaScript pentru a face lucrurile mai interesante.<\/span><\/p>\n<h3><span style=\"font-weight: 400;\">6. Alege un software de Website Building pe care trebuie s\u0103 le cuno\u0219ti<\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Acum c\u0103 am clarificat primii pa\u0219i pe care trebuie s\u0103 \u00eei faci pentru a construi un site, trebuie s\u0103 alegem un software potrivit. Odat\u0103 ce ai \u00eenv\u0103\u021bat cum s\u0103 scrii \u00een HTML \u0219i CSS \u0219i s\u0103 folose\u0219ti JavaScript, pasul urm\u0103tor este s\u0103 te folose\u0219ti de fi\u0219ierele .html, .css \u0219i .js pentru a le uploada pe noul site prin platforma de hosting aleas\u0103.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Care sunt tool-uri de care ai nevoie pentru acest proces?<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">1. Solu\u021bii integrate pentru dezvoltarea aplica\u021biilor web sau mobile<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">IDEs sau Integrated Development Environments sunt software-uri speciale care con\u021bin toate resursele de care ai nevoie pentru a construi un website sau o aplica\u021bie.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">\u00cen func\u021bie de nivelul t\u0103u \u0219i de site-urile pe care vrei s\u0103 le creezi, po\u021bi folosi WebStorm, Visual Studio Code sau Adobe Dreamweaver, \u00eens\u0103 pentru \u00eenceput po\u021bi lucra cu editoarele de text.\u00a0<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">2. Editoarele de text<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Pentru \u00eenceput, un editor de text va fi mai mult dec\u00e2t suficient pentru a crea un site func\u021bional de la zero. Vei g\u0103si mai multe variante, printre acestea num\u0103r\u00e2ndu-se Atom, Notepad ++, Vim, Brackets sau Sublime.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Cum func\u021bioneaz\u0103? Foarte simplu. Trebuie doar s\u0103 creezi un document nou, s\u0103 scrii codul HTML a\u0219a cum ai \u00eenv\u0103\u021bat \u0219i apoi s\u0103 \u00eel salvezi cu extensia .html. Apoi vei crea un link \u00eentre documentele HTML \u0219i CSS pentru ca cel din urm\u0103 s\u0103 controleze detaliile care \u021bin de aspect. Asta e tot ce \u00ee\u021bi trebuie pentru a construi o pagin\u0103 de wevb. Nu trebuie dec\u00e2t s\u0103 o deschizi cu browserul. Dup\u0103 ce ai pus la punct aspectul paginii, uploadeaz\u0103 fi\u0219ierele \u00een platforma de hosting, iar pagina va fi live.\u00a0<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">3. Automated tools<\/span><i><span style=\"font-weight: 400;\"> &#8211; <\/span><\/i><span style=\"font-weight: 400;\">WordPress<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">De\u0219i e foarte simplu s\u0103 construie\u0219ti o pagin\u0103 cu un editor de text pentru HTML \u0219i CSS, lucrurile se pot complica \u00een cazul \u00een care \u00ee\u021bi dore\u0219ti un site mai complex. De exemplu, dac\u0103 vrei s\u0103 adaugi un blog. Desigur c\u0103 ai putea ad\u0103uga un blog.html pe care s\u0103 \u00eel conectezi cu site-ul t\u0103u, \u00eens\u0103 \u00ee\u021bi va fi foarte dificil s\u0103 adaugi con\u021binut nou. Cu tool-urile automatizate, \u00ee\u021bi este mult simplu!<\/span><\/p>\n<p><span style=\"font-weight: 400;\">WordPress este una dintre cele mai folosite platforme pentru site-uri. Este un sistem de content management cu o varietate bogat\u0103 de template-uri \u0219i plugin-uri. Dac\u0103 ai nevoie ca site-ul t\u0103u s\u0103 \u00eendeplineasc\u0103 o anumit\u0103 func\u021bie, sunt \u0219anse mari ca WordPress s\u0103 aib\u0103 un plugin pentru asta.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Crearea unui site pe WordPress este foarte u\u0219oar\u0103, iar customizarea se poate face fie folosind temele WordPress, fie personaliz\u00e2ndu-le cu ajutorul cuno\u0219tin\u021belor tale de CSS.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Dac\u0103 vrei sa te indrepti c\u0103tre o cariera in web development \u0219i vrei s\u0103 \u00eenve\u021bi cum s\u0103 creezi site-uri de la zero, fie pentru tine, pentru clien\u021bii t\u0103i sau pentru proiecte de freelance, atunci trebuie s\u0103 st\u0103p\u00e2ne\u0219ti perfect toate trei limbajele.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Indiferent dac\u0103 vrei s\u0103 lucrezi \u00een programare sau s\u0103 avansezi \u00een carier\u0103 c\u0103tre un rol mai tehnic cu ajutorul cuno\u0219tin\u021belor de front-end, te a\u0219tept\u0103m la <\/span><a href=\"https:\/\/codecool.com\/ro\/course\/front-end\/\"><b>cursul nostru de front-end development.<\/b><\/a><span style=\"font-weight: 400;\">\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Acesta este structurat \u00een <\/span><b>patru module, desfasurate pe durata a 16 saptamani in total,<\/b><span style=\"font-weight: 400;\"> iar la sf\u00e2r\u0219it vei reu\u0219i s\u0103 creezi site-uri dinamice \u0219i interactive, precum \u0219i aplica\u021bii web.\u00a0<\/span><\/p>\n<h2><span style=\"font-weight: 400;\">De ce skill-uri ai nevoie pentru a deveni Front-End Developer, pe l\u00e2ng\u0103 cunoa\u0219terea HTML, CSS \u0219i JavaScript?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">\u00cen ceea ce prive\u0219te skill-urile tehnice, limbajele enumerate mai sus, \u0219i anume HTML, CSS \u0219i JavaScript sunt numitorul comun care apar \u00een majoritatea anun\u021burilor de joburi care caut\u0103 s\u0103 angajeze programatori de front end.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-59554 size-full\" src=\"https:\/\/codecool.com\/wp-content\/uploads\/2022\/12\/curs-programare-pareri.jpeg\" alt=\"cum construiesti site de la zero\" width=\"800\" height=\"533\" srcset=\"https:\/\/codecool.com\/wp-content\/uploads\/2022\/12\/curs-programare-pareri.jpeg 800w, https:\/\/codecool.com\/wp-content\/uploads\/2022\/12\/curs-programare-pareri-300x200.jpeg 300w, https:\/\/codecool.com\/wp-content\/uploads\/2022\/12\/curs-programare-pareri-768x512.jpeg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<p><span style=\"font-weight: 400;\">E ok s\u0103 \u00eencepi cu cuno\u0219tin\u021bele de baz\u0103, \u00eens\u0103 dac\u0103 vrei s\u0103 ajungi un front-end developer r\u00e2vnit de c\u0103tre angajatori, trebuie s\u0103 \u00ee\u021bi mai adaugi la CV c\u00e2teva skill-uri care s\u0103 te fac\u0103 s\u0103 ie\u0219i \u00een eviden\u021b\u0103 &#8211; \u00ee\u021bi va fi de ajutor s\u0103 cuno\u0219ti \u0219i un JS framework, precum Angular, React sau Vue.js. Acestea sunt folosite \u00een special pentru optimizarea componentelor JavaScript.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Practic, orice cuno\u0219tin\u021be sau limbaje pe care le vei \u00eenv\u0103\u021ba pe l\u00e2ng\u0103 cele de baz\u0103, \u00ee\u021bi vor oferi un avantaj \u00een fa\u021ba competitorilor, dar \u0219i mai mul\u021bi bani c\u00e2nd va veni vorba de salariu.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Iat\u0103 ce alte cuno\u0219tin\u021be ar fi util s\u0103 ai \u00een repertoriu atunci c\u00e2nd te \u00eendrep\u021bi c\u0103tre o cariera \u00een a construi website-uri \u0219i aplica\u021bii:<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">1. \u00cenva\u021b\u0103 c\u00e2teva framework-uri de JavaScript<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Angular, Backbone, jQuery, React, Ember, toate \u00ee\u021bi vor face via\u021ba mai u\u0219oar\u0103 atunci c\u00e2nd va trebui s\u0103 construie\u0219ti un site, dar \u0219i \u00een cadrul procesului de angajare. Cu c\u00e2t \u0219tii mai multe, cu at\u00e2t \u021bi se vor ivi mai multe op\u021biuni. Din moment ce JavaScript este un limbaj front-end de baz\u0103, cu c\u00e2t \u0219tii mai multe framework-uri, cu at\u00e2t vei deveni un developer mai bun.\u00a0<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">2. JSON<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Aceast\u0103 sintax\u0103 de JavaScript te va ajuta s\u0103 \u00ee\u021bi structurezi datele pentru ca acestea s\u0103 fie transmise \u00eentre servere \u0219i aplica\u021bii web. JSON este de o importan\u021b\u0103 vital\u0103 \u00een ziua de azi, datorit\u0103 cre\u0219terii de API-uri \u0219i framework-uri, dar este \u0219i foarte u\u0219or de \u00een\u021beles, dac\u0103 \u00een\u021belegi sintaxa JavaScript.\u00a0<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">3. \u00cenva\u021b\u0103 skill-uri de UI\/UX<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Din moment ce programatorii de front-end lucreaz\u0103 cu partea site-urilor vizibil\u0103 clien\u021bilor \u0219i utilizatorilor, este foarte important s\u0103 \u00een\u021beleag\u0103 ce conteaz\u0103 pentru ace\u0219tia. Ce elemente se potrivesc cel mai bine din punct de vedere vizual? Cum le po\u021bi oferi o experien\u021b\u0103 c\u00e2t mai bun\u0103? Ce fel de utilizatori va avea site-ul \u0219i la ce se a\u0219teapt\u0103 ace\u0219tia?\u00a0 Toate acestea sunt \u00eentreb\u0103ri la care e bine s\u0103 ai un r\u0103spuns \u00een calitate de front-end developer.\u00a0<\/span><\/p>\n<h4><span style=\"font-weight: 400;\">4. No\u021biuni de baz\u0103 de Python, Java sau Ruby<\/span><\/h4>\n<p><span style=\"font-weight: 400;\">Chiar \u0219i \u00een calitate de front-end developer, este posibil s\u0103 te love\u0219ti de c\u00e2teva limbaje de back-end precum Python, Ruby sau Java. Pentru a putea construi un produs complet func\u021bional, va trebui la un moment dat s\u0103 integrezi codul de front-end cu tehnologiile de back-end sau s\u0103 colaborezi cu programatori de back-end sau full-stack.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Cu toate acestea, de\u0219i e bine s\u0103 ai c\u00e2teva no\u021biuni de baz\u0103, nu trebuie s\u0103 \u0219tii in detaliu limbajele de back-end pentru a fi un front-end developer bun.\u00a0<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-57225 size-full\" src=\"https:\/\/codecool.com\/wp-content\/uploads\/2022\/11\/cc-romania-1.jpg\" alt=\"cum construiesti site\" width=\"1000\" height=\"845\" srcset=\"https:\/\/codecool.com\/wp-content\/uploads\/2022\/11\/cc-romania-1.jpg 1000w, https:\/\/codecool.com\/wp-content\/uploads\/2022\/11\/cc-romania-1-300x254.jpg 300w, https:\/\/codecool.com\/wp-content\/uploads\/2022\/11\/cc-romania-1-768x649.jpg 768w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<h2><span style=\"font-weight: 400;\">E\u0219ti gata s\u0103 \u00eenve\u021bi s\u0103 construie\u0219ti site-uri de la zero?<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">Acum c\u0103 am r\u0103spuns la toate \u00eentreb\u0103rile care \u021bin de dezvoltarea site-urilor, te a\u0219tept\u0103m la <\/span><b>Codecool, <\/b><span style=\"font-weight: 400;\">la <\/span><a href=\"https:\/\/codecool.com\/ro\/course\/front-end\/\"><b>cursul nostru de<\/b> <b>front-end development <\/b><\/a><b>\u00a0<\/b><span style=\"font-weight: 400;\">pentru a aprofunda toate limbajele \u0219i uneltele necesare pentru a construi site-uri dinamice \u0219i interactive, precum \u0219i aplica\u021bii web, toate folosind ultimele tehnologii \u0219i ghidat de mentorii no\u0219tri.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Po\u021bi deveni Junior Front-End Developer \u00een doar 16 s\u0103pt\u0103m\u00e2ni. Folose\u0219te \u0219ansa de a te (re)califica profesional pentru una dintre cele mai r\u00e2vnite profesii, sau f\u0103 cursul pentru a avea mai multe oportunit\u0103\u021bi la jobul actual sau \u00een viitoarea ta afacere!<\/span><\/p>\n<h4><a href=\"https:\/\/codecool.com\/ro\/course\/front-end\/\"><b>F\u0103 primul pas catre a deveni programator web::<\/b><\/a><\/h4>\n<h4><a href=\"https:\/\/codecool.com\/ro\/course\/front-end\/\"><b>\u00eenscrie-te la cursul online de front end development de 16 saptamani de la\u00a0 Codecool!<\/b><\/a><\/h4>\n","protected":false},"excerpt":{"rendered":"<p>Probabil c\u0103 e\u0219ti aici pentru c\u0103 te-ai hot\u0103r\u00e2t (sau explorezi ideea) s\u0103 construie\u0219ti site-uri de la zero, fie pentru a te angaja ca front end developer \u00eentr-o companie, pentru a \u00eenva\u021b\u0103 s\u0103 faci singur paginile web de care ai nevoie la job, sau chiar pentru a fi programator web pe cont propriu.\u00a0 Dac\u0103 \u00eenc\u0103 mai [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":59564,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[175,437],"tags":[],"class_list":["post-59988","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-resurse","category-tehnologie-ro"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.4 (Yoast SEO v24.4) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cum sa faci un Site de la zero, ca un Pro [Ghid Incepatori] - Codecool<\/title>\n<meta name=\"description\" content=\"Sa inveti sa codezi, sau sa folosesti un website builder? Afla cum sa construiesti un site de la zero, care sunt pasii si cum sa o faci la nivel profesionist!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/\" \/>\n<meta property=\"og:locale\" content=\"ro_RO\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cum s\u0103 construie\u0219ti un site de la zero ca un profesionist, chiar dac\u0103 e\u0219ti \u00eencep\u0103tor\" \/>\n<meta property=\"og:description\" content=\"Sa inveti sa codezi, sau sa folosesti un website builder? Afla cum sa construiesti un site de la zero, care sunt pasii si cum sa o faci la nivel profesionist!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/\" \/>\n<meta property=\"og:site_name\" content=\"Codecool\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/CodecoolOfficial\/\" \/>\n<meta property=\"article:published_time\" content=\"2022-12-12T12:37:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-12-12T13:30:20+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/codecool.com\/wp-content\/uploads\/2022\/12\/cel-mai-bun-curs-de-programare.jpeg\" \/>\n\t<meta property=\"og:image:width\" content=\"800\" \/>\n\t<meta property=\"og:image:height\" content=\"534\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Vertify\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@Codecool_global\" \/>\n<meta name=\"twitter:site\" content=\"@Codecool_global\" \/>\n<meta name=\"twitter:label1\" content=\"Scris de\" \/>\n\t<meta name=\"twitter:data1\" content=\"Vertify\" \/>\n\t<meta name=\"twitter:label2\" content=\"Timp estimat pentru citire\" \/>\n\t<meta name=\"twitter:data2\" content=\"19 minute\" \/>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cum sa faci un Site de la zero, ca un Pro [Ghid Incepatori] - Codecool","description":"Sa inveti sa codezi, sau sa folosesti un website builder? Afla cum sa construiesti un site de la zero, care sunt pasii si cum sa o faci la nivel profesionist!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/","og_locale":"ro_RO","og_type":"article","og_title":"Cum s\u0103 construie\u0219ti un site de la zero ca un profesionist, chiar dac\u0103 e\u0219ti \u00eencep\u0103tor","og_description":"Sa inveti sa codezi, sau sa folosesti un website builder? Afla cum sa construiesti un site de la zero, care sunt pasii si cum sa o faci la nivel profesionist!","og_url":"https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/","og_site_name":"Codecool","article_publisher":"https:\/\/www.facebook.com\/CodecoolOfficial\/","article_published_time":"2022-12-12T12:37:24+00:00","article_modified_time":"2022-12-12T13:30:20+00:00","og_image":[{"width":800,"height":534,"url":"https:\/\/codecool.com\/wp-content\/uploads\/2022\/12\/cel-mai-bun-curs-de-programare.jpeg","type":"image\/jpeg"}],"author":"Vertify","twitter_card":"summary_large_image","twitter_creator":"@Codecool_global","twitter_site":"@Codecool_global","twitter_misc":{"Scris de":"Vertify","Timp estimat pentru citire":"19 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/#article","isPartOf":{"@id":"https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/"},"author":{"name":"Vertify","@id":"https:\/\/codecool.com\/ro\/#\/schema\/person\/da06a8928e15f1678a52e1a412a9f645"},"headline":"Cum s\u0103 construie\u0219ti un site de la zero ca un profesionist, chiar dac\u0103 e\u0219ti \u00eencep\u0103tor","datePublished":"2022-12-12T12:37:24+00:00","dateModified":"2022-12-12T13:30:20+00:00","mainEntityOfPage":{"@id":"https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/"},"wordCount":3881,"publisher":{"@id":"https:\/\/codecool.com\/ro\/#organization"},"image":{"@id":"https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/#primaryimage"},"thumbnailUrl":"https:\/\/codecool.com\/wp-content\/uploads\/2022\/12\/cel-mai-bun-curs-de-programare.jpeg","articleSection":["Resurse","Tehnologie"],"inLanguage":"ro-RO"},{"@type":"WebPage","@id":"https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/","url":"https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/","name":"Cum sa faci un Site de la zero, ca un Pro [Ghid Incepatori] - Codecool","isPartOf":{"@id":"https:\/\/codecool.com\/ro\/#website"},"primaryImageOfPage":{"@id":"https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/#primaryimage"},"image":{"@id":"https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/#primaryimage"},"thumbnailUrl":"https:\/\/codecool.com\/wp-content\/uploads\/2022\/12\/cel-mai-bun-curs-de-programare.jpeg","datePublished":"2022-12-12T12:37:24+00:00","dateModified":"2022-12-12T13:30:20+00:00","description":"Sa inveti sa codezi, sau sa folosesti un website builder? Afla cum sa construiesti un site de la zero, care sunt pasii si cum sa o faci la nivel profesionist!","breadcrumb":{"@id":"https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/#breadcrumb"},"inLanguage":"ro-RO","potentialAction":[{"@type":"ReadAction","target":["https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/"]}]},{"@type":"ImageObject","inLanguage":"ro-RO","@id":"https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/#primaryimage","url":"https:\/\/codecool.com\/wp-content\/uploads\/2022\/12\/cel-mai-bun-curs-de-programare.jpeg","contentUrl":"https:\/\/codecool.com\/wp-content\/uploads\/2022\/12\/cel-mai-bun-curs-de-programare.jpeg","width":800,"height":534,"caption":"curs programare online"},{"@type":"BreadcrumbList","@id":"https:\/\/codecool.com\/ro\/cum-sa-construiesti-un-site\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/codecool.com\/ro\/"},{"@type":"ListItem","position":2,"name":"Cum s\u0103 construie\u0219ti un site de la zero ca un profesionist, chiar dac\u0103 e\u0219ti \u00eencep\u0103tor"}]},{"@type":"WebSite","@id":"https:\/\/codecool.com\/ro\/#website","url":"https:\/\/codecool.com\/ro\/","name":"Codecool","description":"Next gen coding school &amp; career hub","publisher":{"@id":"https:\/\/codecool.com\/ro\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/codecool.com\/ro\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ro-RO"},{"@type":"Organization","@id":"https:\/\/codecool.com\/ro\/#organization","name":"Codecool","alternateName":"Codecool","url":"https:\/\/codecool.com\/ro\/","logo":{"@type":"ImageObject","inLanguage":"ro-RO","@id":"https:\/\/codecool.com\/ro\/#\/schema\/logo\/image\/","url":"https:\/\/codecool.com\/wp-content\/uploads\/2023\/09\/Codecool-logo-app.svg","contentUrl":"https:\/\/codecool.com\/wp-content\/uploads\/2023\/09\/Codecool-logo-app.svg","width":1,"height":1,"caption":"Codecool"},"image":{"@id":"https:\/\/codecool.com\/ro\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/CodecoolOfficial\/","https:\/\/x.com\/Codecool_global","https:\/\/www.instagram.com\/codecool_official\/","https:\/\/www.linkedin.com\/school\/codecool\/"]},{"@type":"Person","@id":"https:\/\/codecool.com\/ro\/#\/schema\/person\/da06a8928e15f1678a52e1a412a9f645","name":"Vertify","image":{"@type":"ImageObject","inLanguage":"ro-RO","@id":"https:\/\/codecool.com\/ro\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a0576fd4d2bc1ec13b04cd83245e97c96f3bd854979be12625c741d57c44878d?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a0576fd4d2bc1ec13b04cd83245e97c96f3bd854979be12625c741d57c44878d?s=96&d=mm&r=g","caption":"Vertify"}}]}},"_links":{"self":[{"href":"https:\/\/codecool.com\/ro\/wp-json\/wp\/v2\/posts\/59988","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/codecool.com\/ro\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/codecool.com\/ro\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/codecool.com\/ro\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/codecool.com\/ro\/wp-json\/wp\/v2\/comments?post=59988"}],"version-history":[{"count":1,"href":"https:\/\/codecool.com\/ro\/wp-json\/wp\/v2\/posts\/59988\/revisions"}],"predecessor-version":[{"id":59989,"href":"https:\/\/codecool.com\/ro\/wp-json\/wp\/v2\/posts\/59988\/revisions\/59989"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/codecool.com\/ro\/wp-json\/wp\/v2\/media\/59564"}],"wp:attachment":[{"href":"https:\/\/codecool.com\/ro\/wp-json\/wp\/v2\/media?parent=59988"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/codecool.com\/ro\/wp-json\/wp\/v2\/categories?post=59988"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/codecool.com\/ro\/wp-json\/wp\/v2\/tags?post=59988"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}