JavaRush /جاوا بلاگ /Random-UR /فرنٹ اینڈ ڈویلپر کے لیے بہترین IDEs اور ٹیکسٹ ایڈیٹرز

فرنٹ اینڈ ڈویلپر کے لیے بہترین IDEs اور ٹیکسٹ ایڈیٹرز

گروپ میں شائع ہوا۔
ایک درجن یا دو سال پہلے، ویب سائٹس ہاتھوں اور باقاعدہ ٹیکسٹ ایڈیٹر کا استعمال کرتے ہوئے بنائی جاتی تھیں۔ آپ کے اپنے HTML ٹیگز لکھنا، سی ایس ایس میں ان لائن اسٹائل کا استعمال کرتے ہوئے تھوڑا سا جادو، دل لگی اینیمیشن سے مزین - اور سائٹ استعمال کے لیے تیار ہے۔ فرنٹ اینڈ ڈویلپر کے لیے بہترین IDEs اور ٹیکسٹ ایڈیٹرز - 1آج کل، ویب سائٹ یا ایپلیکیشن بنانا اور تیار کرنا ایک منظم عمل ہے۔ آپ ویب سائٹ بلڈر کا استعمال کرتے ہوئے ایک منٹ میں ویب سائٹ بنا سکتے ہیں، یا آپ اس پر کئی مہینوں تک اذیت برداشت کر سکتے ہیں۔ جیسے جیسے ویب ڈویلپمنٹ میں تبدیلی آتی ہے، نئے فریم ورک، پلگ ان اور ایپلیکیشنز کوڈنگ کو ہموار کرنے کے لیے ابھر رہے ہیں۔ اضافی ٹولز آپ کے کام کے ماحول کو آسان بناتے ہیں اور پیداواری صلاحیت میں اضافہ کرتے ہیں۔ ہم مشترکہ اوپن سورس پروجیکٹ مینجمنٹ اور jQuery جیسی لائبریریوں کے لیے ورژن کنٹرول سسٹم استعمال کرتے ہیں۔ ویب سائٹ بنانے کے عمل میں ترقیاتی ماحول بہت اہم کردار ادا کرتا ہے۔ مثالی ورڈ پروسیسر کا انتخاب ایک مشکل لیکن قابل عمل کام ہوسکتا ہے جس کے لیے تجرباتی تحقیق کی ضرورت ہوتی ہے۔ ٹولز، ایپلی کیشنز اور پلگ انز کے اس سمندر میں کیسے گم نہ ہوں؟ آپ کو روزمرہ کے کام کے لیے کون سا ٹیکسٹ ایڈیٹر منتخب کرنا چاہیے، اور کون سا پالتو جانوروں کے پروجیکٹس کے لیے؟ ہم نے ابتدائی فرنٹ اینڈ ڈویلپرز کے لیے مقبول ترین ٹولز کی ایک مختصر فہرست مرتب کی ہے۔ کیا ہم مضمون میں آپ کے پسندیدہ ایڈیٹر کا ذکر کرنا بھول گئے؟ تبصرے چھوڑ دو!

نوٹ پیڈ++

ریلیز: 24 نومبر 2003۔ نحو کو نمایاں کرنے اور ٹیبز کے ساتھ آسان ترین ٹیکسٹ ایڈیٹر۔ بہت سی پروگرامنگ زبانوں اور ٹیکنالوجیز کو سپورٹ کرتا ہے۔ ایک مبتدی کے لیے بہترین جس نے ابھی ابھی ویب ڈویلپمنٹ کی پھسلن ڈھلوان پر قدم رکھا ہے۔
فرنٹ اینڈ ڈویلپرز کے لیے بہترین IDEs اور ٹیکسٹ ایڈیٹرز - 2
امکانات:
  • بک مارکس بنانا؛
  • تخلیق شدہ فائلوں کی خودکار کاپی اور محفوظ کرنا؛
  • معیاری ٹیکسٹ انکوڈنگز کی حمایت اور تبدیلی؛
  • صارفین نحو کو نمایاں کرنے کے لیے آزادانہ طور پر اصول مرتب کر سکتے ہیں۔
  • مختلف مفید پلگ ان کی تنصیب؛
  • ہاٹ کیز کو ترتیب دینا اور اس کی نئی تعریف کرنا؛
  • ہجے کی جانچ اور متن کی خفیہ کاری؛
  • Tetris کھیلنا (اگر آپ کوڈنگ سے تھک چکے ہیں)؛
  • ڈیٹا کی بڑی مقدار کا انتظام کر سکتا ہے۔
