نوروز مبارک

نوروز مبارک

🔥 جشنواره نوروزی آموزش با ۷۰٪ تخفیف ویژه! 🎉

با آغاز سال نو، فرصتی استثنایی برای یادگیری فراهم شده است! 🌸

🚀 چرا نباید این فرصت را از دست داد؟
✅ دوره‌های متنوع و کاربردی
✅ تدریس توسط اساتید مجرب
✅ یادگیری در هر زمان و هر مکان

📌 همین حالا از این تخفیف فوق‌العاده بهره‌مند شوید! فرصت محدود است!

 

قیمت این دوره: 149,000 تومان
  • مدرس دوره : حمزه عزیززاده
  • تعداد ویدیوها : 28 ویدیو
  • مدت زمان دوره : 5:45:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1399/03/31
 فروش این دوره متوقف شده است .
آموزش وب پک ( Web Pack )

آموزش وب پک ( Web Pack )

جاوا اسکریپت یک زبان برنامه‌ نویسی سطح بالا است که در کنار HTML و CSS یکی از سه هسته اصلی طراحی سایت به شمار می‌رود. به کمک این زبان برنامه نویسی می‌توان اشیاء داخل صفحات HTML را تغییر داد و صفحات وب را در سمت کاربر به صورت داینامیک درآورد.

در هنگام طراحی یک وب سایت با استفاده از زبان جاوا اسکریپت، مشکلی که اکثر توسعه دهندگان با آن مواجه هستند، این است تعداد زیادی از فایل‌ها و assetهای این زبان که شامل فایل‌های تصاویر، فونت‌ها، استایل‌ها و غیره هستند، باید به صفحات وب ما لینک شوند تا ما بتوانیم کارهای مورد نظر خود را در یک صفحه وب انجام دهیم.

در حالت معمول، اگر تعداد فایل‌ها کم باشد، مشکلی بروز نمی‌کند اما اگر تعداد این فایل‌ها بسیار زیاد باشد، در این صورت، مشکل جدی‌تر شده و مدیریت تمام این فایل‌ها کار راحتی نخواهد بود.

برای حل این مشکل، بایستی از عملیات باندلینگ یا باندل کردن استفاده کنیم. در تعریف عملیات باندلینگ می‌توان گفت که ما می‌توانیم تعداد زیادی فایل و ماژول‌های زبان جاوا اسکریپت را با هم ادغام کنیم که مرورگر فقط یک درخواست برای دریافت تمام فایل‌ها ارسال کرده و یک فایل به عنوان پاسخ دریافت کند.

مشکل دیگری که در اینجا وجود دارد، این است که ممکن است فایل‌ها و ماژول‌ها در زبان جاوا اسکریپت به یکدیگر وابستگی داشته باشند، در صورتی که در اضافه کردن یک ماژول به وابستگی‌های آن و همچنین ترتیب قرارگیری آن‌ها نسبت به هم دقت کافی نداشته باشیم، این امر ممکن است باعث بروز خطا در برنامه ما شود.

با استفاده از یک باندلر قدرتمند می‌توانیم وابستگی‌های هر ماژول را تعریف کنیم تا شاهد مشکلاتی از این دست نباشیم. ما نیاز به یک ابزار کامل داریم که این مشکلات را از سر راه ما بردارد. وب پک (webpack) یک module bundler قدرتمند برای اپلیکیشن‌های تحت وبی است که با زبان جاوا اسکریپت ساخته می‌شوند.

webpack یک ابزار بسیار کارآمد برای توسعه دهنده‌های بخش کاربری یا فرانت اند با زبان جاوا اسکریپت است که با استفاده از آن توسعه اپلیکیشن‌های وب سریع‌تر، کارآمدتر و انعطاف پذیرتر خواهد بود.

وقتی وب پک برنامه تحت وب شما را پردازش می‌کند، یک گراف وابستگی از هر ماژولی که برنامه نیاز دارد را به صورت بازگشتی می‌سازد. سپس، تمام آن ماژول‌ها را در فایل‌های باندل کوچکی قرار می‌دهد که توسط مرورگر بارگزاری می‌شوند.

پیشنیاز های این دوره :
آشنایی با جاوا اسکریپت




فهرستـــ ویدیوها

مدت زمان دوره 5:45:00
00:00
00:00
  • با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.

1
  • معرفی دوره

00:11:00

معرفی دوره ، توضیح مختصر در مورد وب پک

2
  • وب پک چیست ؟

00:11:00

در این جلسه قصد دارم وب پک رو خدمت شما عزیزان معرفی کنم تا ببینیم چه کاری انجام میده

3
  • محبوبیت وب پک

00:05:00

در این جلسه قصد دارم محبوبیت وب پک رو بهتون نشون بدم تا ببینیم در هفته چقدر از این ابزار قدرتمند استفاده میشه

4
  • یکی از کوچک ترین مشکلات رایج

00:11:00

در این جلسه قصد دارم یکی از کوچک ترین مشکلات رایجی که همه برنامه نویسان دارند رو بهتون نشون بدم که این مشکل یکی از کوچک ترین مشکلاته

