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

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

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

شرکت در دوره
693,000

وضعیت دوره

تکمیل شده

مدت زمان دوره

19 ساعت

آخرین بروزرسانی

1401/03/03

روش پشتیبانی

آنلاین

پیش نیاز

JS

نوع مشاهده

دانلودی/آنلاین

807

دانشجو

5.0

رضایت

درصد تکمیل دوره 100%
محمدامین سعیدی راد

محمدامین سعیدی راد

Full Stack Web Developer

مشاهده پروفایل

سرفصل های دوره

19:09

معرفی دوره

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

نظرات

ثبت نظر جدید
Alireza1194
دانشجو
1402/09/07
سلام استاد خسته نباشید.
استاد توی این دوره یا دوره ۲۰ کتابخانه ریکت، کتابخانه هایی رو یاد میگیریم که بشه باهاش این سه مورد رو پیاده سازی کرد؟
1_ bread crumbs
2_ pagination
3_ search bar (مثلا برای جستجوی محصولات)
بعد اینکه اصلا برای این موارد کتابخانه ای وجود داره یا باید خودمون بنویسیم؟
محمدامین سعیدی راد
مدرس
1402/09/07
سلام عزیز.
برای هیچ کدوم از این فیچرها نیازی به کتابخونه ندارین.
بهتره / باید خودتون توسعه بدین.
amirhajizadeh
کاربر
1402/08/21
استاد من دارم روی یه پروژه ریکتی کار میکنم و شما گفتید که از بعضی از این 20 کتابخونه js میشه توی پروژه ریکتی استفاده کرد و از بعضیاشون نه، الان من از کجا بفهمم از کدوم میتونم و از کدوم یکی نمی تونم؟
محمدامین سعیدی راد
مدرس
1402/08/21
اینو زمانی که ری‌اکت و مطالعه داکیومنت لایبرری‌ها رو یاد گرفتین می‌تونین تشخیص بدین.
amir.hzj
کاربر
1402/08/02
سلام آقای سعیدی راد عزیز بنده برام یه ابهامی پیش اومده که من دوره جی اس رو بگذرونم بعد سراغ این دوره بیام و بعدش برم ری اکت و دوره کتابخانه های ری اکت رو یاد بگیرم و یا بعد از یادگیری کامل جی اس مستقیماً سراغ ری اکت برم و در نهایت کتابخانه های خوده ری اکت رو یاد بگیرم ؟
محمدامین سعیدی راد
مدرس
1402/08/02
سلام عزیز.
شما برای شروع یادگیری ری‌اکت باید جاوا اسکریپت رو به خوبی مسلط باشین و باهاش نمونه کار حرفه‌ای توسعه بدین.
این دوره در این زمینه خیلی بهتون کمک می‌کنه. به این خاطر پیشنهاد می‌کنم این دوره رو قبل از شروع ری‌اکت مشاهده کنین و با کتابخونه هایی که یاد می‌گیرین نمونه کار توسعه بدین، بعد با آمادگی و قدرت بالا وارد ری‌اکت بشین ✌️❤️

بعد از این که خود ری‌اکت رو به خوبی مسلط شدین و باهاش نمونه کار توسعه دادین، یادگیری دوره کتابخونه های پرکاربرد ری‌اکت رو استارت بزنین.
amirhajizadeh
کاربر
1402/07/29
سلام آقای سعیدی راد، می خوام یه نمونه کار سایت فروشگاهی با ریکت توسعه بدم و میخوام توش از این 20 کتابخونه تعدادیش رو استفاده کنم، به نظرتون از این 20 تا کدوماش خیلی خوبه و جالبه و یه جورایی کارفرما رو جذب می کنه؟؟ 5 تا از این 20 تا رو بم بگید خیلی ممنون میشم.
محمدامین سعیدی راد
مدرس
1402/07/30
سلام عزیز.
ری‌اکت؟ این دوره برای 20 کتابخونه جاوا اسکریپت هست.
منظورتون ری‌اکت هست یا جاوا اسکریپت؟
amirhajizadeh
کاربر
1402/08/01
خب مگه از این کتابخونه ها نمیشه توی پروژه ریکتی استفاده کرد؟؟؟
محمدامین سعیدی راد
مدرس
1402/08/02
اولا از همشون نه، نمیشه از همشون تو ری‌اکت استفاده کرد.
دوما کتابخونه هایی که تو این دوره تدریس شدن با کتابخونه های دوره "کتابخونه های پرکاربرد ری‌اکت" فرق می‌کنن.

به این خاطر ازتون پرسیدم که منظورتون کدوم دوره هست تا پاسخ جامع‌تری خدمتتون ارائه بدم ❤️
amirhajizadeh
کاربر
1402/08/17
منظورم همین 20 کتابخونه js است.(از کدوماش توی پروژه ریکتی استفاده کنم خوبه؟)
واسه 20 کتابخونه ریکت قبلا جوابمو دادید.
محمدامین سعیدی راد
مدرس
1402/08/18
Aos
Type-Writer
Particle.js
Axios
Chart.js
Swiper.js
Parallax
shahin719
دانشجو
1402/07/25
سلام استاد عزیز.
دوره بسیار خوب بود.
میخواستم ببینم برای three.js دوره ای برگزار نمیکنید؟
محمدامین سعیدی راد
مدرس
1402/07/25
سلام عزیز، مخلصم.
راستش فعلا برنامه‌ای برای Three.js نداریم. در آینده ببینیم چی میشه و چی پیش میاد.
مشاهده بیشتر