آموزش ابزارهای توسعه وب: بهبود گردش کار و کیفیت کدنویسی - آخرین آپدیت

مقدمه Introduction

• آنچه باید بدانید What you should know

• نحوه استفاده از فایل‌های تمرینی How to use the exercise files

• بهبود چشمگیر گردش کار توسعه وب Supercharge your web development workflow

1. ابزارها و تست در مرورگر 1. Browser Testing and Tools

• کنسول جاوااسکریپت The JavaScript console

• ابزارهای اعتبارسنجی و اپلیکیشن‌های Linter Validation tools and linter applications

• بررسی (Inspect) کد HTML Inspect HTML

• بررسی Flexbox و Grid Inspect flexbox and grid

• بررسی (Inspect) کدهای CSS Inspect CSS

• تست چیدمان‌های ریسپانسیو و موبایل Testing responsive and mobile layouts

• تست سازگاری با مرورگرهای مختلف Cross browser testing

• دسترسی به ابزارهای توسعه‌دهنده (DevTools) Accessing the developer tools

2. ویرایشگرهای متن 2. Text Editors

• ویرایشگرهای متن در مقابل IDEها Text editors vs. IDEs

• استفاده از میان‌برهای کیبورد Using keyboard shortcuts

• آشنایی با ویرایشگر متن شما Getting to know your text editor

• تکمیل خودکار کد با Emmet Autocompletion with Emmet

• بسته‌های افزونه و پلاگین‌ها Extensions packages and plugins

• تکمیل خودکار کدها Code autocompletion

3. فریم‌ورک‌های فرانت‌اند و پیش‌پردازنده‌های CSS 3. Front-End Frameworks and CSS Preprocessors

• فریم‌ورک‌های CSS برای توسعه فرانت‌اند CSS frameworks for front-end development

• گیت (Git) و کنترل نسخه Git and version control

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

• ژنراتورهای سایت استاتیک و سیستم‌های مدیریت محتوا (CMS) Static site generators CMS website building

• استایل‌شیت‌های CSS Reset CSS reset stylesheets

جمع‌بندی Conclusion

• گام‌های بعدی Next steps