Doston Dev | IT BLOG
172 subscribers
177 photos
26 videos
3 files
220 links
πŸ—‚ Frontend endi siz o'ylaganchalik uzoqda emas!

πŸ’» Frontend Dasturlash bo'yicha bepul video darslar va foydali IT bloglar sahifasi

πŸ”΄ YouTube: youtube.com/DostonRajabov

πŸ‘₯ Muhokama uchun guruh: @doston_dev_chat

❓Murojaat uchun: @rajabov_doston
Download Telegram
Qiziqarli qisqa savol-javob

Yuqoridagi qisqa dastur natijasi nima chiqadi
Anonymous Quiz
22%
25
17%
-25
20%
NaN
34%
false
7%
true
πŸŒ€ JavaScript darslari | for in, for if (23-dars)

Assalom-u alaykum hurmatli obunachilar !!!

πŸ’πŸ»β€β™‚οΈ Bugungi darsimizda sizlarni ma'lumotlar tuzilmalarini takrorlash uchun ishlatiladigan aylanma konstruktsiyalar for in va for of haqida tanishtirib o’tamiz.

βœ… for..in ham, for..of ham ma'lumotlar tuzilmalarini takrorlash uchun ishlatiladigan aylanma konstruktsiyalardir. Ularning orasidagi yagona farq ular takrorlaydigan ob'ektlardir:

▫️for..in - ob'ektning barcha sanab o'tiladigan xususiyat kalitlari ustidan takrorlanadi.

▫️for..of - takrorlanadigan ob'ektning qiymatlari ustida takrorlanadi. 

Takrorlanadigan obyektlarga massivlar va satrlar roΚ»yxati misol boΚ»la oladi.

Bularning barchasi haqida bugungi darsimizda batafsil fikr yuritamiz. Darsimiz foydali bo'ladi degan umiddaman...

πŸ‘‰ Videoga o'tish


Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

πŸ‘‰ Telegram | YouTube | Instagram
πŸš€ Online ta'limni xush ko'ruvchilar va Frontend dasturlashni online o'rganmoqchi bo'lganlar, qani yaqinroq kelinglar. Gap bor...

πŸ’πŸ»β€β™‚οΈ Online Frontend Development kurslariga qabul boshlandi !!!

Kurs bo'yicha ma'lumot
πŸ’» Kurs turi: Onlayn (Zoom)
πŸ—“ Kurs davomiyligi: 5 oy
πŸ•’ Kurs vaqti: Haftada 3 marta 1.5-2 soat (19:00 - 21:00)
βœ… Kurs sifati: Kafolatlanadi
✍🏻 Ro'yxatdan o'tish uchun: @rajabov_doston

πŸ§‘πŸ»β€πŸ’»Mentor: Doston Rajabov
- Frontend Developer
- 20+ dan ziyod web ilovalar muallifi
- 4+ yillik tajriba

βœ… O’tiladigan texnologiyalar:

▫️ HTML, CSS, SASS
▫️ Bootstrap
▫️ JavaScript, DOM
▫️ React js base
▫️ React js Advance
▫️ React js ecosystem

O'quv jarayoni davomida siz quyidagi imkoniyatlarga ega bo'lasiz:
β–ͺ️Mutaxassislar foydalanadigan barcha kerakli vositalarni bilib olasiz;
β–ͺ️O'qishning 80% amaliyot bilan o'tkaziladi;
β–ͺ️10 kishigacha bo'lgan guruhda online o’qish;
β–ͺ️Har bir talaba bilan bevosita ishlanadi, vazifalar berib boriladi va darslar chuqurlashtirilgan holda tashkil etiladi.


🧐 Boshlang'ich bilim talab etilmaydi. Sizdan faqat ishtiyoq va noutbook bo'lsa kifoya !!!

Eng qizig'i Frontend kursining narxi atiga 500 000 so'm

πŸ˜‰ Ishonaveringlar, bunaqa narxlarda hech qaysi o'quv markazi dars bermaydi.


Batafsil ma’lumot olish uchun:
πŸ§‘πŸ»β€πŸ’» Admin: @rajabov_doston
Doston Dev | IT BLOG pinned Β«πŸš€ Online ta'limni xush ko'ruvchilar va Frontend dasturlashni online o'rganmoqchi bo'lganlar, qani yaqinroq kelinglar. Gap bor... πŸ’πŸ»β€β™‚οΈ Online Frontend Development kurslariga qabul boshlandi !!! Kurs bo'yicha ma'lumot πŸ’» Kurs turi: Onlayn (Zoom) πŸ—“ Kurs davomiyligi:…»
Qiziqarli qisqa savol-javob

Yuqoridagi kod natijasi qanday chiqadi???
Anonymous Quiz
23%
false
27%
undefined
33%
true
18%
20true
πŸŒ€ JavaScript darslari | Amaliyot (loop) (25-dars)

Assalom-u alaykum hurmatli obunachilar !!!

