بروز رسانی مرداد ۱۲ام, ۱۳۹۹ ۲:۳۵ بعد از ظهر
خودکارسازی جریان کاری در توسعه وب وبسایت و مرکز خبرهای جدید (npm-scripts)
خودکارسازی جریان کاری در توسعه وب وبسایت و مرکز خبرهای جدید (npm-scripts)
|خودکارسازی جریان کاری در توسعه وب وبسایت و مرکز خبرهای جدید (npm-scripts) از دکتر css|
خودسازکاری جریان گاری یعنی چی!؟ 😐
به احتمال خیلی زیاد تا در حال حاظر با صحنه هایی مشابه به تصویر زیر مواجه شده اید:
در اینجا چندین روش جهت بهره بری و استفاده از فریمورک بوتسترپ پیشنهاد شده می باشد که یکی از آنها از طریق فرمان زیر می باشد:
npm install bootstrap
یا شاید تا در حال حاظر از آن که بعد از نوشتن هر تکه کد مجبور به ریلود کردن صفحه نرم افزار مرورگر اینترنتی خود هستید خسته شده باشید. (فکرشو بکن، تا کد رو ذخیره کنی نرم افزار مرورگر اینترنتی بصورت خودکار آن کار رو انجام بده)
و همچنین یا آنکه بتوانید بهینه سازی و همچنین فشرده سازی فایل های سی اس اس، جاوااسکریپت و همچنین حتی تصاویر را به عهده ابزاری بگذارید تا بصورت خودکار آن هم کار را انجام دهد.
در کل به اموری مشابه به وظایف بالا که در کنار هم قرار میگیرند تا تو یک وبسایت و مرکز خبرهای جدید یا اپلیکیشن را توسعه بدهید، جریان کاری یا آن هم workflow گفته می می شود، حال هرچه آن وظایف را به عهده ابزارها بگذاریم مرحله توسعه و همچنین تولید سریعتر انجام خواهد شد.
هدف دوره
در آن دوره نیت و اراده داریم:
- تو را با بهترین ابزارهایی که بایستی و حتما در توسعه و همچنین نگهداری پروژه از آنها بهره بری و استفاده کنید آشنا کنیم.
- به تو نحوه خودکارسازی وظایف مورد نظر را از طریق اسکریپت نویسی npm آموزش دهیم.
- معرفی یک ساختار ابتدایی و اولیه بهینه (Boilerplate) جهت توسعه یک پروژه را نیز خواهیم داشت.
Gulp، Grunt و همچنین یا Webpack چی پس؟
نقطه مهمی که بایستی و حتما در نظر داشته باشید آن هستش که یادگیری npm مقدمه ای هست جهت موارد بالا، در آن دوره ما نه تنها تو را با مفهموم npm آشنا میکنیم بلکه با بهره بری و استفاده از npm-scriptها ثابت میکنیم که جهت خیلی از پروژه ها نیازی به gulp و همچنین یا ابزارهای مشابه ندارید. البته توصیه بنده آن هستش که هر زمان کار با فریمورک های جاوااسکریپت را فرا گرفتید بایستی و حتما Webpack یا ابزاری مشابه به آن هم را در کنار npm داشته باشید.
با چه ابزارهایی آشنا خواهیم شد؟
ابزارهایی که وظایف زیر را جهت تو انجام خواهند داد:
- کامپایل کردن Sass
- فشرده سازی فایل های جاوااسکریپت
- فشرده سازی و همچنین بهینه سازی فایل های CSS
- فشرده سازی فایل های HTML
- فشرده سازی تصاویر (همه فرمت ها)
- اجرا کردن سروری جهت دیدن کردن و نمایش وبسایت و مرکز خبرهای جدید در فاز توسعه
- Livereload، یا رفرش نرم افزار مرورگر اینترنتی هر بار دگرگونی و تغییری در پروژه اتفاق می افتد
- لینت کردن فایل های Sass یا CSS
- لینت کردن فایل های JS
- معرفی مختصر اکثرا و بیشتر از ۱۰ ابزار جهت بهبود جریان کاری
پیش مستلزم و نیاز دوره
همین که کمی با طراحی وبسایت و مرکز خبرهای جدید آشنا باشید می توانید آن دوره را فرا بگیرید. دوره های زیر نیز می توانند در آن امر به تو کمک کنند:
- دوره آموزش مقدماتی طراحی وب
- آموزش Sass
ویدیو مقدمه
مواد درسی
آن دوره شامل ۲۰ ویدیو می باشد که در کل ۷ ساعت آموزش را در بر دارد و همچنین حجم فایلی که دانلود خواهید کرد حدودا ۱ گیگابایت می باشد.
دانلود دوره
می توانید از طریق لینک زیر اقدام به خرید آن دوره آموزشی کنید:
نوشته خودکارسازی جریان کاری در توسعه وب وبسایت و مرکز خبرهای جدید (npm-scripts) اولین بار در آموزش طراحی وب پدیدار شد.
