π¨βπ» 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 β
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.
π¨βπ»29π11β‘5π3π1
β€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 β
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 β
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 β
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
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
π14β€8π₯2π€1π1π₯΄1
This media is not supported in your browser
VIEW IN TELEGRAM
π18π3π¨βπ»2π₯1π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
β’ 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
π₯34π14π2β€1β‘1π1π₯΄1
π€£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 β
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