0
سبد خرید من 0 دوره
سبد خرید شما خالیست :(
دوره ها
فرانت اند
آموزش 20 کتابخانه جاوااسکریپت برای بازار کار

آموزش 20 کتابخانه جاوااسکریپت برای بازار کار

امروزه کتابخانه‌ها کد نویسی را خیلی آسان و لذت بخش تر کرده اند. به قدری که حتی امروزه هیچ شرکت برنامه نویسی پروژه های خود را با Vanilla Js پیاده سازی نمی کند و همیشه از کتابخانه ها و فریمورک های موجود استفاده می کند. پس شما هم اگه میخواید یک برنامه نویس عالی فرانت اند باشید، باید کتابخانه های کاربردی که در بازار کار استفاده می شوند را به خوبی بلد باشید

693,000
وضعیت دوره تکمیل شده
مدت زمان دوره 19 ساعت
آخرین بروزرسانی 1401/03/03
روش پشتیبانی آنلاین
پیش نیاز JS
نوع مشاهده دانلودی/آنلاین
توضیحات

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

آموزش 20 کتابخانه جاوااسکریپت

سرفصل ها
معرفی دوره
1
معرفی دوره + چرا یادگیری کتابخانه‌ها ضروری است؟
17:05
آموزش کتابخانه Wow Js + پیاده سازی پروژه لندینگ پیج
1
پیاده سازی افکت های انیمیشنی برای نمایش محتوای سایت با کتابخانه Wow Js
21:07
2
استفاده از کتابخانه Wow Js در پروژه لندینگ پیج واقعی
12:46
آموزش کتابخانه باحال Aos + استفاده از آن در پروژه لندینگ پیج
1
تشریح کتابخانه AOS از روی داکیومنت
07:12
2
نحوه پیاده سازی افکت های انیمیشنی با کتابخانه AOS
07:53
3
استفاده از Config های AOS
12:51
4
استفاده از لایبرری AOS در پروژه لندینگ پیج واقعی
08:39
آموزش کتابخانه iHover - استفاده از آن در وب سایت شخصی
1
تشریح کتابخانه iHover از روی داکیومنت
07:20
2
نحوه استفاده از افکت های کتابخانه جذاب iHover
14:19
3
استفاده از لایبرری iHover در پروژه واقعی لندینگ پیج
13:56
آموزش کتابخانه Particle Js - پیاده سازی چندین بک گراند متحرک و جذاب
1
تشریح لایبرری Particle Js از روی داکیومنت
08:03
2
نحوه استفاده از Particle Js برای ساخت بک گراند های متحرک
07:42
3
استفاده از config های Particle Js برای مدیریت بک گراند
17:05
4
پروژه بک گراند متحرک برفی زیبا با Particle Js
07:38
5
پروژه بک گراند مربعی بصورت گرادینت و متحرک با Particle Js
10:41
6
پروژه بک گراند خوشگل ستاره‎‌ای متحرک با Particle Js
10:08
آموزش کتابخانه Type Writer - استفاده از آن در پروژه لندینگ پیج معرفی رستوران
1
تشریح لایبرری باحال Type Writer از روی داکیومنت
07:58
2
نحوه استفاده از لایبرری Type Writer
09:29
3
نحوه استفاده از Config های Type Writer برای کنترل افکت متن
09:04
4
استفاده از Type Writer در پروژه لندینگ پیج معرفی رستوران
07:57
آموزش کتابخانه Sweet Alert 1 - استفاده از آن در پروژه واقعی
1
تشریح لایبرری Sweet Alert 1 از روی داکیومنت
06:46
2
نحوه استفاده از لایبرری جذاب Sweet Alert 1
10:26
3
نحوه استفاده از Config های Sweet Alert برای مدیریت نوتیفیکیشن ها
15:51
4
نحوه Customize کردن باکس های Sweet Alert
08:25
5
استفاده از Sweet Alert در پروژه Form Validation برای نمایش نتیجه لاگین
17:37
آموزش کتابخانه Sweet Alert 2 - استفاده از آن در پروژه واقعی
1
تشریح لایبرری Sweet Alert 2 از روی داکیومنت
06:26
2
نحوه استفاده از لایبرری جذاب Sweet Alert 2 و پیاده سازی Config های آن
13:53
3
چطور باید از SweetAlert 2 به عنوان Toast استفاده کنیم؟
12:22
4
چطور باید از mixin های Sweet Alert 2 استفاده کرد؟ (با هدف بهینه سازی کد و افزایش سرعت توسعه)
07:05
5
نحوه هندل کردن response های کاربر در Sweet Alert 2
11:53
6
استفاده از Sweet Alert 2 در پروژه Form Validation با رویداد blur
15:57
آموزش کتابخانه Video Js و پلاگین های آن - پیاده سازی پروژه ویدئو پلیر حرفه‌ای (مثل یوتیوب)
1
تشریح لایبرری Video Js از روی داکیومنت
06:32
2
نحوه ساخت ویدئو پلیر با کتابخانه Video Js
09:58
3
نحوه ست کردن Poster برای هر ویدئو در Video Player
03:45
4
تشریح پلاگین Hotkey برای اضافه کردن قابلیت های کیبورد به ویدئو پلیر
08:02
5
آموزش اضافه کردن قابلیت های کیبورد به ویدئوپلیر با پلاگین hotKeys
11:09
6
تشریح پلاگین های playlist, zoomRotate و watermark
06:11
7
نحوه نمایش واترمارک روی ویدئوپلیر به کمک پلاگین Watermark
07:26
8
پیاده سازی قابلیت های زوم و چرخش در ویدئوپلیر
07:41
آموزش کتابخانه Lodash
1
تشریح لایبرری جذاب Lodash از روی داکیومنت + مثال
13:24
2
نحوه استفاده از لایبرری Lodash - متد های drop و dropRight
08:18
3
نحوه استفاده از متد pick در Lodash
07:33
4
پیاده سازی مینی پروژه تودولیست بدون استفاده از Lodash
20:49
5
ریفکتور کردن پروژه تودولیست با متدهای flow و flowRight از Lodash
11:52
6
نحوه استفاده از متد های pull و random از لایبرری Lodash
09:55
آموزش کتابخانه Chart Js - استفاده از نمودار های مختلف در پروژه واقعی (پنل ادمین)
1
تشریح لایبرری پراستفاده Chart Js از روی داکیومنت
06:40
2
چگونه به کمک کتابخانه Chart JS نمودار رسم کنیم؟
22:38
3
نحوه پیاده سازی نمودار های دو ستونه با لایبرری Chart JS
14:57
4
انواع مختلف نمودار در Chart JS (نمودار های میله‌ای، دایره‌ای، خطی و ...)
12:49
5
پیاده سازی نمودار به کمک Chart Js در پروژه واقعی داشبورد ادمین
10:37
آموزش کتابخانه iziToast
1
تشریح لایبرری iziToast از روی داکیومنت
07:02
2
نحوه استفاده از Toast های کتابخانه iziToast
06:57
3
Config های لایبرری iziToast
13:57
آموزش کتابخانه Tippy Js - پیاده سازی پروژه
1
تشریح لایبرری Tippy Js از روی داکیومنت
09:15
2
نحوه استفاده از کتابخونه Tippy Js برای ساخت Tooltip
10:46
3
کانفیگ های Tippy Js
17:06
آموزش کتابخانه Axios - پیاده سازی پروژه CMS به کمک دیتابیس Firebase
1
تشریح لایبرری Axios از روی مستندات گیتهاب
11:03
2
ساخت پروژه در سرویس فایربیس
12:47
3
کار با Post Request به کمک Axios و ذخیره سازی اطلاعات در فایربیس
19:16
4
کار با Get Request به کمک Axios و نمایش اطلاعات فایربیس در DOM
21:17
5
کار با Delete Request و حذف کابران از فایربیس به شکل Realtime
16:18
6
کار با PUT Request و ویرایش اطلاعات کاربران در فایربیس به شکل Realtime
29:10
آموزش کتابخانه Owl Slider - پیاده سازی اسلایدر
1
تشریح لایبرری Owl Js از روی داکیومنت
11:38
2
نحوه ساخت Image Slider با لایبرری Owl
11:35
3
آشنایی مفصل با Config های Owl
16:22
4
چگونه اسلایدر های Owl را ریسپانسیو کنیم؟
07:51
آموزش کتابخانه Slick Js - پیاده سازی اسلایدر
1
تشریح لایبرری Slick Js از روی داکیومنت
10:04
2
نحوه ساخت اسلایدر عکس با لایبرری Slick
12:34
3
کانفیگ های لایبرری Slick
14:49
4
چگونه قابلیت Lazy Load را در Slick فعال کنیم؟
10:17
5
نحوه ریسپانسیو سازی اسلایدر های Slick
06:58
آموزش کتابخانه Swiper Js - پیاده سازی چندین اسلایدر جذاب
1
تشریح لایبرری Swiper Js از روی داکیومنت
09:34
2
نحوه ساخت اسلایدر عکس با لایبرری Swiper Js
18:40
3
آشنایی با Config های Swiper Js
14:56
4
توسعه پروژه واقعی - پیاده سازی Navbar
14:30
5
توسعه پروژه واقعی - پیاده سازی Footer
07:42
6
توسعه پروژه واقعی - پیاده سازی Slider با Swiper
27:59
آموزش کتابخانه CkEditor - پیاده سازی پروژه تکست ادیتور پیشرفته
1
تشریح لایبرری CkEditor از روی داکیومنت
12:20
2
چطور از لایبرری CkEditor استفاده کنیم؟
12:47
3
Config های کتابخونه CkEditor
12:36
4
چطور اطلاعات ادیتور رو بگیریم؟ (Get & Set)
19:01
5
نحوه پیاده سازی ادیتور Inline با CkEditor
06:12
6
نحوه پیاده سازی ادیتور Balloon با CkEditor
05:25
آموزش کتابخانه Client Js - پیاده سازی مینی پروژه و دپلوی روی هاست رایگان
1
تشریح لایبرری Client Js از روی داکیومنت
10:50
2
کار عملی با متد های لایبرری Client Js
20:19
3
استفاده از Client Js در مینی پروژه واقعی - دپلوی پروژه روی هاست رایگان و تست با موبایل
25:09
آموزش کتابخانه Parallax - پیاده سازی پروژه Planets با افکت Parallax
1
تشریح لایبرری Parallax Js از روی داکیومنت
12:59
2
چطور با Parallax Js افکت پارالکس ایجاد کنیم؟
08:31
3
توسعه پروژه واقعی با افکت پارالکس - پیاده سازی Header
12:10
4
توسعه پروژه واقعی با افکت پارالکس - پیاده سازی المنت های مورد نیاز برای پارالکس
25:30
5
توسعه پروژه واقعی با افکت پارالکس - پیاده سازی افکت پارالکس
08:23
6
معرفی 2 کتابخانه دیگر در زمینه Parallax
05:54
آموزش کتابخانه Validator Js
1
تشریح لایبرری Validator Js از روی داکیومنت
09:18
2
چطور از لایبرری Validator Js برای دیتا ولیدیشن استفاده کنیم؟
11:10
سخن پایانی
1
سخن پایانی - چطور کتابخونه های مورد نیازمون رو پیدا کنیم؟
14:20
نظرات
دانشجوی عزیز؛ سوالات مرتبط به پشتیبانی دوره در قسمت نظرات تایید نخواهد شد، لطفا در بخش مشاهده آنلاین هر ویدیو سوالات خود را مطرح کنید.
ثبت نظر جدید

لطفا پرسش مربوط به هر درس یا ویدئو دوره را در صفحه همان ویدئو مطرح کنید.

Hojjat Hekmatipour | دانشجو
1403/08/13

آقای سعیدی راد خیلی ممنونم بابت این دوره خفن

خیلی دوره کاملی بود و دیدگاه منو در یک سری موارد تغییر داد تشکر 🤍👋🏽

عرفان | دانشجو
1403/07/28

عالی مثل همیشه دوره خیلی خوب

Mohammadfaramarzi | دانشجو
1403/06/27

سلام وقت بخیر. این دوره رو هم تموم کردم. کلی لایبرری با کلی امکانات یاد گرفنم. نحوه هندل کردنشونو یاد گرفتم. ممنونم از اقای سعیدی راد که کلی زحمت کشیدن خدا قوت . از تیم سبزلرن بابت همچین دوره ی خفنی هم تشکر میکنم🌹🌹❤️❤️

Nakhostin | کاربر
1403/06/25

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

محمدامین سعیدی راد | مدرس
1403/06/25

سلام عزیز.
تا اطلاع ثانوی اضافه کردن سرفصل جدید برای این دوره جزو برنامه های سبزلرن نیست ❤️

amirrezashon | دانشجو
1403/06/19

پرونده این دوره هم تموم شد به خیر و خوشی ❤️
بنظرم دوره ی خوب و کافی بود برای تسلط و آشنایی با بعضی کتابخونه هایی که اگر نباشند برنامه نویس ها واقعا خیلی از عمر و وقتشون تلف میشه و حتی ممکنه آرامش روحیشون با باگ های مختلف به هم بخوره xddd
در آینده و یا حال بعضی از کتابخونه ها شاید بیان که کار ما رو راحت کنند آشنایی با این کتابخونه ها و شناخت اون ها خیلی مهمه بنظرم اگه یک سرفصل دیگه برای این دوره باز بشه و صرفا اسم کتابخونه های جدید که خیلی کاربردی باشه رو قرار بدید میتونه به خیلی ها کمک کنه و خیلی هم مفید باشه
این دوره نیاز به یک بازسازی بنظرم داره و آپدیت دوره که صرفا داکیومنت های کتابخونه ها معرفی شه (منظورم از معرفی این نیست که مثلا بیایم کد پیاده سازی کنیم )
مثلا توضیح داده بشه که همچین فیچر و قابلیت هایی وجود داره که میشه از این کتابخونه بهره برد
با گذروندن این دوره تقریبا یاد میگیرید که چجوری دست به دامن داکیومنت بشید نه کد 🙌
ممنون از استاد سعیدی راد عزیز که با ارائه این دوره دید خوبی به دانشجو ها دادند ...سپااااااااس ❤️

محمدامین سعیدی راد | مدرس
1403/06/20

سلام امیررضا جان.
خیلی خوشحالم که دوره برات مفید بوده و رضایت کافی داشتی.
فعلا برنامه‌ای برای آپدیت این دوره وجود نداره. در آینده در صورت صلاحدید همچین سرفصلی رو به دوره اضافه می‌کنم.

پر قدرت ادامه بده ✌️❤️

مرتضی عبدالهی | دانشجو
1403/05/31

همین الان دوره رو تموم کردم دست آقای راد درد نکنه کتابخونه های خیلی کابردی بودن از جمله aos و particle و chart و loadash و parallax و ...
من راضی بودم هر فرانت کاری باید با این لایبرری ها آشنا باشه خلاصه دستتون درد نکنه ❤

محمدامین سعیدی راد | مدرس
1403/06/05

مخلصم مرتضی جان 🙋‍♂️❤️

علیرضا گل‌سرخی | دانشجو
1403/05/18

با عرض سلام و خداقوت خدمت استاد گرامی و تشکر میکنم بابت دوره بسیار خوب تون.
اگر امکانش باشه که آموزش کتابخونه three js هم به این دوره اضافه بشه و یا تحت یک دوره دیگه ای تدریس بشه خیلی ممنون میشم. این کتابخونه هم یکی از کتابخونه های جذاب جاوااسکریپت هست و خیلی میتونه به ارتقا کیفیت و مهارت دانشجو ها کمک کنه👌🙏

محمدامین سعیدی راد | مدرس
1403/05/19

سلام علیرضا جان، مخلصم.
حقیقتا پکیج Three.js مثل ری‌اکت یا Vue پکیج گسترده‌ایه و نمیشه تو این دوره تدریسش کرد. بلکه باید یه دوره مجزا و جداگانه براش در نظر گرفت.

بزودی Three.js هم تو لیست برنامه های سبزلرن قرار خواهد گرفت ✌️❤️

Amirali1377 | کاربر
1403/05/14

سلام پس از اتمام سطح متوسط دوره آموزش جاوا اسکریپت می توان این دوره را شروع کرد؟

محمدامین سعیدی راد | مدرس
1403/05/15

سلام امیرعلی جان.
ترجیحا نه، ولی اگه در کنار یادگیری دوره Js به خوبی تمرین کردین می‌تونین این کار رو هم بکنین.
ولی به طور کلی بنظرم اگه اول دوره متخصص جاوا اسکریپت رو به اتمام برسونین و سپس وارد این دوره بشین بهتره.

nomaan | دانشجو
1403/04/21

ممنونم استاد، مثل بقیه دوره هاتون دوره ی خوبی بود.❤️

عاطفه سهرابی | دانشجو
1403/01/14

با سلام
آیا کتابخانه ای هست که قابلیت جستجو در dropdown را ایجاد کند، در مورد این کتابخانه آموزشی قرار می دهید.
ممنونم

محمدامین سعیدی راد | مدرس
1403/01/14

سلام عزیز.
متوجه نشدم! لطفا بیشتر توضیح بدین ❤️

hah678973 | کاربر
1403/01/18

فکر نکنم همچین کتابخانه ای باشه ولی شما میتونید یدونه input بزاری رویداد change رو براش تعریف کنید و هر وقت کاربر یک کاراکتر یا یک حرف توی تگ input وارد کنه رویداد change فراخوانی میشه . شما میتونی زمانی که رویداد فراخوانی شد با استفاده از تکنولوژی Ajax جاوااسکریپت یک درخواست بفرستی به سمت سرور و مقادیر رو با زبان سمت سرور مثل php دریافت کنی و به دیتابیس متصل شوید و عملیات select رو روی دیتابیس پروژه اعمال کنید و خروجی دیتابیس رو به عنوان پاسخ برگردونید به سمت کلاینت یا کاربر و با جاوااسکریپت اون داده هایی که از سرور گرفتید رو به تگ select اضافه کنید.