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
πŸŒ€ JavaScript darslari | Ma'lumotlar turlari (5-dars)


πŸ‘‰ Videoga o'tish


Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

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

Sahifada ko'rinmay qolgan rasmlar haqida ma'lumot beruvchi attribute nomi nima???
Anonymous Quiz
24%
src
57%
alt
12%
style
7%
href
Assalomu aleykum hurmatli obunachilar !!!

Yaqin kunlarda sizlar bilan birgalikda YouTube da Livestream qilmoqchiman.Asosan amaliyot qilamiz ya'ni JavaScript gacha bo'lgan bilimlarimizni rivojlantiramiz va shu bilan birgalikda soha doirasidagi savollarga javoblar beriladi. Amaliyot uchun birorta proyektni figmasini tanlab olamiz va shuni 0 dan boshlab to'liq shakllantiramiz. Keyinroq tanlash uchun man figma variantlarini kanalga tashab quyaman.Hozir esa sizlarga Livestream uchun qaysi vaqt qulay ekanligini aniqlab olsak.Hamma o'ziga qulay vaqtni kommentariyada qoldirsa keyin o'sha kuni hammaga qulay vaqtda Livestream ni o'tkazamiz.

Qo'shimcha taklif va fikrlarni kommentariyada kutib qolamiz.
πŸŒ€ JavaScript darslari | Operatorlar, Arifmetik operatorlar (6-dars)

JavaScript operatorlari operandlar ustida amallarni bajarish uchun foydalaniladigan belgilar hisoblanadi.

Masalan: let summa = 10 +20;

Bu erda + arifmetik operator va = esa o'zlashtirish operatori.

JavaScript-da operatorlarning quyidagi turlari mavjud:

🟣 Arifmetik operatorlar
🟒 Taqqoslash (munosabat) operatorlari
πŸ”΄ Bitli operatorlar
πŸ”΅ Mantiqiy operatorlar
🟑 Belgilash operatorlari
🟠 Maxsus operatorlar


Bugungi darsimizda Operandlar ustida arifmetik amallarni bajarish uchun ishlatiladigan arifmetik operatorlardan foydalanishni o'rganamiz.

πŸ‘‰ Videoga o'tish

Bizni kuzatishda davom eting !!!

Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

πŸ‘‰ Telegram | YouTube | Instagram
#tavsiya

Faqat HTML va CSS orqali qanday qilib birinchi ishimizmi topishimiz mumkin ❓

Bilasizki sizlar bilan hozirda JavaScript darslarini birgalikda ko'rib chiqyapmiz. JavaScript ishlatmasdan biz faqat statik ko'rinishdagi web ilovalarni ishlab chiqishimiz mumkin. JavaScript gacha bo'lgan bilim bilan faqat statik ko'rinishdagi web sahifa ishlab chiquvchilarni biz "Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊ" deb nomlaymiz. Shu o'rinda bir savol tug'iladi. JavaScriptni bilmasdan turib ham ish faoliyatimizni boshlashimiz mumkinmi ❓

Ha albatta. "Π²Π΅Ρ€ΡΡ‚Π°Π»ΡŒΡ‰ΠΈΠΊ" sifatida o'zingiz uchun ishlarni bir qator web saytlardan topishingiz mumkin. Bunday saytlar hozirda juda ham ko'p. Bularga misol qilib toptal.com, freelancer.com kabi saytlarni ko'rsatish mumkin. Sizlarga xuddi shunday saytlardan biri hh.uz saytini tavsiya qilmoqchiman. Ushbu sayt orqali bemalol ish boshlashingiz mumkin. Buning uchun siz hh.uz saytidan ro'yxatdan o'tishingiz va o'z rezyumengizni tayyorlashingiz kerak bo'ladi. Ushbu web saytda har kuni 100 lab korxonalar o'zlarida bor vakansiyarni sizlarga taqdim etadi. Bu yerda masofadan turib o'zizga qulay sharoitda ishlash imkoniyati ham mavjud.

Demak o'z bilimlaringizni mustahkamlab amaliyot qilish imkoniyatini qo'ldan boy bermang. Shoshiling va o'z ishingizga ega bo'ling !!!

πŸ‘‰ @doston_dev
Qizqarli qisqa savol-javob

HTML dagi manbalaringizga sharhlar qo'shish imkoniyatini beruvchi sintaksisni ko'rsating
Anonymous Quiz
24%
// sharh
17%
<!> sharh <>
48%
<!--> sharh <-->
12%
<--> sharh <-->
#foydali_kod
#html
#css
#animation
#form

✨ HTML va CSS orqali yaratilgan ajoyib animatsiyali autentifikatsiya sahifasi

πŸ‘‰ Kod linki


@doston_dev
Assalomu alaykum qadrli do'stlar. Ushbu postda siz bilan frontend uchun eng kerakli va muhim bo'lgan ish vositalarini ko'rib chiqamiz.

1. GITHUB - Ushbu vosita dasturchilarga kodni o'rganish, dasturiy ta'minot yaratish va loyihalarni boshqarish imkoniyatini beradi.

2. CREATIVE TIM - veb-saytingizni tezroq loyihalashtirishga yordam beradigan Bootstrap-ga asoslangan dizayn elementlarini taqdim etadi.

3. NPM - bu Node.js.-ga kiritilgan paket menejeri. Ushbu yordam dasturi paketlarni o'rnatish va olib tashlash, loyihani amalga oshirish uchun zarur bo'lgan versiyalar va bog'liqliklarni boshqarishda yordam beradi.

4. CODEKIT - Ushbu vosita veb-saytlarni tezda yaratish uchun yordam beradi. Codekit istalgan tilni kompilyatsiya qiladi, rasmlarni optimallashtiradi, kodni minimallashtiradi.

