کارگاه آموزشی کار با Grunt js
اگر بخواهیم بصورت ساده Grunt js را تعریف کنیم ، یک ابزار برای ساخت سیستم اتوماسیون کارهای تکراری برای تمام توسعه دهندگان وب اعم از php و پایتون و نودجی اس و asp و .... هیچ تفاوتی ندارد که شما از چه زبان و تکنولوژی برای کارهای وب خود استفاده میکنید مهم این است که شما یک سری کارهای تکراری دارید که باید به دست یک اجرا کننده وظایف مثل Grun js بسپارید ! او برای شما این کارها را انجام خواهد داد . در این کارگاه آموزشی در طول 48 دقیقه ی آموزشی بصورت کامل از صفر شروع میکنیم و محیط را آماده ساخت یک اتومااسیون برای انجام کارهای تکراری توسعه وب با grunt انجام میدهیم . در این دوره نصب و راه اندازی هسته ی grunt و همچنین خط فرمان آن آموزش داده خواهد شد . سپس نحوه ی راه اندازی یک task runner با grunt بصورت کامل آموزش داده میشود . سپس وارد یک پروژه ی عملی خواهیم شد و در این پروژه کارهای زیر را انجام خواهیم داد : هر توسعه دهنده ی وب ، دوست دارد که سرعت بارگزاری سایتش بالا باشد و همچنین سئو خوبی داشته باشد . یکی از مشکلاتی که وجود دارد تعداد زیاد فایل های css و js است که باعث زیاد شدن درخواست فایل های js و css میشود . شما فرض کنید ده فایل css داشته باشید که برای قالب سایت شما باشد ( بین این ده فایل میتواند فریمورک هایی مثل بوت استرپ یا bulma یا هر چیز دیگر مشابهی باشد ) و همچنین ده ها فایل js داشته باشید که برای کتابخانه ها و خیلی ابزارهای دیگر مثل ساخت یک اسلایدر ساده در سایت نیاز باشد . همه ی اینها درخواست های http هستند یعنی درخواست مکرر آنها سرعت سایت شما را کم میکنند برای مثال بالا سایت شما حداقل 20 درخواست http به سمت سرور ارسال میکند و به همین سادگی بیست بار سرعت بازشدن سایت شما را کاهش میدهد ! اما Grunt js کاری میکند که 20 درخواست تنها به یک درخواست خلاصه شود و آن هم با استفاده از ابزارهایی که درون خود دارد . همچنین در نظر داشته باشید ، تمام ابزارهای سئو ، برای بهود وضعیت رتبه ی شما در نتایج گوگل و همچنین دیگر موتورهای جستجو به شما اعلام میکنند که فایل های js و css خود را کم کنید و اگر میتوانید آنها را درون یک فایل قرار دهید و سپس فشرده سازی کنید . اما این کاری نیست که یک توسعه دهنده بتواند بصورت دستی یا با محیط توسعه ی خود انجام دهد . شما میتوانید با چند خط دستور توسط grunt یک سیستمی پیاده سازی کنید که کل فایل های css و فایل های js شما را درون یک فایل css و یک فایل js جمع میکند یعنی برای درخواست css های سایت شما فقط یک درخواست و برای درخواست فایل های js شما فقط یک درخواست دیگر نیاز است و این یعنی یک جادوی سرعت برای سرعت و سئو سایت شما . فقط این نیست در ادامه خواهیم دید هر یک از فایل ها را چطور فشرده سازی خواهیم کرد . فرض کنید ، شما فایل های css مربوط به یک اسلایدر ، یک فریمورک مثل بوت استرپ ، یک فایل استایل برای قالب آماده ، یک فایل css برای کدهای استایلی که دستی مینویسید ، دارید و بعد از اعمال تغییرات در هر یک از فایل های css و بعد از save کردن آن در کسری از ثانیه ، همه ی فایل های css شما، درون یک فایل به نام app.css یا هر فایل css با نام دلخواه دیگر، جمع آوری میشود و سپس فشرده سازی میشود . با چند خط کدنویسی بسیار ساده به شما یاد میدهیم که چطور بعد از کدنویسی css و js روی پروژه وب خودتان آنها را در کسری از ثانیه فشرده سازی کنید تا سرعت سایت شما باز هم بالاتر برود . سپس زمانی که کارتان با css و js ها تمام شد به راحتی آنها را روی سرور یا هاست خود Sync میکنید و تمام . حالا سایت شما یک فایل css به نام مثلا app.css و یک فایل js به نام app.js دارد که تمام فایل های متعدد css و js درون آنها جمع آوری و فشرده شده است و این برای بهبود کیفیت سایت بسیار بسیار مفید است . این فقط یک مثال از کاربرد grunt js بود ، grunt یک ابزار جادویی است فقط مسئله جمع آوری فایل های css و فشرده سازی آنها درون یک فایل نیست شما تقریبا هر کار تکراری که روزانه انجام میدهید را میتوانید به grunt بسپارید . او برای شما این کارها را انجام خواهد داد و دستیار خوبی برای تمام توسعه دهندگان وب میباشد .شما میتوانید بجای اینکه وقت خود را صرف انجام کارهای تکراری کنید روی باقی بخش های توسعه ی وب سایت خود متمرکز شوید و در این صورت وقت بیشتر خواهید داشت تا بخش های دیگر سایتتان را توسعه دهید . این کارگاه بصورت کاملا فارسی با تدریس مهندس نیکزاد تهیه شده است که سعی شده از صفر و با شیوه ی بیان بسیار راحت و روان تدریس شود . این کارگاه یک بخش پروژه محور نیز دارد تا بتوانید بحث این کارگاه را بصورت کامل یاد بگیرید . https://avasam.ir/assets/uploads/pro...8%A7%D8%B3.png
