.jpg)
آموزش وب پک ( Web Pack )
جاوا اسکریپت یک زبان برنامه نویسی سطح بالا است که در کنار HTML و CSS یکی از سه هسته اصلی طراحی سایت به شمار میرود. به کمک این زبان برنامه نویسی میتوان اشیاء داخل صفحات HTML را تغییر داد و صفحات وب را در سمت کاربر به صورت داینامیک درآورد.
در هنگام طراحی یک وب سایت با استفاده از زبان جاوا اسکریپت، مشکلی که اکثر توسعه دهندگان با آن مواجه هستند، این است تعداد زیادی از فایلها و assetهای این زبان که شامل فایلهای تصاویر، فونتها، استایلها و غیره هستند، باید به صفحات وب ما لینک شوند تا ما بتوانیم کارهای مورد نظر خود را در یک صفحه وب انجام دهیم.
در حالت معمول، اگر تعداد فایلها کم باشد، مشکلی بروز نمیکند اما اگر تعداد این فایلها بسیار زیاد باشد، در این صورت، مشکل جدیتر شده و مدیریت تمام این فایلها کار راحتی نخواهد بود.
برای حل این مشکل، بایستی از عملیات باندلینگ یا باندل کردن استفاده کنیم. در تعریف عملیات باندلینگ میتوان گفت که ما میتوانیم تعداد زیادی فایل و ماژولهای زبان جاوا اسکریپت را با هم ادغام کنیم که مرورگر فقط یک درخواست برای دریافت تمام فایلها ارسال کرده و یک فایل به عنوان پاسخ دریافت کند.
مشکل دیگری که در اینجا وجود دارد، این است که ممکن است فایلها و ماژولها در زبان جاوا اسکریپت به یکدیگر وابستگی داشته باشند، در صورتی که در اضافه کردن یک ماژول به وابستگیهای آن و همچنین ترتیب قرارگیری آنها نسبت به هم دقت کافی نداشته باشیم، این امر ممکن است باعث بروز خطا در برنامه ما شود.
با استفاده از یک باندلر قدرتمند میتوانیم وابستگیهای هر ماژول را تعریف کنیم تا شاهد مشکلاتی از این دست نباشیم. ما نیاز به یک ابزار کامل داریم که این مشکلات را از سر راه ما بردارد. وب پک (webpack) یک module bundler قدرتمند برای اپلیکیشنهای تحت وبی است که با زبان جاوا اسکریپت ساخته میشوند.
webpack یک ابزار بسیار کارآمد برای توسعه دهندههای بخش کاربری یا فرانت اند با زبان جاوا اسکریپت است که با استفاده از آن توسعه اپلیکیشنهای وب سریعتر، کارآمدتر و انعطاف پذیرتر خواهد بود.
وقتی وب پک برنامه تحت وب شما را پردازش میکند، یک گراف وابستگی از هر ماژولی که برنامه نیاز دارد را به صورت بازگشتی میسازد. سپس، تمام آن ماژولها را در فایلهای باندل کوچکی قرار میدهد که توسط مرورگر بارگزاری میشوند.
پیشنیاز های این دوره :
آشنایی با جاوا اسکریپت
نظرات کاربران در رابطه با این دوره
سید حسین حسینی
ارسال شده در 1400/06/22همه ناراضی هستن به شخصه بعداز 6 ماه هنوز منتظرم ببینم اپدیتی که گفتید رو قرار میدید یا نه!
قسمت های اول رایگان هستش که من دیدم و ضعیف بود!
دوستانی که از خرید دوره ناراضی هستن به پشتیبانی اعلام کنن!
Masoud Ansari
ارسال شده در 1400/01/20سلام این دوره شما بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار بسیار ضعیف بود و از همه مهمتر پروژه محور نبود بعد برای شما کاری چند قسمت دیگه بهش اضافه کنید کسی که دوره را خریدار ی کرده دچار سردگمی نشه
مهدی نظری
ارسال شده در 1399/12/26یعنی هر جلسه ای که رد میکردم 5/6 ساعت رو مشکلاتش کار میکردم نمیخای این دوره رو اپدیت کنی "______"
برای سرفصلاتم لطفا تیتر های درشت نزار هیچ کدوم مطابقت آنچنانی نداشت
حمزه عزیززاده (مدرس)
ارسال شده در 1399/12/26سلام دوست عزیز امیدوارم حالت عالی باشه ،
شما اصلا دوره رو خریداری نکردی چجوری میگی دوره رو دیدی ؟
کسی که دوره رو خریداری نکرده پشتیبانی براش لحاظ نمیشه میتونستین دوره رو خریداری کنید و مشکلاتتون رو مطرح کنید
موفق باشید :)
محمد فرهادی
ارسال شده در 1399/11/03سلام استاد وقت بخیر
کاش یه پروژه خیلی کوچیک رو انجام میدادید با webpack
و علاوه بر اون، یه توضیح مختصر راجع به postcss میدادید ک یه پلاگین فوق العاده س
و ممنون بابته دوره خوبتون
در ضمن در ورژن 5 دیگه dev-server کار نمیکنه
حمزه عزیززاده (مدرس)
ارسال شده در 1399/11/04سلام دوست عزیز امیدوارم حالت عالی باشه ،
انشاالله در آپدیت بعدی تمامی این موارد رو براتون قرار میدم
خیلی ممنون بابت نظر خوبتون
موفق باشید :)
ali afarinifard
ارسال شده در 1399/10/30سلام استاد خسته نباشید.ببخشید شما هزینه این محصول رو در این پیج قرار دادید اما فایل های رایگان این محصول رو هم قرار دادید متوجه نمیشم الان من می تونم یا به صورت رایگان استفاده کنم یا هزینه بابت این محصول بدم.تفاوت این دو الان چیه .آیا این فایل های رایگان شما پیش نمایش هستند؟ممنون میشم پاسخ بدید.
حمزه عزیززاده (مدرس)
ارسال شده در 1399/10/30سلام دوست عزیز امیدوارم حالت عالی باشه ،
5 جلسه اول تمامی دوره ها رایگان می باشد تا دانشجو از کیفیت دوره مطلع شود و برای ما بقی جلسات باید دوره رو خریداری کنید
موفق باشید:)
محمد فرهادی
ارسال شده در 1399/10/03سلام استاد
وقت بخیر
لطفا قابلیت های جدید ورژن 5 رو هم در چند جلسه اضافه کنید به آموزش تا کامل تر بشه
ممنون
فهیمه قنبری
ارسال شده در 1399/08/27سلام وقت ببخیر ، تنظیمات وب پک در همه فریم ورک ها مثلا ویو و ری اکت به یه شکل هست ؟
من می خوام وب پک در ویو رو کانفیگ کنم با این اموزش میشه این کارو انجام داد؟
حمزه عزیززاده (مدرس)
ارسال شده در 1399/08/28سلام دوست عزیز امیدوارم حالت عالی باشه،
بنده با ویو آشنایی ندارم ولی تا اونجایی که میدونم تفاوت هایی داره
موفق باشید:)
abolfazlsoltoni
ارسال شده در 1399/08/19عالی
حمزه عزیززاده (مدرس)
ارسال شده در 1399/08/19سلام دوست من امیدوارم حالت عالی باشه،
ممنون بابت اینکه وقت گذاشتیو برام نظرتو گذاشتی .
موفق باشی :)
homa73
ارسال شده در 1399/08/07سلام من می خوام از پلاگین elevatezoom استفاده کنم برایش npm install وجود نداره چه جوری می تونم ازش استفاده کنم؟
حمزه عزیززاده (مدرس)
ارسال شده در 1399/08/07سلام دوست عزیز ،
مشکلی نداره میتونید فایل هاشو دانلود کنید و اونارو داخل سند html تون لینک کنید.
موفق باشید :)
homa73
ارسال شده در 1399/08/14باید داخل entry وارد کنم؟