آموزش 20 کتابخانه جاوااسکریپت برای بازار کار
امروزه کتابخانهها کد نویسی را خیلی آسان و لذت بخش تر کرده اند. به قدری که حتی امروزه هیچ شرکت برنامه نویسی پروژه های خود را با Vanilla Js پیاده سازی نمی کند و همیشه از کتابخانه ها و فریمورک های موجود استفاده می کند. پس شما هم اگه میخواید یک برنامه نویس عالی فرانت اند باشید، باید کتابخانه های کاربردی که در بازار کار استفاده می شوند را به خوبی بلد باشید
توضیحات
قبل از اینکه بخواین این دوره رو ببینید اگر دوره
آموزش جاوا اسکریپت رو ندیدین حتما دوره رو ببینید که خیلی خیلی بهتون کمک خواهد کرد
جلسات
معرفی دوره + چرا یادگیری کتابخانهها ضروری است؟
پیاده سازی افکت های انیمیشنی برای نمایش محتوای سایت با کتابخانه Wow Js
استفاده از کتابخانه Wow Js در پروژه لندینگ پیج واقعی
تشریح کتابخانه AOS از روی داکیومنت
نحوه پیاده سازی افکت های انیمیشنی با کتابخانه AOS
استفاده از Config های AOS
استفاده از لایبرری AOS در پروژه لندینگ پیج واقعی
تشریح کتابخانه iHover از روی داکیومنت
نحوه استفاده از افکت های کتابخانه جذاب iHover
استفاده از لایبرری iHover در پروژه واقعی لندینگ پیج
تشریح لایبرری Particle Js از روی داکیومنت
نحوه استفاده از Particle Js برای ساخت بک گراند های متحرک
استفاده از config های Particle Js برای مدیریت بک گراند
پروژه بک گراند متحرک برفی زیبا با Particle Js
پروژه بک گراند مربعی بصورت گرادینت و متحرک با Particle Js
پروژه بک گراند خوشگل ستارهای متحرک با Particle Js
تشریح لایبرری باحال Type Writer از روی داکیومنت
نحوه استفاده از لایبرری Type Writer
نحوه استفاده از Config های Type Writer برای کنترل افکت متن
استفاده از Type Writer در پروژه لندینگ پیج معرفی رستوران
تشریح لایبرری Sweet Alert 1 از روی داکیومنت
نحوه استفاده از لایبرری جذاب Sweet Alert 1
نحوه استفاده از Config های Sweet Alert برای مدیریت نوتیفیکیشن ها
نحوه Customize کردن باکس های Sweet Alert
استفاده از Sweet Alert در پروژه Form Validation برای نمایش نتیجه لاگین
تشریح لایبرری Sweet Alert 2 از روی داکیومنت
نحوه استفاده از لایبرری جذاب Sweet Alert 2 و پیاده سازی Config های آن
چطور باید از SweetAlert 2 به عنوان Toast استفاده کنیم؟
چطور باید از mixin های Sweet Alert 2 استفاده کرد؟ (با هدف بهینه سازی کد و افزایش سرعت توسعه)
نحوه هندل کردن response های کاربر در Sweet Alert 2
استفاده از Sweet Alert 2 در پروژه Form Validation با رویداد blur
تشریح لایبرری Video Js از روی داکیومنت
نحوه ساخت ویدئو پلیر با کتابخانه Video Js
نحوه ست کردن Poster برای هر ویدئو در Video Player
تشریح پلاگین Hotkey برای اضافه کردن قابلیت های کیبورد به ویدئو پلیر
آموزش اضافه کردن قابلیت های کیبورد به ویدئوپلیر با پلاگین hotKeys
تشریح پلاگین های playlist, zoomRotate و watermark
نحوه نمایش واترمارک روی ویدئوپلیر به کمک پلاگین Watermark
پیاده سازی قابلیت های زوم و چرخش در ویدئوپلیر
تشریح لایبرری جذاب Lodash از روی داکیومنت + مثال
نحوه استفاده از لایبرری Lodash - متد های drop و dropRight
نحوه استفاده از متد pick در Lodash
پیاده سازی مینی پروژه تودولیست بدون استفاده از Lodash
ریفکتور کردن پروژه تودولیست با متدهای flow و flowRight از Lodash
نحوه استفاده از متد های pull و random از لایبرری Lodash
تشریح لایبرری پراستفاده Chart Js از روی داکیومنت
چگونه به کمک کتابخانه Chart JS نمودار رسم کنیم؟
نحوه پیاده سازی نمودار های دو ستونه با لایبرری Chart JS
انواع مختلف نمودار در Chart JS (نمودار های میلهای، دایرهای، خطی و ...)
پیاده سازی نمودار به کمک Chart Js در پروژه واقعی داشبورد ادمین
تشریح لایبرری iziToast از روی داکیومنت
نحوه استفاده از Toast های کتابخانه iziToast
Config های لایبرری iziToast
تشریح لایبرری Tippy Js از روی داکیومنت
نحوه استفاده از کتابخونه Tippy Js برای ساخت Tooltip
کانفیگ های Tippy Js
تشریح لایبرری Axios از روی مستندات گیتهاب
ساخت پروژه در سرویس فایربیس
کار با Post Request به کمک Axios و ذخیره سازی اطلاعات در فایربیس
کار با Get Request به کمک Axios و نمایش اطلاعات فایربیس در DOM
کار با Delete Request و حذف کابران از فایربیس به شکل Realtime
کار با PUT Request و ویرایش اطلاعات کاربران در فایربیس به شکل Realtime
تشریح لایبرری Owl Js از روی داکیومنت
نحوه ساخت Image Slider با لایبرری Owl
آشنایی مفصل با Config های Owl
چگونه اسلایدر های Owl را ریسپانسیو کنیم؟
تشریح لایبرری Slick Js از روی داکیومنت
نحوه ساخت اسلایدر عکس با لایبرری Slick
کانفیگ های لایبرری Slick
چگونه قابلیت Lazy Load را در Slick فعال کنیم؟
نحوه ریسپانسیو سازی اسلایدر های Slick
تشریح لایبرری Swiper Js از روی داکیومنت
نحوه ساخت اسلایدر عکس با لایبرری Swiper Js
آشنایی با Config های Swiper Js
توسعه پروژه واقعی - پیاده سازی Navbar
توسعه پروژه واقعی - پیاده سازی Footer
توسعه پروژه واقعی - پیاده سازی Slider با Swiper
تشریح لایبرری CkEditor از روی داکیومنت
چطور از لایبرری CkEditor استفاده کنیم؟
Config های کتابخونه CkEditor
چطور اطلاعات ادیتور رو بگیریم؟ (Get & Set)
نحوه پیاده سازی ادیتور Inline با CkEditor
نحوه پیاده سازی ادیتور Balloon با CkEditor
تشریح لایبرری Client Js از روی داکیومنت
کار عملی با متد های لایبرری Client Js
استفاده از Client Js در مینی پروژه واقعی - دپلوی پروژه روی هاست رایگان و تست با موبایل
تشریح لایبرری Parallax Js از روی داکیومنت
چطور با Parallax Js افکت پارالکس ایجاد کنیم؟
توسعه پروژه واقعی با افکت پارالکس - پیاده سازی Header
توسعه پروژه واقعی با افکت پارالکس - پیاده سازی المنت های مورد نیاز برای پارالکس
توسعه پروژه واقعی با افکت پارالکس - پیاده سازی افکت پارالکس
معرفی 2 کتابخانه دیگر در زمینه Parallax
تشریح لایبرری Validator Js از روی داکیومنت
چطور از لایبرری Validator Js برای دیتا ولیدیشن استفاده کنیم؟
سخن پایانی - چطور کتابخونه های مورد نیازمون رو پیدا کنیم؟
پیش نیاز ها
پشتیبانی
این دوره مجهز به «سبزبات» ربات هوشمند مبتنی بر هوش مصنوعی است.
اگر در حین مشاهده جلسات دوره با سوال یا ابهامی مواجه شدید، میتوانید پرسش خود را از سبزبات بپرسید و در همان لحظه پاسخ دریافت کنید. در صورتی که نیاز به توضیح بیشتر یا پاسخ تخصصی مدرس داشتید، کافی است از سبزبات بخواهید تا سوال شما را به مدرس دوره ارجاع دهد تا مستقیماً توسط مدرس پاسخ داده شود.
نظرات
