آموزش وب سایت نمونه کارها با استفاده از HTML، CSS و جاوا اسکریپت با میزبانی [ویدئو]

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

خوش آمدی Welcome

• ویدیو تبلیغاتی Promotional Video

• ویدیو تبلیغاتی Promotional Video

• معرفی Introduction

• معرفی Introduction

• برپایی Setup

• برپایی Setup

پروژه – وب سایت نمونه کارها – فرود Project – Portfolio Website - Landing

پروژه – وب سایت نمونه کارها – فرود Project – Portfolio Website - Landing

• پس زمینه را آماده کنید و سبک های مشترک ایجاد کنید Prepare Background and Create Common Styles

• پس زمینه را آماده کنید و سبک های مشترک ایجاد کنید Prepare Background and Create Common Styles

• دایره موس متحرک ایجاد کنید Create Animated Mouse Circle

• دایره موس متحرک ایجاد کنید Create Animated Mouse Circle

• ایجاد و سفارشی کردن فرود Create and Customize Landing

• ایجاد و سفارشی کردن فرود Create and Customize Landing

• دایره ها را متحرک کنید Animate Circles

• دایره ها را متحرک کنید Animate Circles

• ایجاد و سفارشی کردن دکمه اصلی Create and Customize Main Button

• ایجاد و سفارشی کردن دکمه اصلی Create and Customize Main Button

• افکت ریپل را به دکمه اصلی اضافه کنید Add Ripple Effect to Main Button

• افکت ریپل را به دکمه اصلی اضافه کنید Add Ripple Effect to Main Button

پروژه – وب سایت نمونه کارها – درباره من Project – Portfolio Website – About Me

پروژه – وب سایت نمونه کارها – درباره من Project – Portfolio Website – About Me

• ایجاد و سفارشی کردن بخش درباره من Create and Customize About Me Section

• ایجاد و سفارشی کردن بخش درباره من Create and Customize About Me Section

پروژه – وب سایت نمونه کارها – پروژه ها Project – Portfolio Website – Projects

پروژه – وب سایت نمونه کارها – پروژه ها Project – Portfolio Website – Projects

• ایجاد و سفارشی کردن پروژه ها - قسمت 1 Create and Customize Projects - Part 1

• ایجاد و سفارشی کردن پروژه ها - قسمت 1 Create and Customize Projects - Part 1

• ایجاد و سفارشی کردن پروژه ها - قسمت 2 Create and Customize Projects - Part 2

• ایجاد و سفارشی کردن پروژه ها - قسمت 2 Create and Customize Projects - Part 2

• افزودن قابلیت نمایش بیشتر به پروژه ها - قسمت 1 Add Show More Feature to Projects - Part 1

• افزودن قابلیت نمایش بیشتر به پروژه ها - قسمت 1 Add Show More Feature to Projects - Part 1

• افزودن قابلیت نمایش بیشتر به پروژه ها - قسمت 2 Add Show More Feature to Projects - Part 2

• افزودن قابلیت نمایش بیشتر به پروژه ها - قسمت 2 Add Show More Feature to Projects - Part 2

پروژه – وب سایت نمونه کارها – خدمات Project – Portfolio Website – Services

پروژه – وب سایت نمونه کارها – خدمات Project – Portfolio Website – Services

• ایجاد و سفارشی سازی خدمات Create and Customize Services

• ایجاد و سفارشی سازی خدمات Create and Customize Services

پروژه – وب سایت نمونه کارها – تماس Project – Portfolio Website – Contact

پروژه – وب سایت نمونه کارها – تماس Project – Portfolio Website – Contact

• ایجاد و سفارشی کردن فرم تماس Create and Customize Contact Form

• ایجاد و سفارشی کردن فرم تماس Create and Customize Contact Form

• ایجاد و سفارشی کردن نمایش اسلاید رسانه های اجتماعی Create and Customize Social Media Slideshow

• ایجاد و سفارشی کردن نمایش اسلاید رسانه های اجتماعی Create and Customize Social Media Slideshow

پروژه – وب سایت نمونه کارها – ناوبری Project – Portfolio Website – Navigation

پروژه – وب سایت نمونه کارها – ناوبری Project – Portfolio Website – Navigation

• ایجاد و سفارشی کردن ناوبری Create and Customize Navigation

• ایجاد و سفارشی کردن ناوبری Create and Customize Navigation

پروژه – وب سایت نمونه کارها – نوار پیشرفت Project – Portfolio Website – Progress Bar

پروژه – وب سایت نمونه کارها – نوار پیشرفت Project – Portfolio Website – Progress Bar

• ایجاد و سفارشی کردن نوار پیشرفت - قسمت 1 Create and Customize Progress Bar - Part 1

• ایجاد و سفارشی کردن نوار پیشرفت - قسمت 1 Create and Customize Progress Bar - Part 1

• ایجاد و سفارشی کردن نوار پیشرفت - قسمت 2 Create and Customize Progress Bar - Part 2

• ایجاد و سفارشی کردن نوار پیشرفت - قسمت 2 Create and Customize Progress Bar - Part 2

• ایجاد و سفارشی کردن نوار پیشرفت - قسمت 3 Create and Customize Progress Bar - Part 3

• ایجاد و سفارشی کردن نوار پیشرفت - قسمت 3 Create and Customize Progress Bar - Part 3

• Refactoring کد Code Refactoring

• Refactoring کد Code Refactoring

پروژه – وب سایت نمونه کارها – جلوه های ماوس Project – Portfolio Website – Mouse Effects

پروژه – وب سایت نمونه کارها – جلوه های ماوس Project – Portfolio Website – Mouse Effects

• عناصر چسبنده Sticky Elements

• عناصر چسبنده Sticky Elements

• جلوه تبدیل دایره ماوس Mouse Circle Transform Effect

• جلوه تبدیل دایره ماوس Mouse Circle Transform Effect

پروژه – وب سایت نمونه کار – طراحی وب سایت واکنش گرا Project – Portfolio Website – Responsive Web Design

پروژه – وب سایت نمونه کار – طراحی وب سایت واکنش گرا Project – Portfolio Website – Responsive Web Design

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

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

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

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

پروژه – وب سایت نمونه کارها – اعتبار سنجی فرم Project – Portfolio Website – Form Validation

پروژه – وب سایت نمونه کارها – اعتبار سنجی فرم Project – Portfolio Website – Form Validation

• اعتبار سنجی فرم Form Validation

• اعتبار سنجی فرم Form Validation

پروژه – وب سایت نمونه کارها – میزبانی Project – Portfolio Website – Hosting

پروژه – وب سایت نمونه کارها – میزبانی Project – Portfolio Website – Hosting

• میزبانی وب سایت در Netlify Website Hosting on Netlify

• میزبانی وب سایت در Netlify Website Hosting on Netlify