Frontend
3.65K subscribers
406 photos
62 videos
24 files
385 links
Barchasi Frontend dasturlash haqida!

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

Vakansiyalar: @frontendVacancy

Reklama va hamkorlik: @chapaniDev
Download Telegram
This media is not supported in your browser
VIEW IN TELEGRAM
#vsCode #foydali

πŸ–±Sticky Scroll

Visual Studio Code-ning yangi tahrirlovchisi Sticky Scroll xususiyati, sizning kodlaringizni o’qishda yordam beradi. Bu xususiyat yordamida, siz kodlaringizni o’qishda, kodning qaysi qismida ekanligingizni bilib turishingiz mumkin, chunki bo’limlar yuqoriga yopishtiriladi, masalan, klass, funksiya aniqlanishi va hokazo...

βœ… VS Code'da ishga tushirish:
βš™οΈ settings ➑️ editor ➑️ Sticky Scroll


Do'stlarga ulashing πŸš€

Bizga qo'shiling πŸ‘‰πŸΌ @Frontend πŸ‘ˆπŸΌ
πŸ‘6
#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.
β€” Prittier - 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
πŸ‘7πŸ”₯5⚑1
This media is not supported in your browser
VIEW IN TELEGRAM
#VSCODE #PLAGIN

Indenticator


Ushbu plagin yordamida siz turli darajadagi bloklarni osongina ajrata olasiz.

πŸ‘©β€πŸ’» Plaginni o'rnatish

➑️@Frontend βœ…οΈ
Please open Telegram to view this post
VIEW IN TELEGRAM
❀4πŸ”₯4πŸ‘1
#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