5. WEBSTORM - WebStorm avtomatik to'ldirishni, tezkor kodlarni tahlil qilishni, kodlarni navigatsiya qilishni, qayta tuzishni, disk raskadrovka va manbalarni boshqarish tizimlari bilan integratsiyani ta'minlaydi.

6. GRUNT - Avtomatik ravishda JavaScript dasturlash tilida yozilgan muntazam operatsiyalarni bajarish uchun masala menejeri (masalan, kichraytirish, sinash, fayllarni birlashtirish).

7. CODEPEN - Onlayn kod muharriri sifatida ishlaydi, bu erda siz o'zingizning kod parchangizni yaratishingiz va uni ko'rishingiz mumkin.

8. DEVELOPER TOOLS - Bular sizga dasturiy ta'minotni yaratish, sinash va xatolarini tekshirishga imkon beruvchi dasturlar.

9. TYPESCRIPT
- JavaScript-ni imkoniyatlarini kengaytiradigan veb-dastur ishlab chiqish vositasi sifatida joylashtirilgan dasturlash tili.

10. VISUAL STUDIO CODE - Veb va bulutli dasturlarning platformalararo rivojlanishi uchun "Yengil" kod muharriri.

11. MODAAL - Sifat, moslashuvchanlik va qulaylikning to'g'ri kombinatsiyasiga ega modal plagin.

12. SASS - CSS kodini abstraktsiya darajasini oshirish va kaskadli uslublar fayllarini soddalashtirish uchun mo'ljallangan CSS asosidagi meta tili.

13. GRID.GUID - Loyihalaringizda pikselli mukammal setkalarni yaratishda sizga yordam beradigan vosita

14. SUBLIME TEXT - Mahalliy fayllarni yoki kod bazalarini tahrirlash uchun maxsus matn muharriri. Python dasturlash tilidagi plaginlarni qo'llab-quvvatlaydi.

Frontend dasturchi uchun zarur va muhim bo'lgan vositalar juda ham ko'p. Biz faqat bugungi postimizda ayrimlari haqida qisqacha tanishtirishga harakat qildik. Keyingi postlarimizda shu va boshqa ish vositalari haqida batafsil ma'lumot berib o'tishga harakat qilamiz. Bugungi postimiz ham siz uchun foydali bo'ldi degan umimmadamiz.

Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

πŸ‘‰ Telegram | YouTube | Instagram
πŸŒ€ JavaScript darslari | Assigment operators (O'zlashtirish operatorlari) (7-dars)


πŸ‘‰ Videoga o'tish


Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

πŸ‘‰ Telegram | YouTube | Instagram
Qiziqarli qisqa savol-javob
Doston Dev | IT BLOG
Qiziqarli qisqa savol-javob
Yuqoridagi rasmda 8-qator va 10-ustunda joylashgan harfni toping ???
Anonymous Quiz
34%
L
20%
V
22%
Q
24%
W
#en #maqola #vscode

Mahsuldorlikni oshirish uchun 15 ta VS Code dasturining foydali klaviaturasi

VS Code - web ilovalar ishlab chiqish bo'yicha eng mashhur tahrirchilardan biri. Kod yozishda bizga tez-tez formatlashning ma'lum bosqichlari kerak bo'ladi va ularning ko'pchiligi VS Code muharriri tomonidan qo'llab quvvatlanadi. Aksariyat amallarni menyu variantlarida topish mumkin bo'lsada, klaviatura yorliqlaridan foydalanish kodlash tezligini sezilarli darajada yaxshilashi mumkin.

Quyidagi maqolada juda foydali VS Code dagi klaviatura kombinatsiyalari ro'yxati keltirilgan.

πŸ—‚ Maqola linki


〽️@doston_dev
Qiziqarli qisqa savol-javob

Img tegining qaysi attribute ga rasm manzili yoziladi???
Anonymous Quiz
17%
link
19%
href
58%
src
6%
style
πŸŒ€ JavaScript darslari | Comparison operators (Taqqoslash operatorlari) (8-dars)


πŸ‘‰ Videoga o'tish


Ijtimoiy tarmoqlardagi sahifalarimizga obuna bo'ling:

πŸ‘‰ Telegram | YouTube | Instagram
Assalom-u aleykum hammaga !!!

Birinchi qorlar muborak bo'lsin. Qorni ko'rib ertalabdan kayfiyatimiz ko'tarildi. Siz azizlarni ham kun davomida ana shunday yuqori kayfiyat tark etmasin. Bunday ob-havoda issiqqina uyda kofe ichib kompyuter qarshisida o'tirib ishlash mazza bo'lsa kerak. Sizlar qanday mashg'ulot bilan band bo'lasizlar ❓
🌈 JUST COLOR PICKER - Rang kalkulatori

Bunday dasturlar internetda juda ko'p uchraydi. Lekin barchasi ham talablarga javob bermaydi. Men esa sizlarga eng yaxshisini tavsiya qilaman.

Lekin savol tug'iladi bu dasturni boshimga uramanmi❓

Yo'q bu dastur asosan web-dasturchilarga kerak bo'ladi.

Bu dastur yordamida siz kompyuter ekranidagi rangning 16lik kodini olishingiz mumkin. Buning uchun esa siz bor yo'g'i kursorni ekranning kerakli joyiga olib borasiz va kursor borgan joydagi rangning 16 lik kodi dasturda aks etadi.

Dasturni yuklab olish uchun havola:

πŸ“₯ Yuklab olish

@doston_dev
Qiziqarli qisqa savol-javob

Web-sahifani web-sahifa ichida ko'rsatish uchun ishlatiladigan HTML teg qaysi ???
Anonymous Quiz
35%
iframe
30%
a
34%
link