قیمت این دوره: 250,000 150,000 تومان
  • مدرس دوره : فرزاد معصومی
  • تعداد ویدیوها : 90 ویدیو
  • مدت زمان دوره : 45:23:00
  • سطح دوره : متوسط
  • وضعیت دوره : به اتمام رسیده
  • تاریخ آخرین بروزرسانی : 1401/12/03
ثبتـــ نام در این دوره ثبت نام در دوره
70 پروژه وب با جاوااسکریپت

70 پروژه وب با جاوااسکریپت

سلام دوستان عزیز

 

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

 

امیدوارم در طول این دوره مطالب زیادی رو یاد بگیریم

 

همیشه طراحان وب به دنبال آموزش های عملی و پروژه محور هستن پس ما در این دوره میریم دنبال چیزی که یک طراح وب به اون نیاز داره

 

ما در این دوره 70 پروژه عملی وب رو با جاوا اسکریپت قراره بزنیم و یاد بگیریم

 

به این صورت که در ابتدا با html و css پروژه رو طراحی میکنیم و در آخر برای بخش های مورد نظر از جاوا اسکریپت استفاده میکنیم

 

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

 

پس وقت رو تلف نکنیم  

 

بیاین شروع کنیم.

 

 




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

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

1
  • پیش نمایش دوره

00:38:18

دمو دوره 70 پروژه وب با جاوا اسکریپت

2
  • آماده سازی پیش نیازها

00:06:20

در این ویدیو پیش نیازهای مورد استفاده در دوره رو آماده میکنیم.

3
  • ساخت template اصلی پروژه ها

00:09:22

در این ویدیو یک template خواهیم ساخت که در همه پروژه ها استفاده میکنیم

4
  • پروژه اول - ساخت یک submenu

00:25:45

در این ویدیو یک submenu ساده رو با هم طراحی میکنیم

5
  • پروژه دوم - ساخت یک اسلایدر ویدیو

00:15:13

در این پروژه یک اسلایدشو ویدیو رو با هم طراحی میکنیم

6
  • پروژه سوم - طراحی صفحه 404

00:15:09

در این ویدیو یک صفحه 404 زیبا رو با کمک جاوا اسکریپت طراحی میکنیم

7
  • پروژه چهارم - طراحی searchbox

00:14:26

در این ویدیو میریم و با هم یک searchbox رو با جاوا اسکریپت میسازیم

8
  • پروژه پنجم - ساخت یک navbar انیمیشنی

00:33:45

در این ویدیو یک navbar انیمیشنی رو به کمک جاوا اسکریپت میسازیم

9
  • پروژه ششم - طراحی scroll indicator

00:21:57

در این ویدیو یک scroll indicator رو با هم میسازیم

10
  • پروژه هفتم - ساخت دکمه back to top

00:14:35

در این ویدیو ما با استفاده از جاوا اسکریپت یک دکمه رفتن به بالا برای سایت خود طراحی میکنیم

11
  • پروژه هشتم - طراحی یک sidebar

00:26:33

در این پروژه یک sidebar رو با کمک جاوا اسکریپت میسازیم

12
  • پروژه نهم - پالت رنگ background

00:12:28

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

13
  • پروژه دهم - طراحی header انیمیشن

00:07:59

در این ویدیو یک header رو به صورت انیمیشنی کار میکنیم

14
  • پروژه یازدهم - طراحی نمایش و مخفی سازی پسوورد

00:16:58

در این ویدیو ما فرمی رو طراحی میکنیم که بتوانیم پسوورد خود را نمایش بدهیم و مخفی کنیم

15
  • پروژه دوازدهم - طراحی یک lightbox

00:20:57

در این ویدیو یک lightbox ساده رو با هم طراحی میکنیم

16
  • پروژه سیزدهم - تغییر favicon

00:07:40

در این ویدیو با کمک جاوا اسکریپت ما favicon خودمون رو تغییر میدیم

17
  • پروژه چهاردهم - ساخت یک navbar انیمیشنی

00:12:35

در این پروژه یک navbar انیمیشنی را به کمک جاوا اسکریپت میسازیم

18
  • پروژه پانزدهم - ساخت اسلایدر

00:32:11

در این پروژه یک اسلایدر رو با کمک جاوا اسکریپت میسازیم

19
  • پروژه شانزدهم - ساخت یک header با skew

00:13:17

در این پروژه با کمک از جاوا اسکریپت یک header رو به صورت skew میسازیم

20
  • پروژه هفدهم - ساخت یک مودال

00:13:39

در این پروژه با کمک جاوا اسکریپت یک مودال رو با هم طراحی میکنیم

