FrontEnd.ro logo

📚 Resurse pentru fiecare FrontEnd developer

Sunt atât de multe resurse gratuite încât e greu să știi care sunt cele mai bune.

Așa că am pornit de la site-urile ce ne ajută zilnic în joburile nostre de FrontEnd developeri, le-am păstrat doar pe cele mai utile și am creat cu ele lista de mai jos.

Așteptăm și sugestiile tale, așa că dă-ne un semn cu resursele care te ajută pe tine și le vom adăuga aici.

  1. Esențiale

    Noi le avem mereu deschise într-un tab. Tu?

    1. MDN

    2. Stack Overflow

    3. Can I Use

    4. W3C Validator

  2. Imagini și Video-uri

    Vin cu o licență deschisă deci let poți folosi în orice proiect.

    1. Unsplash

    2. Pixabay

    3. Pexels

    4. Coverr

    5. Lorem Picsum

  3. Ilustrații vectoriale

    Te ajută să faci site-ul mai prietenos și au o licență deschisă pentru a le folosi fără probleme.

    1. Undraw

    2. DrawKit

    3. Humaaans

    4. The Doodle Library

    5. Blobs.app

    6. Rough.js

  4. Iconițe

    Te ajută să faci interfața mai intuitivă, mai ales pe mobil unde nu avem chiar așa de mult spațiu.

    1. Font Awesome

    2. Google Material Icons

    3. Eva Icons

    4. Ikonate

    5. Flaticon

    6. Noun Project

    7. OpenMoji

    8. Ionic Icons

  5. CSS Spiners

    Inspirație pentru loaderele din proiectele tale.

    1. Epic Spinners

    2. Spin Kit

    3. Loading.io

  6. Tutoriale interactive

    Sunt multe tutoriale pe net, dar acestea ne-au atras atenția căci fac învățarea mai interactivă.

    1. 100 JS Functions

    2. CSS Dinner

    3. Flexbox Froggy

    4. Flexbox Defense

    5. CSS Grid Garden

    6. Javascript 30

  7. Blog-uri

    Pentru când vrei să te relaxezi citind despre ultimele noutăți.

    1. Smashing Magazine

    2. CSS-Tricks

    3. web.dev

    4. DEV Community

    5. Dev Hints

    6. 33 JavaScript Concepts

  8. Fonts

    Adaugă mai multă personalitate site-ului tău schimbând fonturile.

    1. Google Fonts

    2. Fontshare

    3. Fontesk

    4. DaFont

  9. Cărți

    Merită citite pe larg căci conțin o mulțime de informații care sigur te vor ajuta.

    1. You Don't Know JS

    2. Patterns Dev

    3. JavaScript Design Patterns

    4. High Perf Browser Networking

    5. JavaScript Notes

  10. Background-uri & Culori

    Dacă echipa nu are un designer care să vină cu sugestii, te poți inspira de aici :)

    1. Coolors

    2. Color Hunt

    3. UI gradients

    4. Cool Backgrounds

    5. SVG Backgrounds

  11. Performanță

    Asigură-te că aplicație rămâne performantă și respectă bunele practici.

    1. Lighthouse

    2. PageSpeed Insight

    3. Bundlephobia

    4. SVGOMG - Optimize SVGs

    5. Squoosh

    6. TinyPNG

    7. VideoSmaller

  12. Extra

    Îți îmbunătățesc întreaga experiență ca și developer.

    1. Annotations.dev

    2. GitHub web editor

    3. Fancy Border Radius Generator

    4. Regex101