Front-End Roadmap


ASSIST Software Internship Edition

Created: 15 Apr 2024

Updated: 15 Apr 2024

Version: 0.1

ASSIST SOFTWARE 1992 - 2024. ALL RIGHTS RESERVED Powered by Victor Jeman
Cuvânt înainte
Devenirea unui dezvoltator Front-End nu este o sarcină simplă; de fapt, nu
este sigur dacă a fost vreodată simplă, dar în prezent, cu siguranță,
prezintă complexități specifice.
Îți voi furniza o listă de resurse gratuite care te vor ajuta să ajungi la un
nivel suficient de încredere pentru a putea face alegeri informate privind
resursele de învățare pe viitor. Indiferent de resursa pe care o alegi, vei
întâlni păreri divergente: unii vor lăuda resursa, în timp ce alții o vor critica.

TIP Nu pierde timpul căutând un tutorial perfect.

Focus pe muncă practică. Când înveți ceva într-un tutorial,

TIP încearcă să aplici noua cunoștință într-o mod diferit decât cel
din lecție.

ASSIST SOFTWARE 1992 - 2024. ALL RIGHTS RESERVED Powered by Victor Jeman
 Dacă ai o bună înțelegere a limbii engleze, poți simplu să cauți
pe YouTube diverse tutoriale:

TIP
[HTML/CSS/Javscript] tutorial for [beginners/medium/
advanced]

Nu urmări tutorialele video ca pe un serial pe netflix.


TIP Pune pauză, scrie cod, rezolvă problema înaintea instructorului,
aplică o învățare activă.

Pentru alte întrebări despre materiale educaționale dă join pe

TIP
acest server discord. Victor o să încerce să-ți ofere ajutor.

ASSIST SOFTWARE 1992 - 2024. ALL RIGHTS RESERVED Powered by Victor Jeman
 HTML
Ca student, ar trebui să știi că HTML este relativ simplu de
înțeles și poți să îți însușești noțiunile de bază în aproximativ
o oră. Totuși, lucrurile devin un pic mai complexe când ajungi
la HTML semantic, care este menit să ofere o semnificație
clară browserului.

01
Pentru a înțelege mai bine aceste concepte, îți recomand să
urmărești tutorialul video disponibil. Acesta te va ajuta să
înveți mai ușor. Folosește și tutorialul scris ca o resursă de
referință bine structurată și utilă pentru aprofundarea
cunoștințelor.

Learn HTML – Full Tutorial for Beginners (2022)

Learn HTML | web.dev

2024 - ALL RIGHTS RESERVED Powered by Victor Jeman

 CSS
Ca student, te încurajez să folosești un tutorial video pentru a

02
învăța noțiunile de bază despre CSS. De asemenea, te
sfătuiesc să utilizezi link-ul de pe site-ul web.dev ca o resursă
de referință solidă care acoperă majoritatea aspectelor
importante despre CSS. Chiar dacă este un tutorial text,
acesta este creat de experți de la Google și este foarte bine
structurat

CSS Tutorial – Full Course for Beginners

LEARN CSS | web.dev

2024 - ALL RIGHTS RESERVED Powered by Victor Jeman

 JAVASCRIPT
Ca student, ar trebui să știi că JavaScript, ca limbaj de

03
programare, este destul de accesibil. Situația devine mai
complexă când îl folosim în browser și interacționăm cu
DOM-ul pentru a manipula elemente din pagină. Îți
recomand să urmărești tutorialul video atașat și să accesezi
ultimul link pentru a aprofunda manipularea DOM-ului.

JavaScript tutorial for beginners (2024)

Exercism Javascript
The modern javascript tutorial

2024 - ALL RIGHTS RESERVED Powered by Victor Jeman

 React

04
Ca student, e crucial să citești documentația oficială React.
Acolo vei găsi un tutorial scris excelent și organizat foarte
bine. Trebuie să fii conștient că multe videoclipuri de pe
YouTube pot omite anumite detalii, în timp ce documentația
oficială tratează teme esențiale pentru înțelegerea completă
a subiectului.

React official documentation

Beginner's Tutorial for React JavaScript Library
Curs React în română pentru începători 2024

2024 - ALL RIGHTS RESERVED Powered by Victor Jeman

 Next.js

05
Ca student, ar trebui să știi că dezvoltatorii React recomandă
utilizarea unui framework pentru proiectele destinate
producției. Un framework îți oferă o structură organizată și
reguli clare care te ajută să te concentrezi pe scrierea
codului în loc să te pierzi în configurări. Next.js este unul
dintre aceste framework-uri populare, și este important să
consulți tutorialul lor oficial. Chiar dacă nu este complicat,
este esențial să te obișnuiești să folosești documentația
oficială. Există și un tutorial video pe YouTube care poate fi
de ajutor.

Start building with Next.js

Next.js 14 Full Course 2024

2024 - ALL RIGHTS RESERVED Powered by Victor Jeman

 Librării

06
Ca student, ar trebui să știi că folosim multe librării diferite în
proiectele noastre reale. Nu este necesar să le stăpânești pe
toate deocamdată, dar îți voi oferi o listă cu cele mai folosite
de noi. Te încurajez să vizitezi paginile lor oficiale și să te
familiarizezi cu scopul fiecărei librării.

https://mantine.de
https://ui.shadcn.co
https://day.js.or
https://react-hook-form.co
https://formik.or
https://mobx.js.org/react-integration.htm
https://jotai.or
https://tanstack.com/query/lates
https://vitejs.de
https://tailwindcss.co
https://www.radix-ui.com

2024 - ALL RIGHTS RESERVED Powered by Victor Jeman