مخصوص اعضای ویژه 
قیمت این دوره با تخفیف 45% : 137,500 تومان مهلت استفاده از این تخفیف تا :
قیمت این دوره: 250,000 137,500 تومان
- مدرس دوره : فرزاد معصومی ( رزومه )
- تعداد ویدیوها : 90 ویدیو
- مدت زمان دوره : 45:23:00
- سطح دوره : متوسط
- وضعیت دوره : به اتمام رسیده
- تاریخ آخرین بروزرسانی : 1401/12/03
70 پروژه وب با جاوااسکریپت
سلام دوستان عزیز
خوشحالم با یک دوره دیگه در خدمت شما عزیزان هستم
امیدوارم در طول این دوره مطالب زیادی رو یاد بگیریم
همیشه طراحان وب به دنبال آموزش های عملی و پروژه محور هستن پس ما در این دوره میریم دنبال چیزی که یک طراح وب به اون نیاز داره
ما در این دوره 70 پروژه عملی وب رو با جاوا اسکریپت قراره بزنیم و یاد بگیریم
به این صورت که در ابتدا با html و css پروژه رو طراحی میکنیم و در آخر برای بخش های مورد نظر از جاوا اسکریپت استفاده میکنیم
یاد تون باشه پیش نیازهای دوره بلد بودن html و Css هست و همینطور باید به صورت حداقل مبتدی جاوا اسکریپت رو بلد باشید
پس وقت رو تلف نکنیم
بیاین شروع کنیم.
فهرستـــ ویدیوها
مدت زمان دوره 45:23:00با مشاهده آنلاین جلسات در سایت ، هزینه اینترنت شما به صورت نیم بها محاسبه خواهد شد.
3
ساخت template اصلی پروژه ها
00:09:22
در این ویدیو یک template خواهیم ساخت که در همه پروژه ها استفاده میکنیم
6
پروژه سوم - طراحی صفحه 404
00:15:09
در این ویدیو یک صفحه 404 زیبا رو با کمک جاوا اسکریپت طراحی میکنیم
7
پروژه چهارم - طراحی searchbox
00:14:26
در این ویدیو میریم و با هم یک searchbox رو با جاوا اسکریپت میسازیم
8
پروژه پنجم - ساخت یک navbar انیمیشنی
00:33:45
در این ویدیو یک navbar انیمیشنی رو به کمک جاوا اسکریپت میسازیم
10
پروژه هفتم - ساخت دکمه back to top
00:14:35
در این ویدیو ما با استفاده از جاوا اسکریپت یک دکمه رفتن به بالا برای سایت خود طراحی میکنیم
12
پروژه نهم - پالت رنگ background
00:12:28
در این ویدیو به کمک جاوا اسکریپت یک پالت رنگ میسازیم که با آن میتوانیم رنگ پس زمینه وب سایت را تغییر دهیم
14
پروژه یازدهم - طراحی نمایش و مخفی سازی پسوورد
00:16:58
در این ویدیو ما فرمی رو طراحی میکنیم که بتوانیم پسوورد خود را نمایش بدهیم و مخفی کنیم
16
پروژه سیزدهم - تغییر favicon
00:07:40
در این ویدیو با کمک جاوا اسکریپت ما favicon خودمون رو تغییر میدیم
17
پروژه چهاردهم - ساخت یک navbar انیمیشنی
00:12:35
در این پروژه یک navbar انیمیشنی را به کمک جاوا اسکریپت میسازیم
19
پروژه شانزدهم - ساخت یک header با skew
00:13:17
در این پروژه با کمک از جاوا اسکریپت یک header رو به صورت skew میسازیم
20
پروژه هفدهم - ساخت یک مودال
00:13:39
در این پروژه با کمک جاوا اسکریپت یک مودال رو با هم طراحی میکنیم
22
پروژه نوزدهم - ساخت پالت تغییر رنگ بکگراند
00:05:35
در این پروژه یک پالت رنگ تغییر بکگراند رو خواهیم ساخت
24
پروژه بیست و یکم - ساخت لندینگ پیج انیمیشنی
00:30:11
در این پروژه یک لندینگ پیج رو به صورت انیمیشنی خواهیم ساخت
25
پروژه بیست و دوم - ساخت لودینک سایت
00:13:51
در این پروژه یک لودینگ سایت رو به کمک جاوا اسکریپت با هم میسازیم
26
پروژه بیست و سوم - ساخت یک landing page انیمیشنی
00:28:17
در این پروژه یک landing page رو به کمک جاوا اسکریپت یک حالت اسلایدشو و انیمیشنی میسازیم
27
پروژه بیست و چهارم - جابجایی کلاس اکتیو در navbar
00:19:19
در این پروژه ما یاد میگیریم که چجوری یک کلاس اکتیور رو در navbar خودمون جابجا کنیم....فایل های پروژه های اول تا دهم هم میتونید همراه با این ویدیو دانلود کنید.
28
پروژه بیست و پنجم - ساخت یک اسلایدر
00:32:31
در این پروژه یک اسلایدر رو به کمک جاوا اسکریپت میسازیم
30
پروژه بیست و ششم - ساخت navbar ریسپانسیو انیمیشنی
00:24:21
در این پروژه یک navbar رو به صورت ریسپانسیو و انیمیشنی اسلایدی خواهیم ساخت
31
پروژه بیست و هفتم - ایجاد محدودیت برای textarea
00:24:09
در این پروژه به روی یک textarea محدودیت کارکتر ایجاد میکنیم
32
پروژه بیست و هشتم - طراحی navbar sticky انیمیشنی
00:22:22
در این پروژه یک navbar زیبا رو به صورت انیمیشنی میسازیم
34
پروژه سی ام - طراحی اسموت اسکرول کامل
00:28:24
در این پروژه یک اسموت اسکرول کامل رو با هم پیاده میکنیم
35
پروژه سی و یکم - ساخت تنوع رنگ برای یک محصول
00:14:42
در این ویدیو یک اسلایدشو ساده رو میسازیم که با اون میتونیم یک محصول رو با رنگ ها مختلف نشون بدیم
36
پروژه سی و دوم - جابجایی hover به صورت انیمیشنی
00:26:10
در این ویدیو ما به وسیله جاوا اسکریپت یک hover انیمیشنی زیبا رو برای باکس های خودمون میسازیم
37
پروژه سی و سوم - ساخت یک هشدار سفارشی
00:27:17
در این ویدیو با کمک گرفتن از جاوا اسکریپت یک هشدار دهنده سفارشی رو با هم میسازیم
39
پروژه سی و پنجم - ساخت پیش نمایش عکس
00:21:20
در این ویدیو یک نمایش دهنده پیش نمایش عکس رو با هم میسازیم
40
پروژه سی و ششم - طراحی یک همبرگر منو انیمیشنی
00:12:12
در این ویدیو یک همبرگر منو انیمیشنی رو با هم میسازیم
44
پروژه چهلم - ساخت یک منو کاملا ریسپانسیو
00:37:44
در این ویدیو یک منو رو به صورت کاملا ریسپانسیو میسازیم
45
پروژه چهل و یکم - ساخت سلکتور انتخاب کشور و کد کشور
00:15:52
در این ویدیو یک انتخاب کننده کشور به همراه نمایش کد اون کشور رو میسازیم
46
پروژه چهل و دوم - ساخت یک search box به صورت pop-up
00:14:34
در این پروژه یک فرم جستجو رو به صورت popup میسازیم
47
پروژه چهل و سوم - افزودن محصولات به سبد خرید
00:38:46
در این پروژه افزودن محصولات به سبد خرید رو با هم میسازیم
48
پروژه چهل و چهارم - ساخت scroll indicator
00:22:57
در این پروژه ما یک scroll indicator رو با هم میسازیم
49
پروژه چهل و پنجم - ساخت انتخاب دسته ای کاربران
00:21:50
در این پروژه یک انتخاب کننده دسته ای را با هم میسازیم
50
پروژه چهل و ششم - طراحی پیام خوش آمد گویی
00:23:49
در این پروژه یک پیام خوش آمدگویی را برای وب سایت خودمون میسازیم
52
پروژه چهل و هشتم - ساخت اسلایدر اتوماتیک
00:45:58
در این پروژه یک اسلایدر تمام اتوماتیک رو با هم میسازیم
54
پروژه پنجاه ام - ساخت جزئیات محصول پیشرفته
00:47:13
در این پروژه یک صفحه جزئیات محصول رو با هم طراحی میکنیم
56
پروژه پنجاه و دوم - ساخت منوی ریسپانسیو انیمیشنی
00:30:42
در این ویدیو یک منوی نوبار انیمیشنی رو با هم میسازیم
57
پروژه پنجاه و سوم - ساخت فیلتر نمونه کارها
00:49:19
در این پروژه یک فیلتر نمونه کارها رو با هم میسازیم
58
پروژه پنجاه و چهارم - ایجاد محدودیت کارکتر در فرم
00:19:08
در این ویدیو ما در اینپوت ها محدودیت کارکتر ایجاد میکنیم
59
پروژه پنجاه و پنجم - انتخاب و کپی یک متن
00:22:12
در این پروژه یاد میگیریم چگونه متنی را انتخاب و کپی کنیم به وسیله یک دکمه
60
پروژه پنجاه و ششم - ساخت پیش نمایش عکس فروشگاهی
00:43:41
در این ویدیو یک پیش نمایش عکس فروشگاهی رو با هم میسازیم
61
پروژه پنجاه و هفتم - ساخت فرم ورود و ثبت نام انیمیشنی
00:40:28
در این پروژه یک فرم ورود و ثبت نام انیمیشنی رو با هم میسازیم
62
پروژه پنجاه و هشتم - ساخت تب منوی تغییر بک گراند
00:32:34
در این ویدیو یک تب منو میسازیم که به وسیله اون بک گراند خودمون رو تغییر میدیم
64
پروژه شصت ام - ساخت لایت و دارک مود پیشرفته
00:45:45
در این ویدیو یک سیستم لایت و دارک مود وب سایت رو به صورت پیشرفته پیاده میکنیم
65
پروژه شصت و یکم - ساخت اسلایدر پیشرفته
00:51:36
در این پروژه یک اسلایدر اتوماتیک پیشرفته رو با هم میسازیم
66
پروژه شصت و دوم - ساخت یک همبرگر منو انیمیشنی
00:27:09
در این پروژه یک همبرگر منو انیمیشنی زیبا رو با هم میسازیم
67
پروژه شصت و سوم - ساخت pagination
00:37:58
در این پروژه یک گالری عکس رو میسازیم و اون رو صفحه بندی میکنیم.
68
پروژه شصت و چهارم - ساخت لایت باکس گالری تصاویر
00:41:30
در این پروژه گالری تصاویری را میسازیم و لایت باکس و اسلایدشو آن را با جاوا اسکریپت مینویسیم
70
پروژه شصت و ششم - ساخت اسلایدشو نمایش محصولات
00:37:55
در این پروژه یک اسلایدشو نمایش محصولات رو با هم میسازیم
71
قالب شصت و هفتم - ساخت اسلایدشو محصولات با تنوع رنگ
00:54:13
در این ویدیو یک اسلایدشو محصولات را با تنوع رنگ محصول میسازیم
72
پروژه شصت و هشتم - ساخت مگامنو حرفه ای
01:50:40
در این ویدیو یک مگامنو حرفه ای رو با هم طراحی میکنیم
73
پروژه شصت و نهم - ساخت اسلایدشو ریسپانسیو
01:00:45
در این پروژه یک اسلایدشو ریسپانسیو رو با هم میسازیم
78
پروژه هفتاد و سوم - تغییر اتوماتیک ارتفاع textarea
00:08:53
در این پروژه به روی تغییر اتوماتیک ارتفاع یک textarea کار میکنیم
79
پروژه هفتاد و چهارم - ساخت یک landing page smooth scroll
00:34:34
در این پروژه یک صفحه لندینگ رو با هم میسازیم
82
پروژه هفتاد و ششم - ساخت ساعت آنالوگ
00:22:07
در این پروژه یک ساعت آنالوگ رو با هم یاد میگیریم بسازیم
83
پروژه هفتاد و هفتم - روشن و خاموش بودن دکمه CapsLock
00:08:47
روشن و خاموش بودن دکمه CapsLock رو در این پروژه با هم کار میکنیم
85
پروژه هفتاد و نهم - شمارش حرف و کلمه از جمله
00:16:00
در این پروژه بررسی میکنیم که چجوری میتونیم از یک متن تعداد حرف و کلمه رو بیرون بکشیم
86
پروژه هشتادم - آموزش synchronous and asynchronous
00:38:46
توی این ویدیو در مورد synchronous and asynchronous موارد مختلفی رو یاد میگیریم
87
آپدیت سوم دوره - معرفی 5 پروژه
00:07:28
توی این ویدیو 5 پروژه جدیدی که قراره با هم شروع به ساختشون کنیم رو با هم میبینیم
88
پروژه هشتاد و یکم - ساخت لیست تگ ها
01:26:00
توی این پروژه میایم و لیستی از تگ ها رو برا هم میسازیم
نظرات کاربران در رابطه با این دوره