Frontend
3.68K subscribers
406 photos
61 videos
24 files
384 links
Barchasi Frontend dasturlash haqida!

- So'nggi yangiliklar
- Eng yaxshi resurslar
- Intervyu savol - javoblar

Vakansiyalar: @frontendVacancy

Reklama va hamkorlik: @chapaniDev
Download Telegram
#angular #vscode #ionic


๐Ÿ˜Ž"Angular 17 va Capacitor yangilanishlari endi Ionic VS Code kengaytmasida mavjud"

Ionic VS Code plagini juda ko'plab xususiyatlarga ega rasmiy "extension" hisoblanadi.

Ushbu kengaytma xususiyatlari:
โ• Loyiha yaratish - Angular, React yoki Vue
โ• Buyruqlarni ishga tushirish - build, sync, serve va test kabi buyruqlarni ishga tushirish
โ• Ilovalarni ishga tushirish - iOS yoki Android
... Va yana ko'plab imkoniyatlar mavjud

๐Ÿ‘ฉโ€๐Ÿ’ป Plaginni o'rnatish

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘6๐Ÿ”ฅ2
This media is not supported in your browser
VIEW IN TELEGRAM
#vscode


โš™๏ธ VS Code uchun tasodifiy ma'lumotlar generatori

Foydalanish uchun extension'ni o'rnatib, buyruqlar palitrasini oching (Cmd+Shift+P / Ctrl+Shift+P) va โ€œrandomโ€ deb yozing, bu sizga mavjud maโ€™lumotlar generatorlarini koโ€™rsatadi.

๐Ÿ—“ Plaginni o'rnatish

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ”ฅ8๐Ÿ‘3โšก1๐Ÿ†’1
#vscode


Babel JavaScript Visual Studio Code kengaytmasi, VSCode uchun JavaScript sintaksisini ajratib koโ€™rsatadi.

๐Ÿ—“ Plaginni o'rnatish

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ”ฅ543โค1
This media is not supported in your browser
VIEW IN TELEGRAM
#vscode


๐Ÿ—“ CodeGPT: Chat & AI Agents - Visual Studio Marketplaceโ€™siga yangi qo'shildi.

U sizga AI chat yordamchisi, avto-toโ€™ldirish, kod tushuntirish, xatolik tekshirish va hokazo kabi xususiyatlarni taklif qiladi. Bu kengaytma sizga turli xil AI modellaridan foydalanish imkonini berad. OpenAI, Microsoft, Google, Anthropic, Cohere, Mistral, Huggingface va CodeGPT Plus kabi yetakchi taโ€™minotchilarning asosiy LLM modellaridan foydalanishingiz mumkin.

Kodni GPT-4 darajasida yozadi va tuzatadi.


๐Ÿ”— Faollashtirish

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
8๐Ÿ”ฅ3โšก1
This media is not supported in your browser
VIEW IN TELEGRAM
#vscode


Plagin "px to rem"

Bu plagin px ni rem ga va aksincha aylantirish imkonini beradi.

Alt+Z Px - rem, rem - px.


๐Ÿ—“ Plagin: havola

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘11
#vscode


๐Ÿ—“ 2024 yilda mahsuldorligingizni oshirish uchun VS Code extension'lari โšก๏ธ

Quyidagi havolalar orqali kirib tanishishingiz/o'rnatishingiz mumkin:

โ€” Better Comments - koddagi sharhlarni barcha uchun tushunarli qilib yozishga yordam beradi.
โ€” Bookmarks - kodlarni belgilash, xatcho'p yaratib beradi.
โ€” Code Spell Checker - kod bazasida imlo xatolarini topish va tuzatish uchun asosiy imlo tekshirgich
โ€” CodeSnap - kodning skrinshotlarini olish uchun.
โ€” CodiumAI - sun'iy intellektga asoslangan bepul kodlar to'plami.
โ€” Error Lens - nosozliklarni tuzatish va xatolarni oldini olish uchun ajoyib vosita.
โ€” Git History - versiya boshqaruvi, Git tarixi, qidiruv ...
โ€” GitLens - kuchli Git vositasi bo'lib, u juda ko'p xususiyatlarni bitta kengaytmaga jamlagan. Jamoa bilan ishlashda juda foydali.
โ€” GitHub Copilot - ChatGPT bilan integratsiyalangan kuchli AI yordamchi ($10/oyiga)
โ€” Icon Themes - vizuallikni yaxshilash uchun: Material Theme Icons, vscode-icons, file-icons.
โ€” Indent Rainbow - chiziqlar orqali kod o'qilishini yaxshilaydi.
โ€” Live Share - kodni real vaqtda boshqalar bilan hamkorlikda tahrirlash va disk raskadrovka qilish.
โ€” Multiple Cursor Case Preserve - kodni tez tahrirlashga yordam beradi.
โ€” Path Intellisense - dinamik ravishda fayl yo'llari va katalog nomlarini taklif qiladigan aqlli avtomatik to'ldirishga ega.
โ€” Prettier - kodni formatlash.
โ€” TODO Highlight - kodingizdagi TODO, FIXME va boshqa izohlarni ajratib ko'rsatadi.