اس ایڈیٹر کی ایک اضافی "خصوصیت" کو ڈارک فادر - ڈارتھ وڈر اور "نفرت والے فولڈر" کے باپ - بل گیٹس کے اقتباسات کی نمائش کی شکل میں "ایسٹر ایگ" سمجھا جاتا ہے۔
فرنٹ اینڈ ڈویلپرز کے لیے بہترین IDEs اور ٹیکسٹ ایڈیٹرز - 3
مرہم میں مکھی: ایک حد سے زیادہ آسان انٹرفیس جو آج کے ترقیاتی معیار پر پورا نہیں اترتا۔ اس کا موازنہ دن میں ٹارچ کی روشنی سے کیا جا سکتا ہے۔ نحو کو نمایاں کرنا: + خودکار ٹیگ کا پتہ لگانا: + OS مطابقت: Windows, ReactOS۔ مفت ورژن: ہاں۔ لنک: https://notepad-plus-plus.org/download/v7.5.1.html

بریکٹ

ریلیز: نومبر 4، 2014۔ ایڈوب کے پاس بہت ساری عمدہ مصنوعات ہیں جو فرنٹ اینڈ ڈویلپرز اور ڈیزائنرز کو پسند ہیں۔ اور بریکٹ ان میں سے ایک ہے۔ یہ مفت، اوپن سورس، کراس پلیٹ فارم ایڈیٹر JavaScript، HTML5 اور CSS3 پر مبنی ہے، اس لیے اس کا کام خاص طور پر ان پر مرکوز ہے۔ اگر آپ کو JavaScript کی بنیادی سمجھ ہے، تو یہ وہ ایڈیٹر ہے جس کے ساتھ آپ کو کام شروع کرنا چاہیے۔ کیونکہ یہ وہی ہے جو توسیع کے لیے تمام ضروری آلات فراہم کرے گا۔ ایڈیٹر کو کچھ بہتری کی ضرورت ہے، لیکن مجموعی طور پر یہ کافی فعال طور پر تیار کیا جا رہا ہے اور ڈویلپرز میں مقبول ہے۔ مزید یہ کہ، ہر صارف اپنی تبدیلیاں کر سکتا ہے اور اضافی ایکسٹینشن بنا سکتا ہے۔
فرنٹ اینڈ ڈویلپرز کے لیے بہترین IDEs اور ٹیکسٹ ایڈیٹرز - 4
امکانات:
  • جے ایس، سی ایس ایس، اور ایچ ٹی ایم ایل فائلوں میں ترمیم کے لیے تجاویز؛
  • حقیقی وقت میں براؤزر میں کوڈ دیکھنے کے لیے سپورٹ (لائیو پیش نظارہ)؛
  • FTP سرور کے ساتھ مطابقت پذیری؛
  • کم فائلوں میں CSS کی حمایت اور خودکار تالیف؛
  • فونٹس کا ایک انتخاب فراہم کرتا ہے (ان کو شامل کرنے کے امکان کے ساتھ) جسے آپ ٹیکسٹ کے ساتھ کام کرتے وقت استعمال کرسکتے ہیں۔
  • ورژن کنٹرول سسٹم کے ساتھ کام کرنا - گٹ۔
