آموزش بیش از 50 پروژه وب با HTML، CSS و جاوا اسکریپت

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

خوش آمدی Welcome

• معرفی Introduction

• برپایی Setup

پروژه - فرم ثبت نام Project - Sign Up Form

• بررسی اجمالی پروژه Project Overview

• نشانه گذاری HTML HTML Markup

• سبک - قسمت 1 Style - Part 1

• سبک - قسمت 2 Style - Part 2

• سبک - قسمت 3 Style - Part 3

• سبک - قسمت 4 Style - Part 4

• سبک - قسمت 5 Style - Part 5

• پروژه را پاسخگو کنید Make Project Responsive

پروژه - کارت محصول نایک Project - Nike Product Card

• کارت محصول نایک Nike Product Card

پروژه - حالت تاریک Project - Dark Mode

• حالت تاریک Dark Mode

پروژه - تاب سه بعدی Project - 3D Swing

• تاب سه بعدی 3D Swing

پروژه - منوی سه بعدی Project - 3D Menu

• منوی سه بعدی 3D Menu

پروژه - صفحه فرود سه بعدی Project - 3D Landing Page

• صفحه فرود سه بعدی 3D Landing Page

پروژه - دکمه سه بعدی Project - 3D Button

• دکمه سه بعدی 3D Button

پروژه - صفحه فرود متحرک Project - Animated Landing Page

• صفحه فرود متحرک Animated Landing Page

پروژه - صفحه فرود با فرم های معین Project - Landing Page with Modal Forms

• صفحه فرود با فرم های معین Landing Page with Modal Forms

پروژه - اتاق سه بعدی Project - 3D Room

• اتاق سه بعدی 3D Room

پروژه - CSS Grid Gallery Project - CSS Grid Gallery

• CSS Grid Gallery CSS Grid Gallery

پروژه - دکمه تعویض CSS Project - CSS Toggle Button

• دکمه تعویض CSS CSS Toggle Button

پروژه - کارت های قیمت گذاری Project - Pricing Cards

• کارت های قیمت گذاری Pricing Cards

پروژه - دوچرخه Project - Bicycle

• دوچرخه Bicycle

پروژه - منوی همبرگر Project - Hamburger Menu

• منوی همبرگر Hamburger Menu

پروژه - چک باکس سفارشی CSS Project - Custom CSS Checkbox

• چک باکس سفارشی CSS Custom CSS Checkbox

پروژه - کارت سه بعدی Project - 3D Card

• کارت سه بعدی 3D Card

پروژه - هلیکوپتر Project - Helicopter

• بالگرد Helicopter

پروژه - کارت ویزیت Project - Business Card

• کارت کسب و کار Business Card

پروژه - دکمه رادیویی CSS سفارشی Project - Custom CSS Radio Button

• دکمه رادیویی CSS سفارشی Custom CSS Radio Button

پروژه - نمایش اسلاید Project - Slideshow

• بررسی اجمالی پروژه Project Overview

• نشانه گذاری HTML HTML Markup

• سبک - قسمت 1 Style - Part 1

• سبک - قسمت 2 Style - Part 2

• سبک - قسمت 3 Style - Part 3

• ایجاد نمایش اسلاید - قسمت 1 Create Slideshow - Part 1

• ایجاد نمایش اسلاید - قسمت 2 Create Slideshow - Part 2

• پروژه را پاسخگو کنید Make Project Responsive

پروژه - انیمیشن اتم Project - Atom Animation

• انیمیشن اتم Atom Animation

پروژه - دکمه خلاق Project - Creative Button

• دکمه خلاق Creative Button

پروژه - منوی نوار کناری Project - Sidebar Menu

• منوی نوار کناری Sidebar Menu

پروژه - گل Project - Flower

• گل Flower

پروژه - نوار ناوبری گرد Project - Rounded Navbar

• نوار نوار گرد Rounded Navbar

پروژه - ناوبری Project - Navigation

• جهت یابی Navigation

پروژه - منوی کشویی Project - Dropdown Menu

• فهرست کشویی Dropdown Menu

پروژه - منوی ناوبری CSS Project - CSS Navigation Menu

