3.46K subscribers
383 photos
53 videos
23 files
364 links
Barchasi Frontend dasturlash haqida!

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

Vakansiyalar: @frontendVacancy

Reklama va hamkorlik: @jaydariX
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