2017 کے نئے ورژن میں ہسٹری کے ذریعے تلاش کرنے، مختلف انکوڈنگز کے ساتھ فائلیں بھیجنے اور وصول کرنے، ہاٹکیز کا استعمال کرتے ہوئے ایڈیٹنگ ہسٹری کے ذریعے نیویگیٹ کرنے، ایکسٹینشن کو فعال اور غیر فعال کرنے اور لینکس کے لیے مقامی مینو کو متعارف کرایا ہے۔
فرنٹ اینڈ ڈویلپرز کے لیے بہترین IDEs اور ٹیکسٹ ایڈیٹرز - 5
نحو کو نمایاں کرنا: + خودکار ٹیگ کا پتہ لگانا: + OS مطابقت: macOS، Windows اور Linux۔ مفت ورژن: ہاں۔ لنک: http://brackets.io

شاندار

ریلیز: 18 جنوری 2008۔ کراس پلیٹ فارم کوڈ ایڈیٹر اور مربوط ترقیاتی ماحول (IDE)۔ ہم اس ایڈیٹر کو اس کی رفتار اور استعمال میں آسانی کے لیے پسند کرتے تھے، جبکہ Coda اور TextMate راستے سے گرے اور بہت ہی تکلیف دہ اپڈیٹس کے ساتھ مرکزی صارف کی بنیاد کو مایوس کیا۔
فرنٹ اینڈ ڈویلپرز کے لیے بہترین IDEs اور ٹیکسٹ ایڈیٹرز - 6
امکانات:
  • فائلوں، علامتوں اور کوڈ کے کچھ حصوں کے ذریعے تیز نیویگیشن (یہی وجہ ہے کہ بہت سے صارفین اسے پسند کرتے ہیں)؛
  • جب آپ حروف داخل کرتے ہیں تو نحو کی جانچ کا فنکشن فوراً کام کرتا ہے۔
  • میکروز کا استعمال کرتے ہوئے حالیہ کارروائیوں کی اصلاح اور تکرار؛
  • کوڈ کی خودکار بچت، جو اس کے نقصان کو روکتی ہے۔
  • مختلف بصری تھیمز اور پروگرامنگ زبانوں کے لیے سپورٹ؛
  • کثرت سے استعمال ہونے والے مطلوبہ الفاظ اور کوڈ کے ٹکڑوں کو محفوظ کرنا؛
  • Python میں ریڈی میڈ پلگ انز کا ایک سیٹ؛
فرنٹ اینڈ ڈویلپرز کے لیے بہترین IDEs اور ٹیکسٹ ایڈیٹرز - 7
نحو کو نمایاں کرنا: + خودکار ٹیگ کا پتہ لگانا: + OS مطابقت: Windows, Mac OS, GNU/Linux۔ مفت ورژن: ہاں (فعال حدود کے بغیر)، لیکن درخواست کا جائزہ لینے کے بعد، آپ کو لائسنس خریدنا ہوگا۔ لنک: http://www.sublimetext.com/3

ویب اسٹورم

