“آموزش webpack 4 به صورت اصولی – وب پک فارسی” :
این آموزش رو درجهت یادگیری مفاهیم پایه Webpack4 به صورت اصولی و کارکردن با آن در سطوح مقدماتی و متوسط در سال 1398 تهیه کردم و در سایت خوب لیموناد قرار دادم که خداروشکر استقبال خوبی ازش شد و مفید بود از نظرشون و نظرات ارزشمندی هم دانش پذیرای مختلف قرار دادند. امروز این محتوای آموزشی رو در سایت به صورت دانلود یکجا و یوتوب CafeDX هم قراردادم + اسلاید های دوره که فقط در همین سایت موجود هست. در ادامه:
1. ابتدا توضیحات این دوره رو قرار دادم به همراه فصل 1-مقدمه رو براتون قرار دادم
2. پس از اون لینک دوره در یوتوب رو قرار دادم
3. در نهایت slide های مرتبط با این دوره + پروژه رو براتون قرار دادم.
امیدوارم که بیشتری استفاده رو ببرین و برای کسانی که فکر میکنین که مفید هست براشون حتما ارسال کنین تا مفاهیم وبپک رو به خوبی یاد بگیرین:
در ادامه توضیحات این دوره رو قرار میدم و امیدوارم که برای شما هم مفید بوده باشه(البته درسته نسخه قدیمی هست، ولی هنوز مفاهیمش منقضی نشده و کاربردی هست).
توضیحات:
در دوره آموزش webpack به صورت اصولی وب پک 4 که یک ماژول bundler برای جاوا اسکریپت است یاد خواهید گرفت تا بتوانید کتابخانه ها را پکیج بندی و کامپایل کنیم.
هدف من در این دوره اینه که به شما کمک کنم تا بتونید به خوبی webpack رو درک کنید و هم بخوبی یاد بگیریدش بخصوص نسخه 4 وب پک رو که درحال حاضر وجود دارد. این دوره اختصاصی برای افرادی که می خواهند وب پک رو از پایه یادبگیرن و افرادی که باهاش آشنا هستن اما درک چندان خوبی از چگونگی عملکردش و کار باهاش و تغییرش رو ندارن، ایجاد شده است.
شما تو این دوره از ساده ترین config تا پیچیده ترین اون ها رو بخصوص برای پروژه های واقعی و بزرگ یاد می گیرید. شما پایان دوره قطعا می تونید از وب پک بدون هیچ نگرانی ای توی پروژه ها تون استفاده کنید و سرعت و کیفیت توسعه پروژه تون رو افزایش بدید.
این دوره سعی شده کاملا بروز و کاربردی باشه اما با این حال من سعی می کنم این دوره رو آپدیت کنم تا بروز باشه و اگر اشکالی هم وجود داشت اصلاح کنم، لذا خیلی خوشحال می شم که نظراتتون رو حتما اعلام کنید تا هم از نقاط قوت و ضعف دوره اطلاع پیدا کنم و هم بتونیم کیفیت دوره رو بالاتر ببریم.
این دوره به طور کلی تو 5 بخش ارائه میشه:
1.در فصل اول مقدماتی از وب پک خدمتتون ارائه میشه که چی هست و چرا خوبه که ازش استفاده کنیم
2.حالا که وب پک رو شناختیم برای استفاده ازش باید چه پیشنیازهایی ر رعایت کنیم
3.گام بعدی مونم اشنایی مقدماتی با وب پک و پایه اون هست
4.در بخش چهارم هم سعی میکنیم به موارد پیش رفته تر وب پک نظیر loaderها و پلاگین ها و مود های مختلف وب پک و راه اندازی dev-server و موارد دیگه بپردازیم
5.در بخش آخر هم مثالی کاربردی که شامل قسمت های مختلف میشه رو به همراه موضوع کاربردی json shcema، کار مکنیم.
در انتها سعی من در این دوره این هست که به شیوه ای وب پک رو بهتون یاد بدم که خوب بتونید ازش استفاده کنید و کمتر به مشکلات عجیب و غریب بر بخورید بخصوص تو رعایت مفاهیم پایه وب پک و بهتون اطمینان میدم که با یادگیری وب پک دیگه از این به بعد تمام پروژه هاتون از ریز و درشت رو سعی می کنید با وب پک توسعه بدید.
با من همراه باشید.
پیش نیاز این دوره آموزشی چیست؟
بهتره که با جاوا اسکریپت و node.js آشنا باشید، البته اگر با node.js آشنایی ندارید نگران نباشید چون مواردی که نیاز بشه رو توی دوره خدمتتون ارائه دادم.
اهداف آموزش webpack 4 به صورت اصولی – وب پک فارسی چیست؟
هدف درک و یادگیری خوب Webpack 4 و پیاده سازی Front-end با کمک webpack به صورت اصولی می باشد.
این دوره برای چه کسانی مفید است؟
برای افرادی که می خواهند، توسعه دهنده سایت (Front-end) حرفه ای شوند و یا سرعت و کیفیت توسعه سایت خود را بالا ببرند.
نحوه دسترسی به آموزش چگونه است؟
امکان دانلود و پخش آنلاین دوره وجود دارد و شما به طور دائم به آن دسترسی دارید. این آموزش رایگان عرضه شده است و شما می توانید تمامی قسمت های آموزش webpack 4 به صورت اصولی – وب پک فارسی را به طور رایگان دانلود کنید.
پیش نمایش دوره:
آموزش مقدمات webpack 4
وب پک چیست؟ رایگان
چرا باید از module bundlerی مثل Webpack استفاده کنیم؟ رایگان
مروری بر مطالب فصل اول رایگان
لینک دوره در “Youtube” :
جهت مشاهده دوره، بر روی لینک روبرو کلیک نمایید تا شما را به دوره در سایت یوتوب انتقال دهد. مشاهده تمام ویدیو ها
توجه: برای باز کردن یوتوب نیازمند vpn هستین.
اسلاید های دوره
فایل های پروژه رایگان
دانلود یکجای کل دوره - ویدیوها، اسلایدها، فایل های پروژه
جهت مشاهده محتوای این فایل زیپ بر روی این لینک کلیک کنید
ضمانت بازگشت وجه ۷ روزه بدون ریسک
درصورت انصراف شما دانشجوی عزیز از دوره به هردلیلی، امکان بازگشت وجه تا 7روز برای شما محفوظ است. با خیال راحت به مطالعه و پیشرفت خود بپردازید📚🌹
دوره های مرتبط
Stackoverflow The Right Way (The Complete Guide & Practical Reference)
* مقدماتی تا حرفه‌ای
* کاملا کاربردی + کلی مثال عملی
* قدم به قدم مبتنی بر منبع
* یادمیگیرد چطور بهترین و دقیق‌ترین جواب ممکن در دنیا رو پیدا کنید!
* راهکار کاملا کاربردی برای فعالیت برای کسایی که زبانENشون ضعفیه
* یادمیگیرین کجا و چطور حرفه‌ای سوال بپرسین تا سریعتر به جوابتون برسید و اگر امتیاز منفی گرفتین چکار باید کنین!
* چطور بیشترین امتیاز در کمترین زمان به صورت کاملا اصولی و ارگانیک بدست بیارین
* حداقل 700 ساعت کاری جلو میوفتید!
امتیاز دانشجویان دوره
نظرات
قوانین ثبت دیدگاه
- دیدگاه های فینگلیش تایید نخواهند شد.
- دیدگاه های نامرتبط به مطلب تایید نخواهد شد.
- از درج دیدگاه های تکراری پرهیز نمایید.
- امتیاز دادن به دوره فقط مخصوص دانشجویان دوره می باشد.
150000 – رایگان!
سید مهدی حسن پور
توسعه دهنده نرم افزارتوسعه دهنده نرم افزار، مربی و مدرس فرانت اند
rasadeghnasab( دانشجوی دوره )
واقعا سرفصل ها عالی انتخاب شده بودند. من چندین آموزش دیگه هم در مورد webpack دیدم اما این آموزش واقعا اصول رو بهت یاد میده و طوری بهت مباحث رو آموزش میده که اگر چیزی رو نمیدونی و داخل گوگل پیدا میکنی دیگه بدونی که کدی که کپی کردی دقیقا داره چیکار میکنه. همین باعث میشه همیشه دانش وب پکت رو به رشد باشه.
سیدمهدی حسن پور(مدیریت)
خوشحالم از اینکه مفید بود از نظرت رامین جان وممنون بابت نظرت🌹
همایون( دانشجوی دوره )
سلام بسیار تشکر از آموزش عالی شما
یک سوال داشتم در رابطه اینکه react چطوری از webpack استفاده می کند؟
وقتی که package.json پروژه را می بینیم هیج وابسته گی از webpack نمی بینیم. اما اگر پروژه را eject کنیم فایل های زیادی تشکیل میشه که می توانیم فایل های webpack را بیبینم. وwebpack.config.js را می توانیم پیدا کنیم.
سوال من اینه که طریقه استفاده از webpack که react استفاده کرده را بدانم؟
hamayon2022.af( دانشجوی دوره )
سلام بسیار تشکر از آموزش عالی شما
یک سوال داشتم در رابطه اینکه react چطوری از webpack استفاده می کند؟
وقتی که package.json پروژه را می بینیم هیج وابسته گی از webpack نمی بینیم. اما اگر پروژه را eject کنیم فایل های زیادی تشکیل میشه که می توانیم فایل های webpack را بیبینم. وwebpack.config.js را می توانیم پیدا کنیم.
سوال من اینه که طریقه استفاده از webpack که react استفاده کرده را بدانم؟