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
This media is not supported in your browser
VIEW IN TELEGRAM
Batareya holati API orqali siz qurilma batareyasi haqidagi ma'lumotlarga kirishingiz mumkin.
navigator.getBattery().then((batteryManager) => console.log(batteryManager)); // BatteryManager { ......}BatteryManager obyekti quyidagi xususiyatlarni o’z ichiga oladi:
• charging: Batareya zaryadlanayotganligini ko’rsatuvchi mantiqiy qiymat.
• chargingTime: Batareya to’liq zaryadlanishiga qancha vaqt qolganligini sekundlarda ko’rsatuvchi qiymat.
• dischargingTime: Batareya to’liq tugaguncha qancha vaqt borligini sekundlarda ko’rsatuvchi qiymat.
• level: Batareya darajasi, 0.0 (bo’sh) va 1.0 (to’liq) orasidagi son.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍9⚡5🔥3
Frontend vacancy
React'chilar uchun yangi vakansiya, o'quv kurslarini bititrganlar uchun amaliyot ham bor 👆
👉 @Frontend ✅️
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2👍1🏆1
Frontend vacancy
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4👍2
This media is not supported in your browser
VIEW IN TELEGRAM
div elementini markazlashtirish va moslashuvchan(responsive) qilish uchun optimal css yechim.CSS kodi:
.element {
position: fixed;
inset: 0px;
width: 12rem;
height: 5rem;
max-width: 100vw;
max-height: 100dvh;
margin: auto;
}inset: 0px = top: 0; right: 0; bottom: 0; left: 0;
Foydali kontent uchun OBUNA BO'LING:
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥9👍5⚡3
Ushbu framework sizga quyidagi xizmatlarni bepul taqdim etadi:
— nested slides;
— Markdown support;
— Auto-Animate;
— PDF export;
— speaker notes;
— LaTeX typesetting;
— syntax highlighted code;
— extensive API
Foydali kontent uchun OBUNA BO'LING:
Please open Telegram to view this post
VIEW IN TELEGRAM
👍6🔥3⚡1