21
  • پروژه هجدهم - ساخت انیمیشن دکمه

00:22:23

در این پروژه یک انیمیشن برای دکمه ها خواهیم ساخت

22
  • پروژه نوزدهم - ساخت پالت تغییر رنگ بکگراند

00:05:35

در این پروژه یک پالت رنگ تغییر بکگراند رو خواهیم ساخت

23
  • پروژه بیستم - ساخت یک accordion

00:14:31

در این پروژه یک accordion رو با هم طراحی میکنیم

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

در این پروژه یک اسلایدر رو به کمک جاوا اسکریپت میسازیم

29
  • کلاس جبرانی - event object

00:06:35

در این ویدیو بررسی میکنیم که چرا از event استفاده میکنیم

30
  • پروژه بیست و ششم - ساخت navbar ریسپانسیو انیمیشنی

00:24:21

در این پروژه یک navbar رو به صورت ریسپانسیو و انیمیشنی اسلایدی خواهیم ساخت

31
  • پروژه بیست و هفتم - ایجاد محدودیت برای textarea

00:24:09

در این پروژه به روی یک textarea محدودیت کارکتر ایجاد میکنیم

32
  • پروژه بیست و هشتم - طراحی navbar sticky انیمیشنی

00:22:22

در این پروژه یک navbar زیبا رو به صورت انیمیشنی میسازیم

33
  • پروژه بیست و نهم - طراحی اسلایدشو نظرات مشتریان

00:30:49

در این پروژه یک اسلایدشو رو با هم میسازیم

34
  • پروژه سی ام - طراحی اسموت اسکرول کامل

00:28:24

در این پروژه یک اسموت اسکرول کامل رو با هم پیاده میکنیم

35
  • پروژه سی و یکم - ساخت تنوع رنگ برای یک محصول

00:14:42

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

36
  • پروژه سی و دوم - جابجایی hover به صورت انیمیشنی

00:26:10

در این ویدیو ما به وسیله جاوا اسکریپت یک hover انیمیشنی زیبا رو برای باکس های خودمون میسازیم

37
  • پروژه سی و سوم - ساخت یک هشدار سفارشی

00:27:17

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

38
  • پروژه سی و چهارم - ساخت تایپ متحرک

00:21:34

در این ویدیو تایپ متحرک رو با جاوا اسکریپت میسازیم

39
  • پروژه سی و پنجم - ساخت پیش نمایش عکس

00:21:20

در این ویدیو یک نمایش دهنده پیش نمایش عکس رو با هم میسازیم

40
  • پروژه سی و ششم - طراحی یک همبرگر منو انیمیشنی

00:12:12

در این ویدیو یک همبرگر منو انیمیشنی رو با هم میسازیم

41
  • پروژه سی و هفتم - ساخت فیلتر محصولات

00:32:04

در این ویدیو یک فیلتر کننده محصولات رو با هم میسازیم

42
  • پروژه سی و هشتم - ساخت گالری ویدیو

00:23:25

در این پروژه یک گالری ویدیو رو با هم میسازیم

43
  • پروژه سی و نهم - ساخت counter up

00:19:03

در این ویدیو یک شمارنده رو با هم میسازیم

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

در این پروژه یک پیام خوش آمدگویی را برای وب سایت خودمون میسازیم

51
  • پروژه چهل و هفتم - ساخت یک کارت انیمیشنی

00:26:15

در این پروژه یک کارت رو به صورت انیمیشنی میسازیم

52
  • پروژه چهل و هشتم - ساخت اسلایدر اتوماتیک

00:45:58

در این پروژه یک اسلایدر تمام اتوماتیک رو با هم میسازیم

53
  • پروژه چهل و نهم - ساخت یک مگامنو

00:40:11

در این پروژه یک مگامنو رو با هم طراحی میکنیم

54
  • پروژه پنجاه ام - ساخت جزئیات محصول پیشرفته

00:47:13

در این پروژه یک صفحه جزئیات محصول رو با هم طراحی میکنیم

55
  • پروژه پنجاه و یکم - ساخت Form validation

00:50:03

در این ویدیو یک فرم ولیدیشن رو با هم میسازیم

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

در این ویدیو یک تب منو میسازیم که به وسیله اون بک گراند خودمون رو تغییر میدیم

63
  • پروژه پنجاه و نهم - ساخت یک timeline

00:31:02

در این ویدیو ما یک timeline حرفه ای رو با هم میسازیم

64
  • پروژه شصت ام - ساخت لایت و دارک مود پیشرفته

00:45:45

