100 منبع و ابزار عالی برای توسعه‌دهندگان وب – بخش دوم

گردآوری و تالیف : ارسطو عباسی
تاریخ انتشار : 23 شهریور 1397
دسته بندی ها : طراحی وب

در بخش اول این مطلب ما ابزارها و منابع مربوط به «کتابخانه‌های جاوااسکریپت»، «فریمورک‌های فرانت-اند»، «فریمورک‌های وب اپلیکیشن»، «اجرا کننده‌های وظایف / پکیج منیجر‌ها» و «زبان‌ها / پلتفرم‌ها» را معرفی کردیم. حال در این مطلب قصد داریم ابزارهای بیشتری را در دسته‌های دیگری به شما معرفی نماییم.

بانک‌های اطلاعاتی

یک بانک اطلاعاتی در حقیقت مجموعه‌ای از اطلاعات است که در یک مکانی ذخیره شده و قابلیت بازگشت، مدیریت و بروزرسانی را دارد. 

  • MySQL: به عنوان یکی از محبوب‌ترین بانک‌های اطلاعاتی متن باز در دنیا شناخته می‌شود. 
  • MariaDB: این مورد نیز توسط توسعه‌دهندگان MySQL ساخته شده است. MariaDB در حال تبدیل شدن به یکی از محبوب‌ترین بانک‌های اطلاعاتی متن باز برای سرور است. 
  • MongoDB: می‌توان گفت که محبوب‌ترین بانک اطلاعاتی NOSQL در دنیا است. در واقع این ابزار نسل جدیدی از بانک‌های اطلاعاتی است. 
  • Redis: ابزاری متن باز، با قابلیت ذخیره ساختار داده در حافظه و قابلیت کشینگ و message broking.
  • PostgreSQL: بانک اطلاعاتی قدرتمند و متن باز که در سیستم بانک اطلاعاتی رابطه‌ای استفاده می‌شود.

پیش‌پردازنده‌های CSS

یک پیش‌پردازنده CSS در حقیقت یک زبان اسکریپتی است که قابلیت‌های معمولی CSS را افزایش می‌دهد و در نهایت به CSS کامپایل می‌شود. 

  • Sass: یکی از پیش‌پردازنده‌های قدرتمند و حرفه‌ای CSS به شمار می‌آید.
  • Less: یادگیری Less بسیار ساده است. همچنین با وجود ویژگی‌های مختلف بسیارش دست شما را برای توسعه باز نگه می‌دارد.
  • Stylus: زبان جدیدی که به صورت پویا و مؤثر به شما اجازه ایجاد کدهای CSS را می‌دهد. در این ابزار از سینتکس داخلی و همچنین سینتکس عمومی پشتیبانی می‌شود.

تکست ادیتورها / کد ادیتورها

مهم نیست که مشغول کدنویسی باشید یا نوشتن Markdown و یا یک یادداشت ساده، در هر صورت شما به یک تکست ادیتور خوب نیازمند هستید.

  • Atom: تکست ادیتور مدرن، رویکردی و قابل تغییر. یکی از موارد علاقه‌مندی!
  • Sublime Text: تکست ادیتوری پیچیده برای کدنویسی و markup. می‌شود گفت که یکی از بهترین ابزارها از نظر کارایی است.
  • Notepad++: کد ادیتوری رایگان که از چندین زبان برنامه‌نویسی پشتیبانی می‌کند و برای سیستم عامل ویندوز ارائه می‌شود. 
  • Visual Studio Code: این ابزار برای تولید و دیباگ کردن اپلیکیشن‌های مدرن و مبتنی بر ابر نوشته شده است. 
  • TextMate: یک ابزار کدنویسی و مارکاپ نویسی برای OS X.
  • Coda 2: متن ادیتور ساده، سریع و قدرتمند برای OS X.
  • WebStorm: از کامل‌ترین IDEهای موجود برای توسعه فرانت-اند به شما می‌‌رود. 
  • Vim: تکست ادیتوری با قابلیت پیکربندی بالا.
  • Brackets: یک ابزار منحصر به فرد برای توسعه رابط کاربری که با HTML/CSS/JS نوشته شده است.
  • Emacs: تکست ادیتوری با قابلیت توسعه‌پذیری و شخصی‌سازی بالا که به شما در ویرایش و ایجاد تغییرات کمک بسیاری می‌کند. 
  • SpaceMacs: تکست ادیتوری که برای کار در حالت Emacs و Vim نوشته شده است. 

ادیتورهای Markdown

Markdown یک زبان نشانه‌گذاری است که سینتکس آن به صورت بسیار ساده‌ و سریعی به HTML تبدیل می‌شود. معمولا ادیتورهای مارک‌داون چیزی بین یک ادیتور WYSIWYG و ادیتور ساده متن است.

  • StackEdit: ادیتور رایگان و آنلاین که در بستر وب کار می‌کند. 
  • Dillinger: ادیتور آنلاینی که به شما قابلیت نوشتن کدهای مارک‌داون و HTML5 را می‌دهد.
  • Mou: ادیتور مارک‌داون مخصوص کاربران OS X.
  • Texts: تکست ادیتور مناسبی برای کاربران ویندوز و OS X.

البته ابزارهایی که در دسته‌بندی قبلی نیز معرفی کردیم اغلب‌شان قابلیت پشتیبانی از مارک‌داون را دارند.

