Este un instrument critic pentru lucrul atat intr-o companie, dar si ca freelancer.

Te ajuta sa iti faci back-up la codul scris, sa il versionezi pentru a avea un istoric al modificarilor si sa lucrezi in echipa.

Vei folosi GIT pe tot parcursul cursului si al carierei de programator.

Vei invata cum structurezi elementele grafice, folosind HTML si cum stilizezi elementele grafice din paginile web, folosind CSS.

Sunt niste abilitati critice pe care le vei exersa construind mini site-uri web.

Vei invata notiuni avansate de Javascript care iti vor permite sa adaugi interactivitate in mai multe moduri in paginile web.

Vei exersa acest limbaj impreuna cu HTML si CSS.

Exemple de proiecte reale pentru portofoliul de angajare

• componenta de UI: “Image slider: schimbarea imaginii la click in functie de optiunea selectata”
• componenta de UI: “Add to cart: adaugarea unui produs in cos si afisarea unui pop-up de succes”
• Ceas digital
• Lista de prioritati
• Manager de buget (istoricul cheltuielilor)

Cu ajutorul framework-ului Bootstrap vei duce partea de stilizare la un alt nivel si vei putea crea componente grafice care sa arate bine atat pe desktop cat si pe mobil sau tableta.

Cu ajutorul framework-ului JQuery, unul dintre cele mai downloadate din istorie, vei scrie mult mai usor codul de Javascript care adauga interactivitate in paginile web

Exemple de proiecte reale pentru portofoliul de angajare

• Responsive landing page: o pagina de prezentare care arata bine pe orice dispozitiv
• Pricing component: o componenta care afiseaza planurile de plata pentru un produs
• Clona pentru Youtube
• Clona pentru Netflix

Vei invata cum sa integrezi front-end-ul tau in aplicatii full-stack, fara sa cunosti partea de back-end, conectandu-te la servere si baze de date deja existente.

Este foarte necesar sa poti face asta pentru ca asa functioneaza majoritatea aplicatiilor.

Astfel ca inveti cum sa interactionezi cu back-endul aplicatiilor pentru a popula interfata grafica cu date si vei putea trimite cereri catre serverele si bazele de date deja construite, ori de catre colegii de proiect, ori de catre alte servicii sau companii.

Exemple de proiecte reale pentru portofoliul de angajare:

• Site de rezervari

Duci programarea front-end la un alt nivel pentru ca acum e mult mai simplu sa dezvolti aplicatii web folosind scheletul pus la dispozitie de framework-ul VueJS.

Vei putea construi aplicatii moderne si modulare in jumatate de timp fata de cum faceai pana acum.

Majoritatea companiilor lucreaza cu framework-uri si deseori o sa auzi pozitii de job-uri cum ar fi “VueJS developer”, adica mai specific decat “front-end developer”.

Exemple de proiecte reale pentru portofoliul de angajare

• Aplicatie meteo
• Car rental app - cu functionalitati ca: creare, updatare, afisare, stergere masini, sortare, cautare, adaugare la favorite, etc.
• Web scrapper - extragere de informatii relevante din website-uri

Acest framework iti va permite sa scrii mai usor codul de CSS si sa adaugi elemente de stilizare mai complexe cum ar fi animatii.

Exemple de proiecte reale pentru portofoliul de angajare

• Website reponsive: landing page cu animatii

Vei implementa un proiect final in echipa, colaborand cu unul sau mai multi colegi care fac in paralel cursul de back-end, adica vei integra front-end-ul tau intr-o aplicatie mai mare.

Acesta este proiectul major care va completa portofoliul tau de angajare, in care iti vei exersa atat abilitatile tehnice cat si cele de lucru in echipa.

Abilitati de lucru in echipa:

• definirea task-urilor
• planificarea si prioritizarea task-urilor
• code review
• comunicarea clara
• sincronizarea muncii

Abilitati tehnice:

• stabilirea contractului pe care il respecta partea de back-end si partea de front-end pentru ca ele sa comunice fara erori
• deploy aplicatie pe cloud folosind Netlify, pentru a putea accesa website-ul tau de oriunde
• in plus, toate celelalte abilitati deprinse pe parcursul cursului vor fi aplicate si duse la un alt nivel

Exemplu de proiect:

• magazin on-line

Vei invata care sunt modurile in care poti lucra cu date in programare si vei implementa algoritmi care rezolva probleme clasice din programare.

Vei folosi oricum structuri de date si algoritmi pe parcursul cursului Diferenta este ca in acest modul le vei clasifica si exersa mai in detaliu.

Chiar daca structurile de date si algoritmii nu necesita un studiu aprofundat pentru a putea sa creezi front-end-ul aplicatiilor web, ele sunt un capitol important din programare care iti dezvolta capacitatea de a rezolva probleme si sunt deseori intalnite in intrebarile de interviu.

Structuri studiate

• list, stack, queue, tree, map, etc.