ریلیز: 2015۔ یہ کوئی عام ٹیکسٹ ایڈیٹر نہیں ہے بلکہ JavaScript، CSS اور HTML کے لیے ایک مربوط ترقیاتی ماحول بھی ہے۔ اس کے مصنفین JetBrains ہیں، وہی کمپنی جس نے IntelliJ IDEA ماحول بنایا، جو JavaRush کے طالب علموں کو پسند تھا۔ WebStorm سب سے ذہین اور مقبول ایڈیٹرز میں سے ایک ہے۔ مین فریم ورک کو سپورٹ کرتا ہے: AngularJS، React اور Meteor اور Node.js پر ایپلیکیشن بنانے کے لیے استعمال کیا جاتا ہے۔ WebStorm کافی پیچیدہ ماحول ہے، لیکن ساتھ ہی یہ ان لوگوں کے لیے بہت اچھا ہے جنہیں بہت زیادہ ایکسٹینشنز اور فیچرز کی ضرورت ہے۔
Лучшие IDE и текстовые редакторы для «фронтендщика» - 8
امکانات:
  • ورژن کنٹرول سسٹم Git، GitHub، Mercurial کے ساتھ انضمام کی بدولت مختلف سائز کے پروجیکٹس کے ساتھ مؤثر طریقے سے کام کرتا ہے۔ یہ آپ کو فائلوں کا "عزم" کرنے، تبدیلیوں کا جائزہ لینے اور IDE کے اندر ہی تنازعات کو حل کرنے کی اجازت دیتا ہے۔
  • LiveEdit - صفحہ کو دوبارہ لوڈ کیے بغیر ابتدائی تبدیلیاں دکھاتا ہے (گوگل کروم براؤزر کے ساتھ کام کرتا ہے)؛
  • ترمیم کے دوران کوڈ کا تجزیہ؛
  • Javascript اور Node.js ایپلی کیشنز کے لیے ری فیکٹرنگ اور ڈیبگنگ کوڈ؛
  • ECMAScript، TypeScript، CoffeeScript اور Dart زبانوں کے لیے سپورٹ؛
  • Node.js ایکسپریس ٹیمپلیٹ کا استعمال کرتے ہوئے ایپلی کیشنز بنانا؛
  • موچا، کرما اور پروٹریکٹر جیسے فریم ورک کے ساتھ لانچنگ اور ڈیبگنگ۔ آپ اسے خود ایڈیٹر میں یا ایک آسان ٹری مینو میں جانچ سکتے ہیں، جہاں سے آپ متن پر تیزی سے واپس جا سکتے ہیں۔
  • کم، ساس، ایس سی ایس ایس، اسٹائلس پری پروسیسرز مکمل طور پر معاون ہیں۔
  • ٹرمینل ونڈو میں فوری تلاش؛
  • منصوبوں کی ساخت جن میں متعدد جاوا اسکرپٹ لائبریریاں شامل ہوں؛
  • JQuery، YUI، Prototype، DoJo، MooTools، Qooxdoo اور Bindows کے لیے سپورٹ؛
  • Angular 2 کے ساتھ ابتدائی مدد اور کام۔
Лучшие IDE и текстовые редакторы для «фронтендщика» - 9
نحو کو نمایاں کرنا: + خودکار ٹیگ کا پتہ لگانا: + OS مطابقت: Windows, Mac OS, GNU/Linux۔ مفت ورژن: 30 دنوں کے لیے آزمائشی ورژن ہے، پھر آپ کو لائسنس خریدنے کی ضرورت ہے۔ لنک: http://www.jetbrains.com/webstorm/

ایٹم

ریلیز: فروری 26، 2014۔ مفت اوپن سورس سافٹ ویئر جو ہر کسی کے پسندیدہ Github کے مصنفین نے بنایا ہے ۔ یہ 50 ماڈیولز پر بنایا گیا ہے اور نوڈ JS، CoffeeScript، CSS، HTML اور C++ میں لکھا گیا ہے۔ آپ اپنے ماڈیولز بھی تیار کر سکتے ہیں اور انہیں کھلی رسائی کے لیے ذخیرہ میں پوسٹ کر سکتے ہیں۔ یہ ترقیاتی ماحول استعمال کرنا کافی آسان ہے، اور اضافی پلگ ان اس کے ساتھ کام کرنے کے امکانات کو بڑھانے میں مدد کرتے ہیں۔
Лучшие IDE и текстовые редакторы для «фронтендщика» - 10
امکانات:
  • json فائلوں کی بجائے کنفیگریشن کے لیے GUI استعمال کرتا ہے۔
  • کوڈ اور اس کے ٹکڑوں کا ایک چھوٹا نقشہ دیکھنا؛
  • منصوبوں اور فائلوں کے ذریعے فوری تلاش؛
  • آسان سائڈبار اور فائل ٹری؛
  • Github پر دستیاب توسیعی پیکجوں کی ایک بڑی تعداد؛
  • Emmet، Autoprefixer، Livereload سپورٹ؛
  • سائڈبار ٹری کے ذریعے فائل دیکھنا؛
  • انفرادی صارف کی ترجیحات کے مطابق ایڈیٹر کو اپنی مرضی کے مطابق کرنے کی صلاحیت؛
  • بلٹ ان فائل مینیجر کی موجودگی؛
  • پلگ ان کے ساتھ کنٹرول پیکج انسٹال کرنے کی ضرورت نہیں ہے، گرافیکل یوزر انٹرفیس استعمال کرنا کافی ہے۔
  • Node.js میں لکھے گئے پلگ ان کے لیے سپورٹ؛
  • براہ راست ایڈیٹر میں PNG، JPEG تصاویر کا پیش نظارہ کریں؛
  • Git ورژن کنٹرول سسٹم کے ساتھ کام کی پیشکش کرتا ہے۔
