Aflați cum să utilizați CSS Media Queries, care sunt esențiale pentru a crea site-uri web care răspund la diferite dimensiuni de ecran. După ce ați învățat elementele de bază, veți învăța cum să utilizați interogări media pentru a crea trei proiecte practice.
📄 Versiune articol: https://www.freecodecamp.org/news/learn-css-media-queries-by-building-projects/
✏️ Acest curs a fost creat de Joy Shaheb. Vezi canalul lui: https://www.youtube.com/channel/UCHG7IJuST_BXJkne-0u0Xtw
💻 Depozitul GitHub: https://github.com/JoyShaheb/Project-image-repo/tree/main/Media-Query-Project
⭐️ Conținutul cursului ⭐️
⌨️ (0:00:00) Introducere
⌨️ (0:01:44) Configurare
⌨️ (0:21:08) Proiect-1
⌨️ (0:21:10) @ regula mass-media
⌨️ (0:22:35) Și operator
⌨️ (0:24:06) Tip media
⌨️ (0:24:39) Lățimea maximă
⌨️ (0:27:01) Min-Width
⌨️ (0:33:56) Desktop Project-2
⌨️ (1:05:55) Project-2 Mobile
⌨️ (1:14:58) Desktop Project-3
⌨️ (1:23:07) Project-3 Mobile
⌨️ (1:25:53) Concluzie
🎉 Mulțumim susținătorilor noștri Champion:
👾 Otis Morgan
👾 DeezMaster
👾 Katia Moran
—
Învățați să codificați gratuit și obțineți un job de dezvoltator: https://www.freecodecamp.org
Citiți sute de articole despre programare: https://freecodecamp.org/news
Cursuri interesante:
- Curs .NET MAUI pentru începători – Creați aplicații pe mai multe platforme cu C#
- Tutorial React / Typescript – Construiți o aplicație de test
- Manipulare JavaScript DOM – Curs complet pentru începători
- Învață programarea Go prin construirea a 11 proiecte – Curs complet
- 9. Platon, Partea a IV-a: Argumente pentru nemurirea sufletului (cont.)
- Curs Figma – Tutorial de Web Design pentru Începători
- Autentificare Next.js – AuthJS / NextAuth pentru securitate bazată pe roluri
- Curs de testare React pentru începători – Aplicații Cod și Test 3
- Aplicația Meteo – Tutorial Django (Utilizarea solicitărilor Python)
- Realitate augmentată pentru toată lumea – Curs complet