• منوی ناوبری CSS CSS Navigation Menu

پروژه - زمین متحرک Project - Animated Earth

• زمین متحرک Animated Earth

پروژه - منوی شبکه CSS Project - CSS Grid Menu

• منوی شبکه CSS CSS Grid Menu

پروژه - کارت پروفایل Project - Profile Card

• کارت پروفایل Profile Card

پروژه - شمارش معکوس Project - Countdown

• شمارش معکوس Countdown

پروژه - تقویم Project - Calendar

• تقویم Calendar

پروژه - انیمیشن توپ Project - Ball Animation

• انیمیشن توپ Ball Animation

پروژه - فرم های دارای اعتبارسنجی Project - Forms with Validation

• فرم های دارای اعتبارسنجی Forms with Validation

پروژه - نمایش اسلاید آیکون های رسانه های اجتماعی Project - Social Media Icons Slideshow

• نمایش اسلاید آیکون های رسانه های اجتماعی Social Media Icons Slideshow

پروژه - نوار پیشرفت دایره Project - Circle Progress Bar

• نوار پیشرفت دایره Circle Progress Bar

پروژه - دکمه ریپل Project - Ripple Button

• دکمه ریپل Ripple Button

پروژه - لودرهای وب سایت Project - Website Loaders

• لودرهای وب سایت Website Loaders

پروژه - نوار ناوبری Project - Navbar

• نوار ناوبری Navbar

پروژه - صفحه فرود Project - Landing Page

• صفحه فرود Landing Page

پروژه - ساعت Project - Clock

• ساعت Clock

پروژه - میدان پرش Project - Jumping Square

• میدان پرش Jumping Square

پروژه - نوار جستجو Project - Search Bar

• نوار جستجو Search Bar

پروژه - فرم های سه بعدی Project - 3D Forms

• فرم های سه بعدی 3D Forms

پروژه - کارت نامرئی Project - Invisible Card

• بررسی اجمالی پروژه Project Overview

• نشانه گذاری HTML HTML Markup

• سبک - قسمت 1 Style - Part 1

• سبک - قسمت 2 Style - Part 2

• سبک - قسمت 3 Style - Part 3

• سبک - قسمت 4 Style - Part 4

پروژه - کارت های پروفایل Project - Profile Cards

• بررسی اجمالی پروژه Project Overview

• نشانه گذاری HTML HTML Markup

• سبک - قسمت 1 Style - Part 1

• سبک - قسمت 2 Style - Part 2

• سبک - قسمت 3 Style - Part 3

• انیمیشن متن تایپ شده Typed Text Animation

• چشمک زدن مکان نما Blinking Cursor

• پروژه را پاسخگو کنید Make Project Responsive

پروژه - منوی همبرگر سه بعدی Project - 3D Hamburger Menu

• بررسی اجمالی پروژه Project Overview

• نشانه گذاری HTML HTML Markup

• به بنر مدل دهید Style the Banner

• دکمه سه بعدی 3D Button

• نوار ناوبری بالا Top Navbar

• موارد ناوبری سه بعدی 3D Navigation Items

• نوار ناوبری پایین Bottom Navbar

• آیکون های رسانه های اجتماعی Social Media Icons

• جلوه های سه بعدی 3D Effects

• منوی همبرگر پویا Dynamic Hamburger Menu

• پروژه را پاسخگو کنید - قسمت 1 Make Project Responsive - Part 1

• پروژه را پاسخگو کنید - قسمت 2 Make Project Responsive - Part 2

پروژه - مکعب سه بعدی Project - 3D Cube

• بررسی اجمالی پروژه Project Overview

• نشانه گذاری HTML HTML Markup

• سبک - قسمت 1 Style - Part 1

• سبک - قسمت 2 Style - Part 2

• سبک - قسمت 3 Style - Part 3

• سبک - قسمت 4 Style - Part 4

• Make the Cube Work - قسمت 1 Make the Cube Work - Part 1

• Make the Cube Work - قسمت 2 Make the Cube Work - Part 2

• Make the Cube Work - قسمت 3 Make the Cube Work - Part 3

جایزه BONUS

• سخنرانی پاداش Bonus Lecture