Tanishlarga ham yuborib qo'yingโœ…

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘19
#vscode


๐Ÿ—“ VSCodeThemes sayti Visual Studio Code muharririning ko'rinishini moslashtirish uchun turli mavzularni taklif etadi. Siz "All Themes", "Dark" va "Light'" kabi toifalar bo'yicha mavzularni ko'rib chiqishingiz mumkin va ularni o'rnatishlar soniga qarab saralab olishingiz mumkin.

๐Ÿ”—Havola: https://vscodethemes.com

@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘10
This media is not supported in your browser
VIEW IN TELEGRAM
#vscode #frontend


๐Ÿ—“ VS Code uchun tasodifiy ma'lumotlar generatori

Foydalanish uchun extension'ni o'rnatib, buyruqlar palitrasini oching (Cmd+Shift+P / Ctrl+Shift+P) va โ€œrandomโ€ deb yozing, bu sizga mavjud maโ€™lumotlar generatorlarini koโ€™rsatadi.

๐Ÿ”— Plaginni o'rnatish

@frontend | Happy Coding
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘6๐Ÿ”ฅ4
#vscode #frontend


VS Code uchun klavishlar kombinatsiyasi bu ish jarayonini tezlashtirishga yordam beradi.

โŒจ๏ธ MacOs | Windows

@frontend | Happy Coding
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ”ฅ7๐Ÿ‘2
#vscode #frontend


๐Ÿ‘ฉโ€๐Ÿ’ป VS Code'ni professional darajada sozlash

Video: https://youtu.be/kCwZl3wo9tY?si=nfAUxoTr7CUqLTum

@frontend | Happy Coding
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘13๐Ÿ”ฅ6
#ai #vscode #frontend


๐Ÿ‘ฉโ€๐Ÿ’ป GitHub Copilot endi bepul!

GitHub Copilot endi Visual Studio va Visual Studio Code foydalanuvchilari uchun BEPUL taqdim etiladi.

Qanday foydalanishni boshlayman?
1. VS Code yoki Visual Studioโ€™ni yangilang.
2. GitHub akkauntingizni ulang.
3. Gazini bosing โ˜•๏ธ

Batafsil: GitHub Copilot blog posti

@frontend | Happy Coding
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ”ฅ16๐Ÿ‘7
Frontend
GitHub Copilot endi bepul!
This media is not supported in your browser
VIEW IN TELEGRAM
#vsCode #frontend


GitHub Copilot'dan bepul foydalanish imkoniyati quyidagilarni taqdim etadi:

- Oyiga 2 000 ta kodni to'ldirish
- Oyiga 50 ta chat xabari
- Claude 3.5 Sonnet yoki GPT-4o kabi modellardan foydalanish

@frontend | Happy Coding
๐Ÿ”ฅ11๐Ÿ‘4
This media is not supported in your browser
VIEW IN TELEGRAM
#VsCode #update #frontend


๐Ÿ‘ฉโ€๐Ÿ’ป VS Code'ga yangi "Plan" xususiyati qo'shildi

Endi murakkab vazifalarni (masalan, autentifikatsiya qo'shish yoki testlar yozish) AI yordamida avval rejalashtirib olasiz. U loyihangizni tahlil qiladi, qadamlarga bo'ladi va "to-do" ro'yxatini avto yangilaydi. Natijada kod sifati oshadi, xatolar kamayadi va ishlash samaradorligingiz tezlashadi.

Hozircha VS Code Insiders'da qo'shilgan. Tez orada barcha versiyalarda ko'rinadi.

EN
New "Plan" Feature Added to VS Code

Now you can plan complex tasks (like adding authentication or writing tests) in advance with AI assistance. It analyzes your project, breaks it down into steps, and automatically updates the "to-do" list. As a result, code quality improves, errors decrease, and your productivity speeds up.
Currently added to VS Code Insiders. It will appear in all versions soon.


@frontend
Please open Telegram to view this post
VIEW IN TELEGRAM
๐Ÿ‘75๐Ÿ”ฅ2