{"id":59500,"date":"2022-12-06T18:08:42","date_gmt":"2022-12-06T17:08:42","guid":{"rendered":"https:\/\/codecool.com\/?p=59500"},"modified":"2022-12-06T18:08:42","modified_gmt":"2022-12-06T17:08:42","slug":"programator-web","status":"publish","type":"post","link":"https:\/\/codecool.com\/ro\/programator-web\/","title":{"rendered":"Programarea web: ce face un Web Developer \u0219i ce limbaje trebuie s\u0103 \u0219tie"},"content":{"rendered":"

Programatorii Web sunt printre cele mai c\u0103utate pozi\u021bii din industria IT<\/b>, \u0219i pe bun\u0103 dreptate – nu ne-am bucura \u00een acela\u0219i fel de internet f\u0103r\u0103 ei. Iar \u00een Rom\u00e2nia num\u0103rul de joburi pentru Web Developers este \u00een continu\u0103 cre\u0219tere, cu peste 1000 de pozi\u021bii disponibile.\u00a0<\/span><\/p>\n

Web development, sau programarea web, este probabil una dintre cele mai interesant industrii \u00een care po\u021bi lucra la acest moment – indiferent c\u0103 \u00ee\u021bi fuge g\u00e2ndul la Silicon Valley, la un start-up sau chiar la o multina\u021bional\u0103.\u00a0<\/span><\/p>\n

Ace\u0219ti programatori pot fi la r\u00e2ndul lor programatori de <\/span>front end<\/b>, de <\/span>back end<\/b> sau <\/span>full stack (care se ocup\u0103 de ambele). <\/b>\u00a0\u00cen continuare, ne-am g\u00e2ndit s\u0103 \u00ee\u021bi explic\u0103m ce face fiecare dintre ei \u0219i care este diferen\u021ba dintre roluri, ca s\u0103 \u00ee\u021bi dai seama ce rol din programarea web \u021bi se potrive\u0219te cel mai bine.\u00a0<\/span><\/p>\n

La <\/span>Codecool <\/b>\u00ee\u021bi oferim un <\/span>curs de Programator Web de front end de 5 luni<\/b><\/a>, \u00een cadrul c\u0103ruia vei vedea imaginea de ansamblu a ceea ce \u00eenseamn\u0103 front end development, iar la final vei putea crea proiecte folosind React + Redux, VueJS + Vuex, si Angular + NgRx. Vei beneficia de un sistem care te va ajuta s\u0103 fii gata pentru orice provocare \u0219i s\u0103 te adaptezi rapid la medii noi. \u00censcrie-te <\/span>aici<\/b><\/a>.<\/span><\/p>\n

Ce este programarea web, de fapt?<\/span><\/h2>\n

Te-ai uitat vreodat\u0103 la site-ul t\u0103u preferat \u0219i te-ai \u00eentrebat cum de se \u00eencarc\u0103 at\u00e2t de repede, de ce este aranjat \u00een felul respectiv, de ce anumite butoane conduc c\u0103tre anumite ac\u021biuni atunci c\u00e2nd dai click pe ele, te-ai \u00eentrebat \u201eoare c\u00e2t de dificil este s\u0103 faci un site?\u201d sau te-ai g\u00e2ndit c\u0103 \u021bi-ar pl\u0103cea \u0219i \u021bie s\u0103 faci asta?\u00a0<\/span><\/p>\n

Ei bine, toate aceste tr\u0103s\u0103turi vizibile ale site-urilor sunt construite de c\u0103tre Programatori (sau dezvoltatori) Web.\u00a0<\/strong><\/span><\/p>\n

Programarea web<\/strong> se refer\u0103 \u00een general la task-urile care \u021bin de dezvoltarea site-urilor web. Acestea pot fi dezvoltate fie cu ajutorul internetul sau al intranetului, iar procesul include designul site-ul, dezvoltarea con\u021binutului, scriptingul de pe partea de servere sau de clien\u021bi \u0219i, desigur, configurarea set\u0103rilor de securitate.\u00a0<\/span><\/p>\n

\u00centr-un sens mai larg, programarea web cuprinde toate ac\u021biunile, update-urile \u0219i opera\u021biile necesare pentru a construi, \u00eentre\u021bine \u0219i manageria un website, pentru ca performan\u021ba acestuia, experien\u021ba utilizatorilor \u0219i viteza sa s\u0103 fie cele optime.\u00a0<\/span><\/p>\n

Programarea web mai este cunoscut\u0103 \u00een domeniu \u0219i ca <\/span>web <\/span><\/i>sau <\/span>website<\/span><\/i> development<\/span><\/i>, iar profesioni\u0219tii care se ocup\u0103 cu acest lucru sunt Programatori Web sau <\/span>Web Developers<\/span><\/i>.\u00a0<\/span><\/p>\n

\"web<\/p>\n

Ce este, de fapt, un Web Developer?<\/span><\/h2>\n

Pentru a r\u0103spunde cel mai rapid \u0219i la aceast\u0103 \u00eentrebare, un Web Developer este de fapt un programator Full stack. \u00cen esen\u021b\u0103,<\/span> un Web Developer este un programator care ia un design de site<\/b> – creat de c\u0103tre o echip\u0103 de web design – <\/span>\u0219i \u00eel transform\u0103 \u00eentr-un website <\/b>perfect accesibil \u0219i func\u021bional. Full stack developers \u00een\u021beleg procesele \u0219i strategiile at\u00e2t de front end, c\u00e2t \u0219i de back end, fiind de altfel \u00een pozi\u021bia perfect\u0103 de a supraveghea \u00eentreg procesul.\u00a0<\/span><\/p>\n

Cum face un Web Developer acest lucru? <\/span>Scriind foarte multe linii de cod<\/b>, mai mult sau mai pu\u021bin complicate, \u0219i folosind o varietate de limbaje de programare. Jobul unui Web Developer nu este unul simplu, deoarece trebuie s\u0103 traduc\u0103 dintr-o limb\u0103 accesibil\u0103 tuturor, \u00eentr-un limbaj precum Python sau HTML, \u00een\u021beles doar de c\u0103tre un computer.\u00a0<\/span><\/p>\n

\u00cen func\u021bie de complexitatea proiectului, programarea web este un job care necesit\u0103 destul de mult timp \u0219i efort, fiind necesar\u0103 \u00een\u021belegerea mai multor limbaje de programare. Un Web Developer se poate specializa doar pe o arie mai restr\u00e2ns\u0103 a program\u0103rii web (front end sau back end) sau poate alege s\u0103 fie un Programator Web full stack (care are cuno\u0219tin\u021be \u0219i de front end, c\u00e2t \u0219i de back end).\u00a0<\/span><\/p>\n

De obicei, proiectele mari, care includ site-uri web foarte complexe sunt o colaborare \u00eentre mai mul\u021bi Web Developers.\u00a0<\/span><\/p>\n

Tipuri de Web Developers<\/span><\/h2>\n

Ace\u0219ti programatori pot fi programatori de <\/span>front end<\/b>, de <\/span>back end<\/b> sau <\/span>full stack. <\/b>\u00a0\u00cen continuare, ne-am g\u00e2ndit s\u0103 \u00ee\u021bi explic\u0103m ce face fiecare dintre ei \u0219i care este diferen\u021ba dintre roluri ca s\u0103 \u00ee\u021bi dai seama ce rol din programarea web \u021bi se potrive\u0219te cel mai bine.\u00a0<\/span><\/p>\n

Programator Web de front end<\/span><\/h3>\n

Un Programator Web de front end este persoana care implementeaz\u0103 designurile web prin limbaje specifice precum HTML, CSS \u0219i JavaScript<\/b>. Spre deosebire de programatorii de front end, programatorii web de back end se ocup\u0103 de programarea din spate, precum bazele de date. Dac\u0103 intri pe orice site, po\u021bi vedea oriunde rezultatul muncii unui Programator Web de front end – \u00een navigarea paginii, aranjarea paginii, inclusiv modul \u00een care site-ul respectiv arat\u0103 pe telefonul mobil.\u00a0<\/span><\/p>\n

Practic, un <\/span>Programator Web de front end este responsabil elementele de con\u021binut ale site-ului s\u0103 fie clare, vizibile \u0219i la locul potrivit<\/b>. \u00cen unele cazuri, ace\u0219tia au \u0219i abilit\u0103\u021bi de content writing, cre\u00e2nd \u00een acela\u0219i timp \u0219i con\u021binutul site-ului.\u00a0<\/span><\/p>\n

Programatorii web de front end se asigur\u0103 c\u0103 toate culorile site-ului sunt potrivite, mai ales cele care con\u021bin text, culorile de fundal \u0219i titlurile. Cei mai buni programatori web de front end au \u0219i cuno\u0219tin\u021be de design, put\u00e2nd astfel s\u0103 modifice diverse aspecte pe parcurs.\u00a0<\/span><\/p>\n

Nu \u00een ultimul r\u00e2nd, se asigur\u0103 c\u0103 toate linkurile sunt formatate corect, c\u0103 toate butoanele func\u021bioneaz\u0103 corect \u0219i c\u0103 site-ul este func\u021bional \u0219i c\u0103 arat\u0103 bine. De multe ori, tot ei sunt responsabili \u0219i de <\/span>designul versiunii de mobil a site-ului,<\/b> dar \u0219i de func\u021bionarea acestuia pe toate tipurile de browser.\u00a0<\/span><\/p>\n

A\u0219adar, r\u0103spunsul la \u00eentrebarea \u201eCe este e un developer\u201d nu este una simpl\u0103, \u0219i este mult mai complex\u0103 de at\u00e2t. Pe l\u00e2ng\u0103 partea de front end, exist\u0103 \u0219i partea de back end development \u0219i full stack development, iar front end development este considerat\u0103 a fi cea mai u\u0219oar\u0103 dintre acestea trei.\u00a0<\/span><\/p>\n

\u00censcrie-te la <\/span>cursul Codecool de front end development<\/b><\/a> \u0219i po\u021bi deveni un Programator Web junior \u00een doar 5 luni.\u00a0<\/span><\/p>\n

Programator Web de back end<\/span><\/h3>\n

De\u0219i poate p\u0103rea c\u0103 programatorii web de front end<\/strong> au o via\u021b\u0103 destul de dificil\u0103 \u00een a se asigura c\u0103 un site arat\u0103 bine, func\u021bioneaz\u0103 bine \u0219i c\u0103 afi\u0219eaz\u0103 con\u021binutul corect, programatorii web de back end au \u00eens\u0103 o via\u021b\u0103 mult mai grea. \u00cen timp ce programatorii web de front end sunt responsabili de programarea cu care interac\u021bioneaz\u0103 clien\u021bii, <\/span>programatorii de back end se ocup\u0103 de partea de servere.<\/b>\u00a0<\/span><\/p>\n

Acest lucru \u00eenseamn\u0103 c\u0103 ei trebuie s\u0103<\/span> creeze codul \u0219i programele care opereaz\u0103 serverele, bazele de date \u0219i alte aplica\u021bii ale acestora. <\/b>\u00cen calitate de Programator Web de back end, cea mai mare calitate este abilitatea de a crea un program curat \u0219i eficient care face tot ce \u00ee\u021bi dore\u0219ti \u00een cel mai scurt timp. Din moment ce viteza site-ului este foarte important\u0103 atunci c\u00e2nd se ajunge la partea de SEO, aceasta este foarte important\u0103 \u00een back end development.\u00a0<\/span><\/p>\n

Pentru a explica ce face un Web Developer, este important de \u0219tiut c\u0103 <\/span>programatorii de back end folosesc o gam\u0103 variat\u0103 de limbaje asociate cu serverele pentru a construi programe complicate. <\/b>Printre cele mai populare limbaje folosite \u00een back end development se num\u0103r\u0103 PHP, Python, Java \u0219i Ruby. JavaScript \u00eencepe s\u0103 devin\u0103 \u0219i acesta popular printre programatorii back end, iar SQL este \u0219i el des folosit pentru a manageria \u0219i a analiza informa\u021biile din cadrul bazelor de date.\u00a0<\/span><\/p>\n

Din moment ce fiecare website are alte nevoi, un<\/span> Programator Web de back end trebuie s\u0103 fie flexibil \u0219i capabil s\u0103 creeze diverse programe<\/b>. De asemenea, ace\u0219tia trebuie neap\u0103rat s\u0103 aib\u0103 o \u00een\u021belegere clar\u0103 \u0219i aprofundat\u0103 a limbajelor pe care le folosesc. Acest lucru este foarte important pentru a se asigura c\u0103 vin <\/span>solu\u021bia cea mai eficient\u0103<\/b> pentru crearea programului respectiv, asigur\u00e2ndu-se de asemenea c\u0103 este sigur \u0219i u\u0219or de \u00eentre\u021binut.\u00a0<\/span><\/p>\n

\"web<\/p>\n

Programator Web Full stack<\/span><\/h3>\n

Un Full stack developer<\/strong> este cel mai \u00een m\u0103sur\u0103 s\u0103 conduc\u0103 un proiect de web development de la \u00eenceput la bun sf\u00e2r\u0219it, acesta av\u00e2nd experien\u021b\u0103 at\u00e2t pe partea de strategie, c\u00e2t \u0219i pe practicile din domeniu.\u00a0<\/span><\/p>\n

Av\u00e2nd cuno\u0219tin\u021be at\u00e2t de front end, c\u00e2t \u0219i de back end,<\/strong> pot vedea mai bine \u201eimaginea de ansamblu\u201d \u0219i sunt de cele mai multe ori cea mai bun\u0103 alegere atunci c\u00e2nd vine vorba de proiecte medii \u00een termeni de complexitate sau care nu au un buget foarte mare.\u00a0<\/span><\/p>\n

Pe de alt\u0103 parte, un Full stack developer e<\/strong>ste adesea angajat pentru a supraveghea proiectele ample ale marilor companii. Aceste joburi sunt adesea mai bine pl\u0103tite dec\u00e2t cele de programare propriu-zis\u0103, \u00eens\u0103 vin \u0219i cu mai multe responsabilit\u0103\u021bi.\u00a0<\/span><\/p>\n

Afl\u0103 mai multe despre <\/span>ce \u00eenseamn\u0103 s\u0103 fii full stack developer<\/b><\/a>, dar \u0219i cum po\u021bi deveni unul \u00een mai pu\u021bin de un an. \u00censcrie-te la <\/span>cursul Codecool de full stack development<\/b><\/a>.\u00a0<\/span><\/p>\n

Limbaje de programare web folosite de front end \u0219i back end<\/span><\/h2>\n

Codul scris de programatorul web de front end ruleaz\u0103 \u00een interiorul browserului folosit de utilizator (spre deosebire de codul scris de un Programator Web de back end care ruleaz\u0103 pe un server).\u00a0<\/span><\/p>\n

Prive\u0219te lucrurile \u00een felul urm\u0103tor: un Programator Web de back end este ca un inginer care proiecteaz\u0103 sistemul pentru ca un ora\u0219 s\u0103 poat\u0103 func\u021biona (electricitate, ap\u0103, canalizare etc), \u00een timp ce un Programator Web de front end este ca un designer care aranjeaz\u0103 str\u0103zile \u0219i se asigur\u0103 c\u0103 totul este conectat corect pentru ca oamenii s\u0103 poat\u0103 tr\u0103i (este o analogie simplificat\u0103, dar te-ai prins, nu?).\u00a0<\/span><\/p>\n

\u00cen continuare, \u00ee\u021bi prezent\u0103m cele mai populare limbaje de programare \u00een r\u00e2ndul programatorilor web, precum \u0219i ce vei putea realiza \u00eentr-un site web, odat\u0103 ce le st\u0103p\u00e2ne\u0219ti pe fiecare: de la formatarea textului, ad\u0103ugarea imaginilor, schimbarea culorilor, precum \u0219i integrarea elementelor interactive.\u00a0<\/span><\/p>\n

HTML\u00a0<\/b><\/h3>\n

HTML <\/b>(Hyper Text Markup Language) \u0219i CSS<\/span> sunt cele mai c\u0103utate limbaje de web coding pentru un Programator Web de front end. F\u0103r\u0103 acestea dou\u0103, nu po\u021bi crea un design de website \u0219i nu vei avea dec\u00e2t un bloc de text neformatat pe ecran. F\u0103r\u0103 HTML nici m\u0103car nu po\u021bi ad\u0103uga imagini!<\/span><\/p>\n

Dac\u0103 dai click dreapta pe ecranul unei pagini de web \u0219i apoi selectezi <\/span>view page source<\/span><\/i> vei vedea \u00eentr-un tab nou toate informa\u021biile care intr\u0103 \u00een crearea unei pagini de web. Ce vezi acolo este un cod HTML. Acesta \u00eei \u201espune\u201d site-ului ce s\u0103 fac\u0103 ce con\u021binut s\u0103 afi\u0219eze \u0219i, p\u00e2n\u0103 la un punct, cum s\u0103 \u00eel afi\u0219eze. La \u00eenceputul paginii vei vedea scris <!DOCTYPE html>. Aceast\u0103 comand\u0103 \u00eei spune site-ului c\u0103 urmeaz\u0103 un cod HTML.\u00a0<\/span><\/p>\n

Dac\u0103 urm\u0103re\u0219ti \u00een continuare codul, vei identifica anumite informa\u021bii din pagin\u0103. De exemplu, vei vedea elemente precum \u201elink\u201d, \u201eimagine\u201d sau \u201evideo\u201d. Acestea sunt comenzi de con\u021binut care \u00eei spun site-ului ce s\u0103 afi\u0219eze, de unde s\u0103 ia con\u021binutul \u0219i cum s\u0103 \u00eel afi\u0219eze.\u00a0<\/span><\/p>\n

HTML-ul este un limbaj foarte u\u0219or de \u00eenv\u0103\u021bat \u0219i este de obicei primul \u00eenv\u0103\u021bat de c\u0103tre programatori.<\/span><\/p>\n

CSS<\/b><\/h3>\n

CSS <\/b>este al doilea cel mai important limbaj \u00eenv\u0103\u021bat de c\u0103tre programatori \u0219i este unul \u00een care programatorii de front end trebuie s\u0103 fie fluen\u021bi. Codul CSS este de obicei combinat cu cel HTML. \u00een timp ce HTML \u00eei spune paginii ce content s\u0103 afi\u0219eze, CSS \u00eei spune cum s\u0103 o fac\u0103 \u0219i \u00een ce stil.\u00a0<\/span><\/p>\n

Odat\u0103 ce ai st\u0103p\u00e2nit limbajul CSS vei putea face lucruri precum:\u00a0<\/span><\/p>\n