پروژه فرم لاگین (باب اسفنجی)
1پروژه فرم لاگین (باب اسفنجی) – نحوه پیاده سازی13:11
2انتخاب المنتها از و Dom و ست کردن Event های لازم14:12
3تغییر موقعیت چشمهای کاراکتر هنگام رخ دادن Event های مربوط به اینپوت Password11:41
4تغییر موقعیت چشمهای کاراکتر هنگام رخ دادن Event های مربوط به اینپوت UserName11:53
5هندل کردن نگاه باب اسفنجی به تایپ کاربر12:43
پروژه شمارنده انیمیشنی هنگام اسکرول – به شکل داینامیک و ریسپانسیو
1پروژه شمارنده انیمیشنی وابسته به اسکرول کاربر – نحوه پیاده سازی9:23
2کد نویسی پروژه شمارنده انیمیشنی وابسته به اسکرول کاربر20:22
پروژه جذاب Animated Corner Menu
1پروژه جذاب Animated Corner Menu – نحوه پیاده سازی10:24
2پیاده سازی پروژه جذاب Animated Corner Menu13:35
پروژه کاربردی Dynamic Change Theme
1پروژه کاربردی Dynamic Change Theme – نحوه پیاده سازی6:32
2پیاده سازی پروژه کاربردی Dynamic Change Theme12:24
پروژه خلاقانه و چالش برانگیز Gradient Generator
1پروژه خلاقانه و چالش برانگیز Gradient Generator – نحوه پیاده سازی13:00
2پیاده سازی پروژه خلاقانه و چالش برانگیز Gradient Generator – تعیین جهت گرادینت00:24:31
3پیاده سازی پروژه خلاقانه و چالش برانگیز Gradient Generator – ساخت کد گرادینت15:45
پروژه کاربردی Character Maker
1پروژه کاربردی Character Maker – نحوه پیاده سازی13:25
2پیاده سازی پروژه کاربردی Character Maker19:50
پروژه Custom Select Menu – قابلیت Search Filtering
1پروژه Custom Select Menu – نحوه پیاده سازی10:55
2پیاده سازی پروژه Custom Select Menu – قسمت 112:33
3پیاده سازی پروژه Custom Select Menu – قسمت 213:39
4پیاده سازی پروژه Custom Select Menu – قسمت 324:24
پروژه کاربردی و خلاقانه Tag Generator
1پروژه جذاب Tag Generator – نحوه پیاده سازی12:43
2اضافه کردن تگ ها به Dom و هندل کردن تعداد تگ های باقی مونده12:10
3دریافت تگ های جدید از Input و اضافه کردن آن به پروژه22:03
4پیاده سازی Validation برای تگها – هندل کردن تابع removeTag19:19
پروژه خلاقانه و باحال Animated Moving Car
1نحوه پیاده سازی پروژه11:02
2پیاده سازی ظاهر پروژه با Html و Css00:13:58
3پیاده سازی انیمیشن های مورد نیاز00:09:11
4هندل کردن حرکت خودرو با جاوا اسکریپت13:47
پروژه خلاقانه Highlight Searched Text
1نحوه پیاده سازی13:45
2پیاده سازی پروژه Highlight Searched Text12:02
پروژه کاربردی Detect CapsLock
1پروژه Detect CapsLock – نحوه پیاده سازی7:39
2پیاده سازی پروژه خلاقانه Detect CapsLock00:11:20
پروژه خلاقانه و جذاب Animation Menu
1پروژه Animation Menu – نحوه پیاده سازی10:07
2پیاده سازی پروژه Animation Menu – روش اول10:51
3پیاده سازی پروژه Animation Menu – روش دوم00:13:45
پروژه Detect Tab Change
1پروژه خلاقانه Detect Tab Change – نحوه پیاده سازی8:29
2پیاده سازی پروژه Detect Tab Change8:01
پروژه خلاقانه و جالب Tab Menu
1پروژه Tab Menu – نحوه پیاده سازی7:03
2پیاده سازی پروژه Tab Menu13:22
پروژه باحال و جذاب Dictionary با API
1پروژه جالب و باحال Dictionary – نحوه پیاده سازی11:55
2ارسال Request به Api و دریافت Response00:11:41
3نمایش اطلاعات Response در DOM00:23:00
4پیاده سازی Error Handling در پروژه Dictionary6:45
پروژه خلاقانه Snow Effect
1پروژه Snow Effect – نحوه پیاده سازی10:01
2پیاده سازی پروژه Snow Effect10:36
پروژه خلاقانه و باحال TypeWriter
1پروژه TypeWriter – نحوه پیاده سازی7:26
2پیاده سازی پروژه TypeWriter8:31
پروژه جالب و خلاقانه Image Zoom (مثل زوم محصولات دیجی کالا)
1پروژه باحال Image Zoom – نحوه پیاده سازی13:43
2پیاده سازی پروژه Zoom Image13:07
پروژه کاربردی QR Code Generator برای فروشگاه های اینترنتی
1پروژه Qr Code Generator – نحوه پیاده سازی10:27
2پیاده سازی پروژه QR Code Generator18:20
پروژه خلاقانه و کاربردی Accordion
1پروژه کاربردی Accordion – نحوه پیاده سازی9:36
2پیاده سازی پروژه Accordion17:09
پروژه کاربردی و چالش برانگیز Note Manager
1پروژه Note Manager – نحوه پیاده سازی21:13
2نمایش PopUp و آماده سازی LocalStorage برای دریافت اطلاعات00:17:40
3نمایش Note های دریافتی از LocalStorage در DOM00:23:00
4داینامیک سازی تاریخ ثبت Noteها00:11:09
5پیاده سازی قابلیت حذف Noteها00:10:22
6پیاده سازی قابلیت ویرایش Noteها00:21:08
7عدم نمایش منوی Settings در شرایط خاص00:12:06
پروژه خلاقانه و جذاب Scroll Effect
1پروژه خلاقانه و جذاب Scroll Effect – نحوه پیاده سازی7:06
2پیاده سازی کد های Html و Css پروژه00:16:08
3پیاده سازی کدهای JS پروژه10:48
پروژه خلاقانه و باحال Auto Textarea Resize
1نحوه پیاده سازی پروژه Auto Textarea Resize5:41
2پیاده سازی پروژه Auto Textarea Resize6:54
پروژه خفن Detect User Connection
1پروژه Detect User Connection – نحوه پیاده سازی8:55
2پیاده سازی پروژه باحال Detect User Connection21:55
پروژه CMS واقعی با بک‌اند اختصاصی Nodejs
1معرفی فصل – رونمایی از پروژه فصل22:16
2نصب Nodejs00:17:11
3نصب Gitbash00:10:42
4نصب و راه اندازی دیتابیس Mongo12:14
5نحوه اجرای بک‌اند + سورس کد19:45
6پیاده سازی صفحه Register برای کاربران44:09
7پیاده سازی قسمت نمایش کاربران سایت – Fetch Users14:42
8پیاده سازی قابلیت حذف کاربران به کمک Api16:08
9پیاده سازی قابلیت Edit کاربران به کمک Api27:10
10اضافه کردن جلسه جدید به سایت از طریق Cms34:46
11نمایش جلسات موجود در دوره های سایت به کمک Api00:17:00
12پیاده سازی قابلیت حذف جلسات به کمک Api19:28
13اضافه کردن دوره جدید به سایت از طریق Cms به کمک Api28:08
14دریافت دوره های سایت از سرور و نمایش در کلاینت00:21:46
15پیاده سازی قابلیت Admin Auth برای ورود مدیران به Cms35:29
16دریافت اطلاعات ادمین فعلی و نمایش در Cms00:16:11
17پیاده سازی قابلیت ویرایش اطلاعات مدیر14:05
18پیاده سازی قابلیت Logout مدیر – Fix Project00:17:39
19استفاده از برنامه نویسی ماژولار در ساختار پروژه – Fix Project13:50
فصل پایانی دوره
1سخن پایانی – چطوری میتونیم خلاقیتمون رو تقویت کنیم؟12:38
