#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
#devTools #frontend
React Dev Tools / Vuejs Devtools: Ushbu kengaytmalar React yoki Vue ilovalarini tuzatish uchun zarurdir. Siz komponentlarni ko'rib chiqishingiz, ularning xususiyatlari va holatlarini ko'rishingiz mumkin.
Redux Dev Tools: Ilovangizda Redux'dan foydalansangiz bu uning holatini tuzatishga yordam beradi.
JSON Formatter: JSON faylini yuborsangiz, uni chiroyli formatda ko'rsatiladi.
ColorZilla: ColorZilla sizga kerakli rangni olishga yordam beradi.
WhatFont: Bu kengaytma veb-saytdan shriftni aniqlaydi.
Mobile simulator: Responsive testing
Screenshot Tool: Tezkor skrinshotlar olishga imkon beradigan skrinshot vositasi
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
👍7🔥4
This media is not supported in your browser
VIEW IN TELEGRAM
#devtools #frontend
Swapy - bu layoutlarni bir necha qator kod yordamida '
drag-to-swap' qilish imkon beradigan framework-dan mustaqil vosita. Foydalanish oson, har qanday frontend framework (react, vue, angular, ... va hk) bilan ishlatish mumkin.GitHub
Ishlatish bo'yicha misollar:
React | Vue | Svelte
@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥10👍3