آیکون‌ها

تقریبا تمام توسعه‌دهندگان وب و مخصوصا افرادی که روی فرانت‌اند کار می‌کنند به یکسری آیکون‌ها در پروژه‌شان نیاز دارند. در زیر می‌توانید چندین ابزار رایگان و پولی عالی را برای این موضوع مشاهده کنید.

  • Font Awesome: این ابزار شامل آیکون‌های وکتوری می‌شود که قابلیت مقیاس‌پذیری بالایی را دارند و قابلیت شخصی‌سازی راحتی را ارائه می‌دهند – اندازه، رنگ، سایه و هرچیز دیگری که می‌شود در CSS انجام داد را می‌توانید در اینجا اعمال کنید. 
  • IconMonster: یک منبع عالی، رایگان، با کیفیت بالا و در حال رشد برای آیکون‌ها.
  • Icons8: لیست بزرگی از آيکون‌ها با قابلیت سفارشی‌سازی.
  • IconFinder: این ابزار بیشتر از میلیون‌ها آیکون مختلف و زیبا را برای توسعه‌دهندگان و طراحان فراهم آورده است. 
  • Fontello: ابزاری برای ساخت فونت‌های سفارشی با آیکون‌ها.
  • Noun Project: بیش از یک میلیون آیکون عالی که در هر دو حالت رایگان و پولی قابل دسترس و شخصی‌سازی هستند.

گیت کلاینت‌ها / سرویس‌ها

گیت یک سیستم مدیریت نسخه‌های نرم افزاری است. استفاده از گیت جزو یکی از الزامات روند طراحی و توسعه نرم افزار است. وقتی در یک تیم کار می‌کنید گیت به شما کمک می‌کند تا نسخه‌های مختلف نرم افزاری را همراه با تغییرات جدید در یک مخزن مشترک قرار دهید. البته کارهای بسیار دیگری نیز وجود دارد.

  • SourceTree: یک کلاینت گیت و Mercurial برای کاربران ویندوز و OS X به شمار می‌رود. 
  • GitKraken (Beta): کلاینت چند-سکویی، زیبا، سریع و رایگان برای گیت.
  • Tower 2: این ابزار مدیریت نسخه‌های نرم افزار با گیت را بسیار آسان می‌کند. 
  • GitHub Client: تجربه‌ای بی نقص از مشارکت و ساخت پروژه‌ها روی گیت‌هاب را با استفاده از این کلاینت می‌توانید داشته باشید.
  • Gogs: سرویس گیت مبتنی بر زبان برنامه‌نویسی Go.
  • GitLab: در این پلتفرم می‌توانید پروژه‌های‌تان را به صورت خصوصی و یا عمومی در حالت رایگان منتشر کنید.

وب سرورها

وب‌ سرورها را می‌توان براساس کارهایی که شما انجام می‌دهید انتخاب کرد. برخی از آن‌ها با یک تکنولوژی خاص کار می‌کنند و برخی دیگر سازگاری تمام را دارند. در هر حال آپاچی و Nginx دو مورد بسیار محبوب در حال حاضر در دنیای وب و بین توسعه‌دهندگان است. با این حال گزینه‌های دیگری نیز وجود دارد.

  • Nginx: وب سروری متن باز همراه با کارایی بالا است. می‌تواند به خوبی محتوای استاتیک را مدیریت کند و همچنین بسیار سبک است و منابع کمی مصرف می‌کند. 
  • Apache: در حال حاضر ۵۰ درصد وبسایت‌های دنیا از آپاچی استفاده می‌کنند. آپاچی جامعه پشتیبانی بسیار زیادی دارد و همچنین ماژول‌های بسیار زیادی برای آن نوشته شده است.
  • IIS: وب سروری عالی برای توسعه محصولات مبتنی بر مایکروسافت است. امنیت و پشتیبانی شرکتی خوبی ارائه می‌دهد اما متن باز نیست. 
  • Caddy: وب سروری بسیار جدید که علاوه بر متن باز بودن، HTTP/2 را پشتیبانی می‌کند و به صورت خودکار از HTTPS استفاده می‌کند.

منبع

مقالات پیشنهادی

100 منبع و ابزار عالی برای توسعه‌دهندگان وب – بخش اول

بهترین و بدترین چیزی که در رابطه با توسعه‌دهنده وب بودن می‌توان گفت این است که دنیای وب به صورت مداوم در حال تغییر است. در حالیکه این موضوع عالی است ا...

10 طراحی مناسب از سربرگ و پابرگ وبسایت - بخش دوم

در بخش اول این مطلب ۵ سربرگ بسیار کاربردی و مفید را بررسی کردیم، حال در این بخش قصد داریم تا ۵ پابرگ یا Footer مناسب برای وبسایت را نیز بررسی نماییم.

وب سایت های الهام بخش برای طراحی - سری 10

امروز قصد داریم یک سری وبسایت های خارجی که بطور کاربردی ، زیبا و قدرتمند طراحی شدن رو براتون قرار بدیم تا شما بتونین با طریقه طراحی اونها آشنا بشین یا...

وب سایت های الهام بخش برای طراحی - سری 8

امروز قصد داریم یک سری وبسایت های خارجی که بطور کاربردی ، زیبا و قدرتمند طراحی شدن رو براتون قرار بدیم تا شما بتونین با طریقه طراحی اونها آشنا بشین یا...