در این ویدیو یک سیستم لایت و دارک مود وب سایت رو به صورت پیشرفته پیاده میکنیم

65
  • پروژه شصت و یکم - ساخت اسلایدر پیشرفته

00:51:36

در این پروژه یک اسلایدر اتوماتیک پیشرفته رو با هم میسازیم

66
  • پروژه شصت و دوم - ساخت یک همبرگر منو انیمیشنی

00:27:09

در این پروژه یک همبرگر منو انیمیشنی زیبا رو با هم میسازیم

67
  • پروژه شصت و سوم - ساخت pagination

00:37:58

در این پروژه یک گالری عکس رو میسازیم و اون رو صفحه بندی میکنیم.

68
  • پروژه شصت و چهارم - ساخت لایت باکس گالری تصاویر

00:41:30

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

69
  • پروژه شصت و پنجم - ساخت ادیتور کد

00:39:12

در این پروژه یک ادیتور کد رو با هم میسازیم

70
  • پروژه شصت و ششم - ساخت اسلایدشو نمایش محصولات

00:37:55

در این پروژه یک اسلایدشو نمایش محصولات رو با هم میسازیم

71
  • قالب شصت و هفتم - ساخت اسلایدشو محصولات با تنوع رنگ

00:54:13

در این ویدیو یک اسلایدشو محصولات را با تنوع رنگ محصول میسازیم

72
  • پروژه شصت و هشتم - ساخت مگامنو حرفه ای

01:50:40

در این ویدیو یک مگامنو حرفه ای رو با هم طراحی میکنیم

73
  • پروژه شصت و نهم - ساخت اسلایدشو ریسپانسیو

01:00:45

در این پروژه یک اسلایدشو ریسپانسیو رو با هم میسازیم

74
  • پروژه هفتاد ام - ساخت سبد خرید

02:15:40

در این پروژه یک سبد خرید رو با هم طراحی میکنیم

75
  • آپدیت دوره - معرفی 5 پروژه

00:04:19

در این ویدیو به معرفی 5 پروژه جدید میپردازیم

76
  • پروژه هفتاد و یکم - ساخت ویدیوپلیر سفارشی

00:52:14

در این پروژه یک ویدیوپلیر سفارشی رو میسازیم

77
  • پروژه هفتاد و دوم - تشخیص مرورگر کاربر

00:12:31

در این پروژه به تشخیص مرورگر کاربر میپردازیم

78
  • پروژه هفتاد و سوم - تغییر اتوماتیک ارتفاع textarea

00:08:53

در این پروژه به روی تغییر اتوماتیک ارتفاع یک textarea کار میکنیم

79
  • پروژه هفتاد و چهارم - ساخت یک landing page smooth scroll

00:34:34

در این پروژه یک صفحه لندینگ رو با هم میسازیم

80
  • پروژه هفتاد و پنجم - ساخت یک آپلودر

00:27:20

در این پروژه یک آپلودر رو با هم طراحی میکنیم

81
  • آپدیت دوم دوره - معرفی 5 پروژه

00:05:05

در این ویدیو به معرفی 5 پروژه جدید میپردازیم

82
  • پروژه هفتاد و ششم - ساخت ساعت آنالوگ

00:22:07

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

83
  • پروژه هفتاد و هفتم - روشن و خاموش بودن دکمه CapsLock

00:08:47

روشن و خاموش بودن دکمه CapsLock رو در این پروژه با هم کار میکنیم

84
  • پروژه هفتاد و هشتم

00:18:11

در این پروژه یک جستجو کننده متن رو میسازیم

85
  • پروژه هفتاد و نهم - شمارش حرف و کلمه از جمله

00:16:00

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

86
  • پروژه هشتادم - آموزش synchronous and asynchronous

00:38:46

توی این ویدیو در مورد synchronous and asynchronous موارد مختلفی رو یاد میگیریم

87
  • آپدیت سوم دوره - معرفی 5 پروژه

00:07:28

توی این ویدیو 5 پروژه جدیدی که قراره با هم شروع به ساختشون کنیم رو با هم میبینیم

88
  • پروژه هشتاد و یکم - ساخت لیست تگ ها

01:26:00

توی این پروژه میایم و لیستی از تگ ها رو برا هم میسازیم

89
  • پروژه هشتاد و دوم - ساخت ادیتور عکس

02:02:22

توی این پروژه یک ادیتور عکس رو با هم میسازیم که قابلیت ذخیره سازی داشته باشه

90
  • پروژه هشتاد و سوم - ساخت جستجو فیلم

01:41:59

پروژه هشتاد و سوم - ساخت جستجو فیلم

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

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

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

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