Bugungi video darsimizda JavaScript da loop ya'ni takrorlash operatorlari, sikllar mavzularini chuqurroq va yaxshi o'zlashtirish maqsadida ushbu mavzular bo'yicha amaliyot qilib o'tamiz.

Darsimiz foydali bo'ladi degan umiddaman...

πŸ‘‰ Videoga o'tish


Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

πŸ‘‰ Telegram | YouTube | Instagram
#foydali
#figma

Assalomu aleykum hurmatli obunachilar !!!

Html, Css , Sass, Bootstrap yordamida amaliyot qilishingiz uchun bir nechta figma varinatlarini qoldiraman.

Max Way loyihasi figmasi

Portfolio uchun

edu hamda dtm sayti figmalari

desktop va mobile versiyalari bor nechta figmalar

landing pagelar figmalari

O'rgangan bilimlarizni amaliyotda qo'llash vaqti keldi.Bizni kuzatishda davom eting.

πŸ‘‰ Telegram | YouTube | Instagram
Qiziqarli qisqa savol-javob

div+p{ color:red; } mana shu oraliqda yozilgan code qaysi elementga ta'sir qiladi???
Anonymous Quiz
12%
div
36%
p
27%
har ikkalasiga
25%
div va p teglari orasidagi barcha teglarga
#foydali
#css

Assalom-u alaykum hurmatli obunachilar !!!

Bugungi postimizda CSS dagi ba'zi selectorlar bilan tanishib chiqamiz.

πŸ‘‰ @doston_dev
πŸ’πŸ»β€β™‚οΈ WakaTime - dasturchilar uchun qulay vaqt kuzatuvchisi

🧐 Ushbu xizmat dasturchilarga turli vazifalarni bajarish uchun qancha vaqt sarflaganini kuzatish imkonini beradi. WakaTime dasturchi qanday loyihalar va fayllar bilan ishlagani, qaysi tillardan foydalangani va bir kun yoki hafta davomida ishi qanchalik samarali bo'lganini ko'rsatadi.

πŸ“Š WakaTime foydalanuvchiga o'z ishining batafsil statistikasini taqdim etadi. Shunday qilib, siz o'z faoliyatingizdagi jarayonlarni kuzatishingiz va loyihani ishlab chiqishda foydali strategiyalarni ishlab chiqishingiz mumkin.

πŸ«‚ Xizmat qirqdan ortiq ishlab chiqish muhitlarini qo'llab-quvvatlaydi, jumladan Web Storm, Visual Studio, Android Studio, IntelliJ Idea, Unity, Eclipse, Xcode va boshqalar.

πŸš€ Siz WakaTime dan butunlay bepul foydalanishingiz mumkin. Bundan tashqari, premium, korporativ va jamoaviy hisoblari ham mavjud.

@doston_dev
This media is not supported in your browser
VIEW IN TELEGRAM
#foydali_kod
#css
#animation

Text fill on hover - hover holatida matnni boshqa rang bilan to'ldirish uchun sof CSS effekti.

πŸ‘‰ Kod linki

@doston_dev
#foydali_manba

πŸ’πŸ»β€β™‚οΈ LeetCode - bu veb-sayt bo'lib, unda siz kodlash muammolarini mashq qilishingiz va texnik intervyularga tayyorgarlik ko'rishingiz mumkin.

πŸ«‚ LeetCode turli xil dasturlash tushunchalarini qamrab oluvchi 2000 dan ortiq amaliy savollarni taklif etadi. Har bir kodlash muammosi tasnifiga ega: oson, o'rta yoki qiyin. LeetCode savollari mashhur dasturlash tillarini qo'llab-quvvatlaydi.

@doston_dev
This media is not supported in your browser
VIEW IN TELEGRAM
#foydali_kod
#animation
#css

Snow - yog'ayotgan qor animatsyasini sof CSS animatsiyasi orqali amalga oshirish.

πŸ‘‰ Kod linki

@doston_dev
πŸ’πŸ»β€β™‚οΈ Maktabdan Google gacha... - O'zbek dasturchisining hikoyasi

πŸ‘‰ Maqola

@doston_dev
πŸš€ JavaScript dialog oynalari: alert, prompt, confirm metodlari.

JavaScript da kiritish va chiqarishning 3 standart usuli mavjud:

⚠️ Alert (Ogohlantirish) - matnli dialog oynasini chaqiradi va OK tugmasiga ega.

Misol: alert("Doston Dev kanaliga obuna bo'ling!");

πŸ–Š Prompt (So'rov) - kiritish maydonini o'z ichiga olgan dialog oynasini chaqiradi. Siz satrlar va qiymatlarni kiritishingiz mumkin.

Misol: var userName = prompt("Iltimos, foydalanuvchi nomingizni kiriting:");

βœ… Confirm
(Tasdiqlash) - matn va ikkita tugmachali dialog oynasini chaqiradi: Bekor qilish va OK.

Misol: var result = confirm("Siz Doston Dev kanaliga obuna bo'ldingizmi?");

@doston_dev