Frontend
3.45K subscribers
387 photos
53 videos
23 files
366 links
Barchasi Frontend dasturlash haqida!

- So'nggi yangiliklar
- Eng yaxshi resurslar
- Intervyu savol - javoblar

Vakansiyalar: @frontendVacancy

Reklama va hamkorlik: @chapaniDev
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
Ko'rib turganingiz internet 🌐

Uzunligi tahminan 1,3 million kilometr

πŸ‘‰ @Junior_developer | #network
Qaysi dasturlash tilida yozilgan deb o'ylaysiz.. πŸ€”

πŸ‘‰πŸΌ @Junior_developer
πŸ‘3πŸ’―2
ChatGPTdan Sassda media haqida gapirib ber desam uning javobi.

P. S. Nima deb o'ylaysiz yomon emas aa πŸ˜‰

πŸ‘‰πŸΌ @Junior_developer
πŸ‘1
#it_memes
Dasturchilarning eng yaqin do'stlari.

πŸ‘‰πŸΌ @Junior_developer
πŸ”₯4πŸ’―3
#chatgpt

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

πŸ‘‰πŸΌ @Junior_developer
Rasm: Twitterdan

πŸ‘‰πŸΌ @junior_developer
πŸ”₯5
IMG_20230316_234334_334.png
1.5 MB
#css

Css Flexbox va Grid haqida qo'llanma

πŸ‘‰πŸΌ @junior_developer
This media is not supported in your browser
VIEW IN TELEGRAM
#memes
Yana Junior vs Senior

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

πŸ‘‰πŸΌ @junior_developer
😁4
πŸƒ 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
πŸ‘1
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
This media is not supported in your browser
VIEW IN TELEGRAM
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
πŸ‘2
⌨️ 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
Portfolio uchun qilingan ajoyib "UDAR" sayt ekan, sizlar bilan bo'lishgim keldi :)

sayt πŸ‘‰πŸΌ https://henryheffernan.com/
πŸ’―2
This media is not supported in your browser
VIEW IN TELEGRAM
❀2
Html, Form elementlari

πŸ‘‰πŸΌ @junior_developer
#vuejs

Vue.js nima ?

Vuejs - web foydalanuvchilari interfeysini yaratishda va avtomatik tarzda sahifalar orasidagi almashishni boshqarishda yordam beruvchi bir JavaScript kutubxonasi (library) hisoblanadi.
U standart HTML, CSS va JavaScript-ga asoslanadi. Vue - bu frontend ishlab chiqishda zarur bo'lgan umumiy xususiyatlarning ko'pini qamrab oluvchi ramka va ekotizim.Vue turli yo'llar bilan ishlatilishi mumkin:

-/ Qurilish bosqichisiz statik HTMLni yaxshilash
-/ Bir sahifali dastur (SPA)
-/ Jamstack / Statik sayt yaratish (SSG)
-/ Maqsadli ish stoli, mobil, WebGL va hatto terminal

🌐 Batafsil ma'lumot πŸ‘ˆπŸ»

@junior_developer
πŸ‘1
🫑4