Frontend
3.45K subscribers
386 photos
53 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
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
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
VueJs ni o'rganmoqchi bo'lganlarga tavsiya qilaman.
This media is not supported in your browser
VIEW IN TELEGRAM
#instagramdan
Css | flex flow haqida

@junior_developer : Frontend dasturlashga oid foydali resurslar
Git bilan ishlashdagi asosiy ma'lumotlar jamlangan qo'llanma(rus tilida)

@junior_developer : Frontend dasturlashga oid foydali resurslar
#yumor
original gadjet.

✌️@junior_developer
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 : Frontend dasturlashga oid foydali resurslar
👍2
Zerikkanlar uchun ajoyib figma maket

Soha turi:
Mebel bilan jihozlash
Janr: mebel yoki aksessuarlarning onlayn do'koni
Format: #figma
Havola: https://www.figma.com/file/djqwbTfjXLqYx043cbXr7t/Furniking?node-id=0%3A1

@junior_developer : Frontend dasturlashga oid foydali resurslar