5
  • راه اندازی وب پک در پروژه

00:16:00

در این جلسه قصد دارم نحوه نصب و راه اندازی وب پک رو بهتون بگم

6
  • پیاده سازی پروژه جلسات قبلی با وب پک

00:13:00

در این جلسه قصد دارم فانکشینی رو که در جلسات گذشته نوشتیم رو با وب پک پیاده سازی کنم

7
  • نحوه کانفیگ وب پک

00:18:00

در این جلسه قصد دارم نحوه کانفیگ کردن وب پک رو بهتون آموزش بدم

8
  • بر طرف کردن هشدار mode و آشنایی با لودر ها

00:09:00

در این جلسه قصد دارم هشدار mode رو به روشی بهتر برطرف کنیم و یک توضیح مختصری در مورد لودر ها

9
  • نحوه خروجی گرفتن فایل های css

00:12:00

در این جلسه قصد دارم نحوه استفاده از css رو داخل وب پک بهتون آموزش بدم

10
  • نحوه خروجی گرفتن فایل های sass

00:09:00

در این جلسه قصد دارم نحوه استفاده از sass رو داخل وب پک بهتون آموزش بدم

11
  • نحوه خروجی گرفتن فایل های تصویری

00:18:00

در این جلسه قصد دارم نحوه استفاده از image رو داخل وب پک بهتون آموزش بدم

12
  • خروجی گرفتن بی دردسر

00:07:00

در جلسات گذشته دیدیم که هر بار که تغییری رو اعمال کنیم باید از کل پروژه بیلد بگیریم ولی با روشی که تو این جلسه بهتون آموزش میدم دیگه نیازی به این کار نیست

13
  • نحوه خروجی گرفتن فونت ها

00:11:00

در این جلسه قصد دارم نحوه استفاده از فونت ها رو داخل وب پک بهتون آموزش بدم

14
  • نحوه خروجی گرفتن فایل های json

00:05:00

در این جلسه قصد دارم نحوه استفاده از json رو داخل وب پک بهتون آموزش بدم

15
  • نحوه استفاده از babel

00:15:00

در این جلسه قصد دارم نحوه استفاده از Babel رو داخل وب پک بهتون آموزش بدم

16
  • پلاگین چیست ؟

00:14:00

در این جلسه قصد دارم بهتون بگم که پلاگیم چیست و چه کاربردی داره

17
  • افزایش سرعت وب سایت

00:16:00

در این جلسه قصد دارم بهتون بگم که چگونه سرعت وبسایتتون رو افزایش بدین و اینکه چجوری فایل های css رو خروجی بگیرید

18
  • مدیریت کش مرورگر با وب پک

00:11:00

در این جلسه قصد دارم بهتون بگم چگونه کش مرورگر خودتون رو با استفاده از وب پک مدیریت کنید

19
  • خروجی گرفتن تمیز

00:10:00

در این جلسه قصد دارم بهتون بگم چگونه هر بار که خروجی میگیرید فایل های قبلی پاک بشن

20
  • پیکربندی های مختلف برای وب پک

00:15:00

در این جلسه قصد دارم بهتون بگم چگونه چند پیکربندی برای وب پکتون داشته باشید

21
  • ایجاد یک dev server

00:10:00

در این جلسه قصد دارم بهتون بگم چگونه یک سرور بسازید

22
  • ساخت اپلیکیشن چند صفحه ای

00:10:00

در این جلسه قصد دارم بهتون بگم چگونه از چند فایل html استفاده کنید

23
  • تلفیق دو فایل پیکر بندی با هم

00:25:00

در این جلسه قصد دارم بهتون بگم که چگونه دو فایل مختلف رو باهم یکی کنید

24
  • کاهش حجم فایل ها

00:14:00

در این جلسه قصد دارم بهتون بگم که چگونه حجم فایل هاتون رو کاهش بدین

25
  • ایجاد پلاگین اختصاصی

00:20:00

در این جلسه قصد دارم بهتون بگم که چگونه یک پلاگین برای خودتون ایجاد کنید

26
  • نکات تکمیلی

00:11:00

در این جلسه قصد دارم بهتون چند نکته بگم شاید بتونه کمکتون کنه

27
  • پیدا کردن خطا و نوشتن کد تمیز تر

00:13:00

در این جلسه قصد دارم بهتون بگم چگونه کدهای تمیز تری داشته باشد

28
  • سخن پایانی

00:05:00

نگاهی به کل دوره یک صحبت کوتاه

دوره های دیگر مدرس

مشاهده همه دوره ها

نظرات کاربران در رابطه با این دوره

لطفا سوالات خود را راجع به این آموزش در این بخش پرسش و پاسخ مطرح کنید به سوالات در قسمت نظرات پاسخ داده نخواهد شد و آن نظر حذف میشود.
جهت ثبت نظر باید در سایت عضو شوید و یا وارد سایت شده باشید .

سید حسین حسینی

ارسال شده در 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 وارد کنم؟