Лучшие IDE и текстовые редакторы для «фронтендщика» - 11
مرہم میں مکھی یہ ہو سکتی ہے کہ اس کے لیے بہت زیادہ میموری درکار ہوتی ہے اور وہ بڑی ڈیٹا فائلوں کو سنبھالنے کے قابل نہیں ہوتی۔ نحو کو نمایاں کرنا: + خودکار ٹیگ کا پتہ لگانا: + OS مطابقت: Windows 7, 8, Mac OS 10.8, Linux۔ مفت ورژن: ہاں۔ لنک: https://atom.io

ویم

ریلیز: 2 نومبر 1991۔ آپ پوچھ سکتے ہیں: جدید ایڈیٹرز کی اس فہرست میں پرانا ویم کیا بھول گیا؟ درحقیقت، Vim ایک مکمل طور پر جدید اور طاقتور ٹیکسٹ ایڈیٹر ہے، جو پرانے vi کی بنیاد پر بنایا گیا ہے، جو UNIX آپریٹنگ سسٹمز پر دستیاب ہے۔ اور یہ مسلسل ترقی کر رہا ہے۔ ڈویلپرز تقریباً ہر سال تبدیلیاں کرتے ہیں، نئے پلگ ان اور ایڈ آنز شامل کرتے ہیں۔ آخری بار ایسا 2016 میں ہوا تھا، اور ایکسٹینشنز کی تعداد اور رفتار واقعی حیرت انگیز اور دیکھنے کے قابل ہے۔ ویم ایک ملٹی موڈ ایڈیٹر ہے۔ آپ ایک ساتھ کئی میں کام کر سکتے ہیں: کمانڈ، داخل کریں یا بصری۔ تاہم، یہ قابل غور ہے کہ یہ ایک نوسکھئیے ڈویلپر کے لیے کافی پیچیدہ ہے۔ اگرچہ کئی سالوں کا تجربہ رکھنے والے ماہرین اس کے بہت سے افعال سے واقف نہیں ہیں۔
Лучшие IDE и текстовые редакторы для «фронтендщика» - 12
امکانات:
  • معیاری ٹیکسٹ انکوڈنگز کے لیے سپورٹ؛
  • آپ ایک ہی وقت میں کئی فائلوں کے ساتھ کام کر سکتے ہیں۔
  • فائلوں کی خودکار شناخت اور تبدیلی؛
  • پرل، ٹی سی ایل، ازگر اور روبی پروگرامنگ زبانوں کے ساتھ مطابقت؛
  • ہر صارف کی ضروریات کے لیے آرام دہ ترتیبات بنانا؛
  • ریکارڈنگ اور میکروز کو نافذ کرنا؛
  • بصری موڈ بہت سے مفید افعال انجام دے سکتا ہے (مثال کے طور پر، متن کے بلاکس کو نمایاں کرنا)؛
  • دائیں سے بائیں لکھی گئی غیر معیاری زبانوں کی حمایت (جیسے عربی یا عبرانی)؛
  • تلاش کے الفاظ اور کمانڈ کی تاریخ کے لیے آسان ترتیبات؛
  • ماؤس کے بغیر کی بورڈ کے مکمل استعمال کی حمایت کرتا ہے۔
  • بڑی فائلوں کے ساتھ کام کرتے وقت حیرت انگیز کارکردگی کا مظاہرہ کرتا ہے۔
Лучшие IDE и текстовые редакторы для «фронтендщика» - 13
نحو کو نمایاں کرنا: + خودکار ٹیگ کا پتہ لگانا: + OS مطابقت: Windows, DOS, Linux, BSD اور Mac OS, iOS, Android, AmigaOS, Atari MinT, BeOS, NextStep, OS/2, OSF, RISC OS, SGI, VMS۔ مفت ورژن: ہاں۔ لنک: https://vim.sourceforge.io/download.php

