Frontend
3.57K subscribers
387 photos
52 videos
23 files
365 links
Barchasi Frontend dasturlash haqida!

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

Vakansiyalar: @frontendVacancy

Reklama va hamkorlik: @chapaniDev
Download Telegram
#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
Css basic / instagramdan

@junior_developer
CSS: mask-image atributi haqida , manimcha rasmdan nima ish qilishini tushungan bo'lsangiz kerak

@junior_developer
#foydali

Wappalyzer : veb-satrlar qaysi dasturlash tillarida yozilgan, qanday fremwork(kutubxona, texnologiya)lardan foydalanganligini bilishni istaysizmi? unda bu extension aynan siz uchun.

🌐 brauzerga o'rnatish
πŸ’» foydalanish uchun qo'llanma

@junior_developer
Forwarded from Elshod Adamov
Media is too big
VIEW IN TELEGRAM
Na gaaap hamkasb ?
Frontend dasturchilar tufayli likelar qoldiramiz, izohlar yozamiz, korzinkaga mahsulotlarni qo’shib, muassasa hisobotlarini qulay holda olamiz.
Β«VueJS Frontend DasturchiΒ» onlayn kursida CRM/LMS tizimlarni dasturlashni 0 dan o’rgatiladi.

Batafsil kurs haqida

Kursni 10 yildan ortiq dasturchilik faoliyatini olib borayotgan Elshod Adamov jonli ravishda o’tadi.

Kurs bilan hamda mentor bilan tanishish uchun boshidagi 3 ta dars bepul va qabulga yetarli o'quvchilar yigilgach darslar boshlanadi.

Kursga ro'yhatdan o'tish

Telegram | Youtube | Instagram | Facebook