JavaScript bilimingizni turli darajadagi misollar orqali kuchaytiring.
Bu saytlar orqali fikrlashingizni, bilimingizni yanada oshiring:
▫️ LeetCode
▫️ CodeWars
▫️ CodinGame
▫️ GeeksForGeeks
▫️ Programmr
▫️ TopCoder Challenges
▫️ CodeForces
▫️ SoloLearn
▫️ KickStart — Google’s Coding Competitions
▫️ CodeChef
▫️ CodeGym
▫️ CodePen Challenges
Siz yana qanday saytlarni bilasiz? Izohlarda qoldirishingiz mumkin! 💬
👉🏼 @Frontend 👈🏼
Bu saytlar orqali fikrlashingizni, bilimingizni yanada oshiring:
▫️ LeetCode
▫️ CodeWars
▫️ CodinGame
▫️ GeeksForGeeks
▫️ Programmr
▫️ TopCoder Challenges
▫️ CodeForces
▫️ SoloLearn
▫️ KickStart — Google’s Coding Competitions
▫️ CodeChef
▫️ CodeGym
▫️ CodePen Challenges
Siz yana qanday saytlarni bilasiz? Izohlarda qoldirishingiz mumkin! 💬
👉🏼 @Frontend 👈🏼
👍4🔥2
Telegram kanalimizda STORIES funksiyani ishlatishimiz uchun ovoz bering!
https://t.iss.one/boost/frontend
Foydali kontentlarni video ko'rinishida qabul qiling!
https://t.iss.one/boost/frontend
Telegram
Frontend
Bu kanal qoʻshimcha funksiyalarni ochishiga yordam berish uchun unga ovoz bering.
🔥4
#devtools #ai
Web dasturchilar uchun top AI yordamchilari
1. Sketch2Code
2. Durable
3. ChatGPT
4. Code Mentor
5. Copilot by GitHub
6. Copilot
👉🏼 @Frontend 👈🏼
Web dasturchilar uchun top AI yordamchilari
1. Sketch2Code
2. Durable
3. ChatGPT
4. Code Mentor
5. Copilot by GitHub
6. Copilot
👉🏼 @Frontend 👈🏼
🔥5👍3
This media is not supported in your browser
VIEW IN TELEGRAM
#game #devtools
🎮 Frontend'ni o'yin o'ynab o'rganing
Frontend'ni o'rganishda top 5 ta bepul o'yin:
🧟♂️ “Flexbox Zombies” - u sizga CSS Flexbox-ni o’rganishga yordam beradi. Ushbu o’yinda siz Hoodie nomli personajni boshqarishingiz kerak, u Flexbox kodini ishlatadi.
🥕 “CSS Grid Garden” - sizga CSS Grid-ni o’rganishga yordam beradi. Ushbu o’yinda siz sabzavot bog’ini rivojlantirish uchun CSS kodini yozasiz.
🍽 “CSS Diner” - Ushbu o’yin orqali, siz CSS-ni o’rganishda yordam beradigan bir qator topshiriqlar orqali o’z CSS mahoratingizni oshirishingiz mumkin.
🏹 “CodeCombat” - o’yin Python va JavaScript dasturlash tillarini o’rganishga yordam beradi. U yerda 400 dan ortiq darajalar mavjud.
🥊 "Coding Fantasy" Bu platforma sizga HTML, CSS va JavaScript-ni o’rganishga yordam beradigan bir qator o’yinlarni taklif qiladi.
👉🏼 @Frontend 👈🏼
🎮 Frontend'ni o'yin o'ynab o'rganing
Frontend'ni o'rganishda top 5 ta bepul o'yin:
🧟♂️ “Flexbox Zombies” - u sizga CSS Flexbox-ni o’rganishga yordam beradi. Ushbu o’yinda siz Hoodie nomli personajni boshqarishingiz kerak, u Flexbox kodini ishlatadi.
🥕 “CSS Grid Garden” - sizga CSS Grid-ni o’rganishga yordam beradi. Ushbu o’yinda siz sabzavot bog’ini rivojlantirish uchun CSS kodini yozasiz.
🍽 “CSS Diner” - Ushbu o’yin orqali, siz CSS-ni o’rganishda yordam beradigan bir qator topshiriqlar orqali o’z CSS mahoratingizni oshirishingiz mumkin.
🏹 “CodeCombat” - o’yin Python va JavaScript dasturlash tillarini o’rganishga yordam beradi. U yerda 400 dan ortiq darajalar mavjud.
🥊 "Coding Fantasy" Bu platforma sizga HTML, CSS va JavaScript-ni o’rganishga yordam beradigan bir qator o’yinlarni taklif qiladi.
👉🏼 @Frontend 👈🏼
🔥6👍1
This media is not supported in your browser
VIEW IN TELEGRAM
#foydali #programming_Tools
CSS Layout Generator - bu platforma sizga UI (User Interface) komponentlarini joylashtirish uchun tayyor CSS va HTML kodini yaratib beradi.
Bu sizga to'g'ri yechimlarni o'rganish, vaqtdan yutish imkonini beradi.
👉🏼 @Frontend 👈🏼
CSS Layout Generator - bu platforma sizga UI (User Interface) komponentlarini joylashtirish uchun tayyor CSS va HTML kodini yaratib beradi.
Bu sizga to'g'ri yechimlarni o'rganish, vaqtdan yutish imkonini beradi.
👉🏼 @Frontend 👈🏼
🔥2
This media is not supported in your browser
VIEW IN TELEGRAM
#css
attr() funktsiyasi
Har qanday element atributining qiymatini oladigan va keyin bu qiymatdan to'g'ridan-to'g'ri uslublarda foydalanishi mumkin bo'lgan CSS funktsiyasi
Ushbu funktsiyadan foydalanishning eng keng tarqalgan holatlari - bu ko'rsatma yaratish (GIF-dagi misol) va sahifani chop etishda havola matnidan keyin href atributining qiymatini ko'rsatish.
👉🏼 @Frontend 👈🏼
attr() funktsiyasi
Har qanday element atributining qiymatini oladigan va keyin bu qiymatdan to'g'ridan-to'g'ri uslublarda foydalanishi mumkin bo'lgan CSS funktsiyasi
Ushbu funktsiyadan foydalanishning eng keng tarqalgan holatlari - bu ko'rsatma yaratish (GIF-dagi misol) va sahifani chop etishda havola matnidan keyin href atributining qiymatini ko'rsatish.
<a href="#" data-tooltip="t.iss.one/Frontend Zo'ri 😉">Hover me</a>
.tooltip:hover::before {
content: attr(data-tooltip);
}
👉🏼 @Frontend 👈🏼
🔥5👍3
#js #github
JavaScriptni o'rganish uchun kerakli Github omborlari
JS o'rganayotgan do'stlarimizga ushbu Github omborlari juda yordam beradi.
▫️JavaScript qo'llanma - havola
▫️JS Clean Code - havola
▫️JavaScript bo'yicha kitoblar - havola
▫️JavaScript algoritmlar - havola
▫️JS Dasturchilar bilishi kerak bo'lgan 33 tushuncha - havola
▫️JS savol , javob - havola
👉🏼 @Frontend 👈🏼
JavaScriptni o'rganish uchun kerakli Github omborlari
JS o'rganayotgan do'stlarimizga ushbu Github omborlari juda yordam beradi.
▫️JavaScript qo'llanma - havola
▫️JS Clean Code - havola
▫️JavaScript bo'yicha kitoblar - havola
▫️JavaScript algoritmlar - havola
▫️JS Dasturchilar bilishi kerak bo'lgan 33 tushuncha - havola
▫️JS savol , javob - havola
👉🏼 @Frontend 👈🏼
👍7🔥3
✅ Kod yozgan vaqtingizni qanday kuzatish mumkin?
WakaTime - dasturchilar uchun vaqtni kuzatish plaginidir. U matn muharrirlari va IDE-larga, shuningdek, Chrome kabi brauzerlarga integratsiyalashgan.
Vaqtni avtomatik kuzatish, dasturlash tilidan foydalanish tahlili va unumdorlik vositalarini taqdim etadi.
⚙️ Plaginni o'rnatish uchun havola
Foydalanganlar plagin haqida fikringizni izohlarda yozib ketishingiz mumkin 💬
👉🏼 @Frontend 👈🏼
WakaTime - dasturchilar uchun vaqtni kuzatish plaginidir. U matn muharrirlari va IDE-larga, shuningdek, Chrome kabi brauzerlarga integratsiyalashgan.
Vaqtni avtomatik kuzatish, dasturlash tilidan foydalanish tahlili va unumdorlik vositalarini taqdim etadi.
⚙️ Plaginni o'rnatish uchun havola
Foydalanganlar plagin haqida fikringizni izohlarda yozib ketishingiz mumkin 💬
👉🏼 @Frontend 👈🏼
👍2🔥2
Frontend vacancy
#js #bootstrap #vakansiya
💼 Lavozim: Frontend dasturchi
💼 Lavozim: Frontend dasturchi
JavaScript'ni yaxshi biladigan va ozrlq real loyihada qatnashganlar uchun yaxshi imkoniyat 👆🏻
👉🏼 @Frontend 👈🏼
👉🏼 @Frontend 👈🏼
👍5🔥1
Frontend vacancy
💼 Lavozim: Frontend React dasturchi
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥3👍1