نیٹ بینز

جاری کیا گیا: 1997۔ مفت، اوپن سورس IDE، اوریکل کی طرف سے سپانسر کردہ اور پرجوش ڈویلپرز کے تعاون سے۔ سہولت اور رفتار میں بہتری کے لیے اسے مسلسل تیار کیا جا رہا ہے اور مختلف ایکسٹینشنز کے ساتھ اس کی تکمیل کی جا رہی ہے۔ امکانات:
  • ونڈو اور اسٹوریج مینجمنٹ؛
  • انٹرفیس اور ڈیزائن کی تبدیلیاں (بشمول مینوز اور پاپ اپ)؛
  • ریموٹ سرور کے ساتھ کنکشن قائم کرنا؛
  • کوڈ ری فیکٹرنگ دستیاب؛
  • ایڈ آنز، ٹیمپلیٹس اور کوڈ جنریٹر ہیں؛
  • بہت سے پروگرامنگ زبانوں کی حمایت کرتا ہے؛
  • خودکار نحو کی جانچ اور اصلاح؛
  • صارف کی ضروریات کے مطابق ایڈیٹر کو اپنی مرضی کے مطابق بنانا؛
  • JavaScript اور Node.JS ایپلی کیشنز کو لانچ اور ڈیبگ کرنا؛
  • پی ایچ پی فریم ورک کے لیے سپورٹ (سیمفونی، زینڈ اور Yii)۔
مرہم میں مکھی: یہ یادداشت بہت زیادہ کھاتی ہے۔ نحو کو نمایاں کرنا: + خودکار ٹیگ کا پتہ لگانا: + OS مطابقت: Microsoft Windows، Linux، FreeBSD، Mac OS X، OpenSolaris اور Solaris۔ مفت ورژن: ہاں۔ صرف یہ مفت ہے۔ لنک: https://netbeans.org

ہارڈکور بونس: نوٹ پیڈ، عرف "نوٹ پیڈ"

ریلیز: 1985، ونڈوز 1.0 کے ساتھ۔ ہاں، ہاں، وہی نوٹ پیڈ جو آپ کے تمام ونڈوز کمپیوٹرز پر بطور ڈیفالٹ انسٹال ہوتا ہے۔ "یہ قدیمی یہاں کیا بھول گیا ہے؟ اس کا ترقی سے کیا تعلق؟" آپ پوچھتے ہیں۔ درحقیقت، ہم سمجھتے ہیں کہ اس بات کا امکان نہیں ہے کہ آج کوئی بھی کلاسک نوٹ پیڈ میں کوئی سنجیدہ چیز تخلیق کرے گا۔ تاہم، یہ اس پروگرام میں ہے کہ بہت سے نئے ڈویلپرز نے پچھلے 15-20 سالوں میں اپنی پہلی ویب سائٹس کو "ایک ساتھ ڈالنے" اور اپنے پہلے پروگرام لکھنے میں صرف کیا ہے۔
Лучшие IDE и текстовые редакторы для «фронтендщика» - 14
ہمارا مطلب یہ ہے کہ اگر آپ سیکھنا چاہتے ہیں تو آپ کو کوئی چیز نہیں روکنی چاہیے۔ ایک حقیقی ڈویلپر کے لیے (اور کوئی جو ایک بننا چاہتا ہے)، نوٹ پیڈ کوئی رکاوٹ نہیں ہے۔ خصوصیات: صرف سیاہ متن، صرف کٹر۔
Лучшие IDE и текстовые редакторы для «фронтендщика» - 15
یہ وہی ہے جو پہلے نوٹ پیڈ کی طرح لگتا تھا۔
مرہم میں اڑیں: مرہم میں کوئی مکھی نہیں: "نوٹ پیڈ" اپنی کم سے کمیت میں کامل ہے! نحو کو نمایاں کرنا: نہیں اپنی یادداشت کو تربیت دیں! خودکار ٹیگ کا پتہ لگانا: واہ! مفت ورژن: نوٹ پیڈ صرف آپ کی ونڈوز کی طرح مفت ہے۔
تبصرے
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION