Web Dasturlash kanali
9.85K subscribers
1.41K photos
441 videos
31 files
1.05K links
πŸ–₯ Web dasturlash bo'yicha muhim maslahatlar, post, maqola va qiziqarli ma'lumotlar kanaliga xush kelibsizlar!

⁉️IT blog: @javohir_webdev

😎 Reklama: http://t.me/techno_ads/17
Download Telegram
πŸ‘¨β€πŸ’» Yangi Dasturchilar uchun 8 ta e'tibor qaratilishi kerak bo'lgan, muhim jihatlar:

1.
Mantiqiy fikrlash.
2. Googleda ma'lumot qidirishni o'rganish.
3. Faqat bitta tilga e'tibor berish.
4. Youtubedan o'rganish.
5. Kichik loyihalarni oxiriga yetkazish.
6. Trendlarga e'tibor bermaslik.
7. Errorlar nimalarni anglatishini tushunish.
8. To'xtovsiz kodlash.

P/s: Faqat yangilar uchun ham emas πŸ˜‰

πŸ‘‰ @WebDev07 βœ…
πŸ‘¨β€πŸ’»29πŸ‘11⚑5πŸ•Š3πŸ‘1
Qaysi biri "Inline" element hisoblanadi ?
Anonymous Quiz
28%
<div>
19%
<p>
39%
<a>
15%
<h1 - h6>
❀18😁8πŸ‘7πŸ‘6πŸ”₯6πŸ₯΄4⚑2πŸ‘Œ2πŸ‘¨β€πŸ’»2
#News
YouTube yangi xususiyatni joriy qilmoqda.

βž–23-avgustdan boshlab obuna boβ€˜lish tugmasi yonida bosiladigan havola paydo boβ€˜ladi.

βž– Ushbu havola yaratuvchilarga foydalanuvchilarni turli yo'nalishlarga, masalan, savdo veb-saytlari yoki ijtimoiy media profillariga yo'naltirish imkonini beradi.

πŸ‘‰ Batafsil

πŸ‘‰ @WebDev07 βœ…
πŸ‘35😁9❀8πŸ”₯7πŸ‘7πŸ€“4⚑2πŸ‘Œ2
πŸš€ TedX - hech eshitganmisiz ? Ushbu platforma orqali siz, o'z sohasining professionallaridan kerakli maslahatlar olishingiz mumkin. Shu paytgacha ko'plab dasturchilar tomonidan taqdim etilgan videolar siz uchun ham foydali bo'lishi mumkin.

Ushbu videolarni tomosha qilishni unutmang πŸ˜‰

πŸ‘‰ 1. Why you should learn to code ?

πŸ‘‰ 2. Programming as a Second Language ?

πŸ‘‰ 3. Don't Just Learn To Code, Learn To Create...

πŸ‘‰ 4. β€œLearning to Code is Not Just for Coders”

πŸ‘‰ 5. How I taught myself to code ?

πŸ’£ TedX platformasi nafaqat ma'lumotlar balki yangiliklarni ham taqdim etib boradi.

πŸ‘‰ @WebDev07 βœ…
πŸ‘7πŸ”₯2⚑1πŸ‘1πŸ‘Œ1
This media is not supported in your browser
VIEW IN TELEGRAM
Qiyindek tuyilgan "TikTok loading" animatsiyasini hosil qilinishi...

Sinab ko'rishni unutmang ☺️

πŸ‘‰ @WebDev07 βœ…
⚑12πŸ‘6🀣5😍4πŸ‘Œ1
πŸ“Œ Frontendga oid amaliyot qilish uchun TOP manbalar

1. Tayyor Dizayn shablonlari orqali HTML, CSS imkoniyatlaringizni kuchaytiring.
πŸ‘‰ codewell.cc

2. Kunlik dizayn chellenjlari yig'ilgan majmua.
πŸ‘‰ dailyui.co

3. Murakkabroq Frontend loyihalarida o'zingizni sinang.
πŸ‘‰ frontendpractice.com

4. Bir oylik javascript chellenji orqali JS bo'yicha bilimlaringizni oshiring.
πŸ‘‰javascript30.com

5. CSSga doir turli darajadagi vazifalar jamlanmasi.
πŸ‘‰cssbattle.dev

βœ… @WebDev07 | #Foydali
πŸ‘7❀1πŸ”₯1πŸ‘Œ1
"Java" va "JavaScript" o'xshash til? πŸ€”

Bu ikkala tilning imkoniyatlari va o'xshashliklari haqida nima deb o'ylaysiz?

