Скачать или смотреть #HTML

În a 11-a lecție din cursul de #FrontEnd #Development în limba #Română discutăm despre imagini. Istoria imaginilor, a formatelor de imagine digitală, ce înseamnă imagine #vector versus #raster , câți biți folosesc imaginile pentru reprezentarea culorilor și care sunt motivele pentru care ai nevoie de imagini #responsive . ⬇️⬇️⬇️ Detalii și informații 🔥 mai jos!

DETALII
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Al patrulea video din Modulul 2 al Cursului de Front End e aici după 4+ luni de absență. Îmi pare rău c-a durat atât de mult timp și fac tot posibilul să scurtez timpul dintre două video-uri de curs. N-o să pot reuși asta însă decât dacă fac rost de niște ajutor la editare, însă...

La video-ul ăsta, o contribuție substanțială a avut-o colega noastră de Discord, Deea, și vreau să-i mulțumesc pe această cale pentru ideile de B-roll pe care mi le-a dat și chiar pentru cele câteva imagini cu care m-a ajutat să decorez video-ul pe alocuri.

Pe viitor însă, e clar că dacă vreau să postez constant și recurent voi avea nevoie de ajutor direct pe partea de editare, așa că revin la voi zilele următoare cu un video pe tema asta.

CUPRINS
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
00:00 Introducere
00:42 Detalii despre curs, sumarul video-ului
01:10 Tag-ul IMG și cum se adaugă imagini în HTML
02:19 Imagini raster sau bitmap
04:23 Evoluția culorilor digitale
07:17 Imagini vectoriale
09:28 Mic istoric al formatelor de imagine
14:47 Cum decizi ce format de imagine să folosești?
16:04 Imagini responsive: de ce avem nevoie de ele?
19:43 Cum se folosesc imaginile responsive?
21:42 Introducerea imaginilor SVG în HTML
26:07 Structura imaginilor responsive
33:43 Felicitări și temă pentru acasă
34:43 Despre seria actuală de video-uri și rugămintea mea

TEMĂ PENTRU ACASĂ
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
1️⃣ Folosind fișierul HTML discutat în video-ul anterior, adaugă iconițe SVG și imagini reprezentative în format responsive cu breakpoints la: 320px, 768px și 1280px lățime (min-width) pentru fiecare poezie pe care o ai deja în fișierul HTML construit până acum în curs.

2️⃣ Apoi, dacă stăpânești GIT-ul bine, adaugă sau updatează acest fișier HTML în repository-ul tău de GitHub și dă-mi în comentarii numele repository-ului folosind regula discutată în video-ul trecut: fără protocol și domeniu, adică fără https://github.com/ (YouTube n-o să te lase să pui link-ul integral în comentarii).

RESURSE
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
Link-uri (în engleză) din video:
✅ Imagini vechi: https://www.vice.com/en/article/m7vax... + istoria imaginilor: https://web.dev/learn/images/history/
✅ Formate de imagini: https://99designs.com/blog/tips/image... + https://developer.mozilla.org/en-US/d...
✅ Transformă imagini în bitmaps: https://www.labnol.org/software/turn-...
✅ Proiectul Monicăi Dinculescu de transformare a imaginilor în bitmaps: https://meowni.ca/emojillate/ + https://github.com/notwaldorf/emojillate
✅ Imagini vectoriale: https://www.adobe.com/creativecloud/i... + formatul SVG: https://caniuse.com/svg
✅ Formate de culoare: https://en.wikipedia.org/wiki/List_of...
✅ Dimensiunile paginilor web: https://almanac.httparchive.org/en/20... + https://httparchive.org/reports/page-...

✔️ Playlist-ul în care vei găsi toate cursurile de Front End Development în Română (inclusiv video-ul curent): https://bit.ly/vio-curs

⭐ Alte video-uri de-ale mele despre Front End Development: https://bit.ly/vio-fed

🚨 Lista completă de resurse strânse de mine de-a lungul timpului care să te ajute să înveți Front End Development și nu numai: http://bit.ly/vio-digital

🎦 Înscrie-te la canalul meu » https://www.youtube.com/c/ViorelMocan... « NU UITA să dai click și pe clopoțel: 🔔

💬 Aștept comentarii, întrebări și sugestii: https://www.viorelmocanu.ro/blog/

🗳️ VOTEAZĂ subiectele tale preferate pe care ai vrea să mai fac video-uri: https://fdm33xvhgdz.typeform.com/to/g...

LINK-URILE MELE
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
🤵 Profil LinkedIn:   / viorelmocanu  
👨‍🏫 Profil Twitter:   / viorelmocanu  
🆕 Grup Facebook:   / carierait  
🆕 Discord:   / discord  
📰 Blog: https://www.viorelmocanu.ro/blog/
📰 Newsletter: https://viorelmocanu.ck.page/newsletter

💸 Susține-mă:   / viorelmocanu  
💳 GitHub Sponsor: https://github.com/sponsors/ViorelMocanu
☕ Buy me a coffee: https://www.buymeacoffee.com/viorel

#CursFrontEnd #CursHTML #CursCSS #CursJS #Romania #România #ViorelMocanu #gratuit #Mentorat #programare #webdevelopment #web #development #html5 #h1 #anchor #div #span