Assalomu aleykum, bu kanalda men o'zim uchun foydali deb bilgan web dasturlash, frontendga oid ma'lumotlar bilan bo'lishib boraman.

O'zim katta kompaniyalarda ishlayotgan dasturchi yoki kuchli bilim egasi emasman, men ham siz kabi o'rganuvchiman, siz uchun foydali narsa ulasha olaman degan umiddaman...
Bu ish menga yoqadi.!

Insha Alloh hammaga foydali bo'ladi :)

👉🏼 @Junior_developer

Full stack dasturchining yo'l xaritasi.

👉🏼 @Junior_developer | #roadmap

Dasturchilarning "code" yozishi... 😁

👉🏼 @Junior_developer | #code #devs

Web dasturchi kim ?

Web dasturchi – asosan web ilovalar, web saytlar va brauzerda ishlovchi web dasturlarni yaratish bilan shug’illanadi. Web dasturchilar asosan 2 turga bo'linadi:
1) Front-end
2) Back-end

🌐 Ko'proq o'qish 👈🏻

👉🏼 @Junior_developer

Ko'rib turganingiz internet 🌐

Uzunligi tahminan 1,3 million kilometr

👉 @Junior_developer | #network

Qaysi dasturlash tilida yozilgan deb o'ylaysiz.. 🤔

👉🏼 @Junior_developer

ChatGPTdan Sassda media haqida gapirib ber desam uning javobi.

P. S. Nima deb o'ylaysiz yomon emas aa 😉

👉🏼 @Junior_developer

#it_memes
Dasturchilarning eng yaqin do'stlari.

👉🏼 @Junior_developer

#chatgpt

Bu o'zbekchada ham "narmalni" yozishar ekan...

👉🏼 @Junior_developer

Rasm: Twitterdan

👉🏼 @junior_developer

#memes
Yana Junior vs Senior

To'g'ri seniorlar ham vaqtida junior bo'lgan😁

👉🏼 @junior_developer

🏃 Front-end dasturlash bo‘yicha musobaqa o‘tkazish uchun ajoyib sayt.

LINK: 100dayscss.com

👉🏼 @junior_developer | #coding

🌐 Bepul va pullik icon larni taqdim etuvchi saytlar

1. Font Awesome
2. Boxicons
3. Material Icons
4. Heroicons
5. Icons8
6. Bootstrap Icons
7. Flaticon
8. IconFinder
9. Freepik
10. IconShock

P.S: Yana qanday saytlarni bilasiz ? Izohlarda qoldiring

👉🏼 @junior_developer | #icons

Tez va xatosiz yoz!

⌨️ monkeytype.com - sayti orqali siz turli xil til va sohalarga oid so'zlar yordamida klaviaturada tez yozishni mashq qilishingiz mumkin.(dunyoni top dasturchilar juda ko'p foydalanib turishadi)

Bu saytda juda ko'plab funksiyalari mavjud bo'lib:
⌛️ vaqt bo'yicha yozish
🆎 so'zlar soni bo'yicha
㊙️ til, soha tanlash imkoniyati
📊 statistika bo'limi

👉🏼 @junior_developer | #coding

Frontend asosini : Html, Css, JavaScript tashkil etadi...

° Html - belgilash tili (web-sayt strukturasi)
° Css - uslub berish, stil, joziba berish
° JS - jonlantirish (interaktivlik)

👉🏼 @junior_developer | #frontend

JavaScriptni o'rganish uchun kerakli Github omborlari

JS o'rganayotgan do'stlarimizga ushbu Github omborlari juda yordam beradi.

👉 github.com/airbnb/javascript

👉 github.com/ryanmcdermott/clean-code-javascript

👉 github.com/getify/You-Dont-Know-JS

👉 github.com/trekhleb/javascript-algorithms

👉 github.com/leonardomso/33-js-concepts

👉 github.com/lydiahallie/javascript-questions

👉🏼 @junior_developer | #JS #GitHub

Million Dollarlik Bosh sahifa

Aleks Tyu 21 yoshida veb-saytda piksel sotish orqali atigi 4 oy ichida $1 million+ ishlab topgan.

Bu statik web sahifa boʻlgan.

Kontseptsiya juda oddiy edi:
kamida $100 evaziga reklama beruvchi 100 pikselli blokni (10 x 10 grid) sotib olishi va oʻzi tanlagan rasm yoki logotipni link bilan namoyish qilishi mumkin edi.

Bu saytni qilish uchun 2 kun vaqt ketgan va domen uchun 50$ pul sarflagan.

©@botirziyatov

👉🏼 @junior_developer

⌨️ Google Fonts yordamida HTML kodiga shriftni qanday qo'shish mumkin (https://fonts.google.com/specimen/Roboto)?

🟡 Har qanday saytni yaratish uchun sizga shriftlar kerak. Bu xabarda men sizga Google shriftlari yordamida shriftni kodga qanday yuklashni ko'rsataman.

🟠 Siz Google Fonts veb -saytiga kirishingiz, kerakli shriftni tanlashingiz va "Select this style" ni bosishingiz kerak.

🟢 Ekranning o'ng tomonida shrift xususiyatlariga ega menyu paydo bo'ladi. Kodni olish uchun Embed ni bosing.

🌐 Google sizga <link> tegli HTML havolasini yoki <style> tegli CSS formatini taklif qiladi.

👉🏼 @junior_developer | #font