P/s: Fikrlaringizni qoldiring...

πŸ‘‰ @WebDev07 βœ… | Manba
πŸ‘14❀8πŸ”₯2πŸ€”1πŸ‘Œ1πŸ₯΄1
This media is not supported in your browser
VIEW IN TELEGRAM
πŸ‘18πŸ‘3πŸ‘¨β€πŸ’»2πŸ”₯1πŸ‘Œ1
Hammada shunaqami ?πŸ˜…

πŸ‘‰ @WebDev07 βœ…
🀣115πŸ‘8πŸ‘4πŸ‘¨β€πŸ’»3⚑2πŸ€“2πŸ”₯1
πŸ“Œ 2023-yil holatiga ko'ra dunyodagi eng mashhur 10 ta qidiruv tizimi.

β€’ Google β€” google.com

β€’ Bing β€” bing.com

β€’ Baidu β€” baidu.com

β€’ Yahoo! β€” yahoo.com

β€’ Yandex β€” yandex.com

β€’ Ask β€” ask.com

β€’ DuckDuckGo -- duckduckgo.com

β€’ Naver β€” naver.com

β€’ AOL β€” aol.com

β€’ Seznam β€” seznam.com

ℹ️ Google β€” qidiruv tizimi shu qadar mashhurki, u butun dunyodagi boshqa barcha qidiruv tizimlardan foydalanish foizini qo'shib hisoblaganda ham ortda qoldiradi.

πŸ‘‰ @WebDev07 βœ… | #foydali
πŸ‘18🀣4πŸ”₯3πŸ‘2❀1⚑1πŸ₯΄1
This media is not supported in your browser
VIEW IN TELEGRAM
πŸ‘21❀5πŸ‘Œ2πŸ”₯1πŸ₯΄1πŸ€“1
This media is not supported in your browser
VIEW IN TELEGRAM
#effect

"Yuklab olish" tugmasi uchun ajoyib effect. πŸ₯°

πŸ‘‰ @WebDev07 βœ…
πŸ”₯34πŸ‘14πŸ‘2❀1⚑1πŸ‘Œ1πŸ₯΄1
❀11πŸ‘3
Console ga nima chiqadi ?
Anonymous Quiz
15%
22
32%
20
37%
Error
16%
Null
🀣35πŸ‘¨β€πŸ’»13πŸ€”7πŸ‘3⚑2πŸ”₯2πŸ€“2πŸ‘1πŸ‘Œ1
πŸ’£ CSS dagi yangiliklar.

CSS ham $$$ dek o’sishdan toxtamasdan yangiliklar bilan boyitiladi, shunga asosan quyidagi maqolani o’qib ko’rib, "pure CSS" ga ham, ancha o’zgartirishlar kiritilganini bildim. Tog’ri, hozircha barcha o’zgarishlar ham, 100% browser'larda ishlamaydi. Lekin yaqin 3-5 yil ichida, barcha o’zgarishlar 100% ishlasa kerak.

Menga yoqgan yangiliklar:

- :has - selektori, ota elementda ma’lum bir β€œbola” element borligini bilib, shunga yarasha stilni o’zgartirishingiz mumkinligi

- text-wrap: balance - 4 qatorgacha bo’lgan sarlavhalarni kenglik bo’yicha β€œmuvozanat”ga olib kelish

- Dynamic viewport units - browser oynasida (ayniqsa mobil telefonlarda) browserning qo’shimcha oynalari ochiq yoki yopiqligiga qarab viewport o’lchamlarini olish. Buni yaxshilab o’qib ko’rsangiz, ko’p uchrashi mumkin bo’lgan muammolarga yechim bo’la oladi.

- Nested styles - huddi SASS/SCSS dek, ichma ich joylashgan selektorlarni yozish. Shuning o’zi ham frontendchi/verstalshik hayotini juda osonlashtirishi mumkin.

- Popover API - z-index ni boshqarmasdan elementni eng yuza qavatga olib chiqish va undan yashirish.

- Scroll-Driven Animations API - Sichqonchani burash orqali boshqariladigan animatsiyalarni yaratishni ancha osonlashtirish uchun CSS va JS ga qo’shilgan yangiliklar.

Bundan tashqari ko’pgina foydali o’zgarishlar haqida quyidagi maqolada o’qishingiz mumkin πŸ‘‰ Batafsil

©️Khumoyun Codes

πŸ‘‰
@WebDev07 βœ…
πŸ‘22πŸ”₯4πŸ‘1πŸ‘Œ1