آموزش ده قالب طراحی رابط کاربری کامل و مدرن بسازید - آخرین آپدیت

درس ها Lessons

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

• پروژه 6 - ایجاد و سفارشی‌سازی بخش تماس و فوتر Project 6 - Create and Customize Contact Section and Footer

• پروژه 10 - ایجاد و استایل‌دهی بخش ویژگی‌ها Project 10 - Create and Style Features Section

• پروژه 2 - دکمه اسکرول به بالا را ایجاد کنید و نوار ناوبری را فعال کنید Project 2 - Create Scroll up Button and Make Navbar Work

• پروژه 9 - ایجاد و سفارشی‌سازی بخش‌های اول، دوم و سوم Project 9 - Create and Customize First, Second, and Third Sections

• پروژه 10 - ساخت و ایجاد منوهای کشویی (Dropdown) و اطمینان از عملکرد صحیح آنها Project 10 - Create and Make Dropdown Menus Work

• پروژه 9 - پیش‌نمایش پروژه Project 9 - Project Preview

• پروژه 1 - ایجاد و سفارشی کردن پاورقی Project 1 - Create and Customize Footer

• پروژه 9 - ریسپانسیو کردن پروژه Project 9 - Make Project Responsive

• پروژه 3 - ایجاد و استایل‌دهی بخش تماس با ما Project 3 - Create and Style Contact Section

• پروژه 2 - سفارشی‌سازی صفحه فرود Project 2 - Customize Landing Page

• پروژه 4 - ایجاد و سفارشی‌سازی کنترل‌کننده‌های مکعب Project 4 - Create and Customize Cube Controllers

• پروژه 2 - ایجاد نشانه گذاری HTML برای فرود و تعریف سبک های رایج Project 2 - Create HTML Markup for Landing and Define Common Styles

• پروژه ۱ - ایجاد و سفارشی‌سازی پاورقی وب‌سایت Project 1 - Create and Customize Footer

• پروژه 1 - ایجاد نشانه گذاری HTML برای فرود و تعریف سبک های رایج Project 1 - Create HTML Markup for Landing and Define Common Styles

• پروژه 4 - ساخت و استایل‌دهی بخش مک‌بوک - قسمت 1 Project 4 - Create and Style MacBook Section - Part 1

• پروژه 8 - پیش‌نمایش پروژه Project 8 - Project Preview

• پروژه 9 - ساخت و استایل‌دهی نوار ناوبری (Navbar) و ایجاد نوارهای پیشرفت Project 9 - Create and Style Navbar and Make Progress Bars

• پروژه ۳ - ایجاد و سفارشی‌سازی نوار ناوبری Project 3 - Create and Customize Navbar

• پروژه 2 - ایجاد افکت امواج با استفاده از پس‌زمینه شناور Project 2 - Create Waves Effect using Floating Background

• پروژه 3 - ساخت و سفارشی‌سازی صفحه فرود Project 3 - Create and Customize Landing

• پروژه 1 - ایجاد نشانه گذاری HTML برای صفحه فرود و تعریف استایل های مشترک Project 1 - Create HTML Markup for Landing and Define Common Styles

• پروژه ۸ - ایجاد و طراحی بخش محبوب‌ترین تورها Project 8 - Create and Style Most Popular Tours Section

• پروژه ۱: ریسپانسیو کردن پروژه Project 1 - Make Project Responsive

• پروژه ۴ - ایجاد و استایل بخش ساعت ها Project 4 - Create and Style Watches Section

• پروژه 7 - ریسپانسیو کردن پروژه و ایجاد اسپینر بارگذاری Project 7 - Make Project Responsive and Create Loading Spinner

• پروژه 3 - ایجاد و سبک پاورقی Project 3 - Create and Style Footer

• پروژه 1 - صفحه فرود را سبک کنید و نمایش اسلاید ایجاد کنید Project 1 - Style Landing Page and Create Slideshow

• پروژه 6 - پیش‌نمایش پروژه Project 6 - Project Preview

• پروژه ۴ - ساخت و شخصی‌سازی مکعب Project 4 - Create and Customize Cube

• پروژه 8 - ایجاد و سفارشی‌سازی بخش نظرات مشتریان Project 8 - Create and Customize Testimonials Section

• پروژه 4 - ایجاد و سفارشی‌سازی فوتر Project 4 -Create and Customize Footer

• پروژه ۶ - ایجاد نشانه گذاری HTML برای صفحه فرود و تعریف سبک های مشترک Project 6 - Create HTML Markup for Landing and Define Common Styles

• پروژه 9 - ایجاد و سفارشی‌سازی بخش‌های چهارم و پنجم Project 9 - Create and Customize Fourth and Fifth Sections

• پروژه 3 - ایجاد و استایل‌دهی به بخش "درباره ما" در وب‌سایت Project 3 - Create and Style About Us Section

• پروژه 3 - بخش ایجاد و سبک درباره ما Project 3 - Create and Style About Us Section

• پروژه 3 - پیش نمایش پروژه Project 3 - Project Preview

• پروژه 2 - بخش تیم ایجاد و سبک کنید Project 2 - Create and Style Team Section

• پروژه 2 - ایجاد نشانه گذاری HTML برای صفحه فرود و تعریف سبک های مشترک Project 2 - Create HTML Markup for Landing and Define Common Styles

• پروژه 10 - ریسپانسیو کردن پروژه - بخش 3 Project 10 - Make Project Responsive - Part 3

• پروژه ۶ - ایجاد و سفارشی‌سازی بخش ماشین‌های محبوب Project 6 - Create and Customize Popular Cars Section

• برپایی Setup

• پروژه 3 - Navbar را به کار ببندید Project 3 - Make Navbar Work

• پروژه ۱ - صفحه فرود استایلی و ایجاد اسلایدشو Project 1 - Style Landing Page and Create Slideshow

• پروژه 10 - ایجاد و استایل‌دهی صفحه فرود - قسمت 2 Project 10 - Create and Style Landing Page - Part 2

• پروژه 2 - ایجاد افکت امواج با استفاده از پس زمینه شناور Project 2 - Create Waves Effect using Floating Background

• پروژه 9 - ایجاد نوار پیشرفت با جاوا اسکریپت Project 9 - Make Progress Bar Work with JavaScript

• پروژه 6 - ایجاد و سفارشی‌سازی صفحه فرود Project 6 - Create and Customize Landing Page

• پروژه 8 - سفارشی‌سازی و راه‌اندازی صفحه فرود (Landing Page) Project 8 - Customize and Make Landing Page Work

• پروژه 5 - ریسپانسیو کردن پروژه Project 5 - Make Project Responsive

• پروژه ۶ - ایجاد و راه‌اندازی ناوبری (Navigation) Project 6 - Create and Make Navigation Work

• پروژه 3 - کنترل های ویدیویی سفارشی را کار کنید Project 3 - Make Custom Video Controls Work

• پروژه 8 - ایجاد و استایل‌دهی به فوتر وب‌سایت Project 8 - Create and Style Footer

• پروژه 8 - ایجاد و فعال‌سازی ناوبری Project 8 - Create and Make Navigation Work

• پروژه 2 - پیش‌نمایش پروژه Project 2 - Project Preview

• پروژه 2 - بخش و پاورقی تماس را ایجاد و سبک کنید Project 2 - Create and Style Contact Section and Footer

• پروژه 10 - ایجاد و استایل صفحه ثبت نام Project 10 - Create and Style Sign Up Page

• پروژه ۳ - ایجاد کارت‌های قیمت‌گذاری کاربردی با استفاده از Swiper Project 3 - Make Pricing Cards Work using Swiper

• مقدمه Introduction

• پروژه ۱۰ - پیش‌نمایش پروژه Project 10 - Project Preview

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

• پروژه ۳ - ریسپانسیو کردن پروژه Project 3 - Make Project Responsive

• پروژه 3 - اضافه کردن انیمیشن به فرود Project 3 - Add Animations to Landing

• پروژه 8 - ایجاد و سفارشی‌سازی بخش مخاطبین با پس‌زمینه متحرک Project 8 - Create and Customize Contacts Section with Animated Background

• پروژه 3 - ایجاد و سفارشی کردن بخش کارت های قیمت گذاری Project 3 - Create and Customize Pricing Cards Section

• پروژه ۳ - ایجاد کنترل‌های ویدیویی سفارشی و عملکردی Project 3 - Make Custom Video Controls Work

• پروژه 1 - کارت های سه بعدی را ایجاد و سبک کنید Project 1 - Create and Style 3D Cards

• پروژه 5 - ایجاد و سفارشی‌سازی نوارهای پیشرفت Project 5 - Create and Customize Progress Bars

• پروژه 6 - ساخت و طراحی گالری ویدیو (ویدیو گالری) Project 6 - Create and Style Video Gallery

• پروژه 2 - ایجاد و سفارشی کردن بخش مشتریان Project 2 - Create and Customize Customers Section

• پروژه ۲ - ایجاد و سفارشی‌سازی بخش مشتریان Project 2 - Create and Customize Customers Section

• پروژه 7: ایجاد و سفارشی‌سازی کارت‌ها با افکت شیب Project 7 - Create and Customize Cards with Tilt

• پروژه 6 - ریسپانسیو کردن پروژه Project 6 - Make Project Responsive

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

• تنظیمات Setup

• پروژه ۴ - ایجاد اسلایدشو تصاویر پس‌زمینه Project 4 - Create Background Images Slideshow

• پروژه 2 - ایجاد و استایل‌دهی بخش تماس و فوتر Project 2 - Create and Style Contact Section and Footer

• پروژه 3 - ایجاد و سفارشی کردن فرود Project 3 - Create and Customize Landing

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

• پروژه ۳ - ایجاد و سفارشی‌سازی بخش کارت‌های قیمت‌گذاری Project 3 - Create and Customize Pricing Cards Section

• پروژه ۴ - راه اندازی بخش ساعت‌ها Project 4 - Make Watches Section Work

• پروژه ۴ - ریسپانسیو کردن پروژه Project 4 - Make Project Responsive

• پروژه 7 - ایجاد و استایل‌دهی بخش "درباره ما" با استفاده از CSS Grid Project 7 - Create and Style About Us Section using CSS Grid

• پروژه ۸ - ایجاد نشانه‌گذاری HTML برای صفحه فرود و تعریف استایل‌های مشترک Project 8 - Create HTML Markup for Landing and Define Common Styles

• پروژه 3 - فعال‌سازی نوار ناوبری (Navbar) Project 3 - Make Navbar Work

• پروژه ۱۰ - ایجاد و استایل‌دهی صفحه فرود - بخش ۱ Project 10 - Create and Style Landing Page - Part 1

• پروژه ۴ - ایجاد و استایل‌دهی بخش ایرپاد Project 4 - Create and Style AirPods Section

• پروژه 2 - ریسپانسیو کردن پروژه Project 2 - Make Project Responsive

• پروژه 1 - نوار ناوبری ثابت را ایجاد و سبک کنید Project 1 - Create and Style Fixed Navbar

• پروژه 3 - نوار نوار را ایجاد و سفارشی کنید Project 3 - Create and Customize Navbar

• پروژه ۷ - ایجاد و سفارشی سازی صفحه فرود Project 7 - Create and Customize Landing Page

• پروژه 7 - ساخت و راه‌اندازی نوار کناری (سایدبار) Project 7 - Create and Make Sidebar Work

• پروژه 6 - ایجاد و استایل‌دهی گالری تصاویر Project 6 - Create and Style Image Gallery

• پروژه 10 - ایجاد و استایل بخش شروع به کار Project 10 - Create and Style Get Started Section

• پروژه 4 - پیش‌نمایش پروژه Project 4 - Project Preview

• پروژه ۳ - افزودن انیمیشن به صفحه فرود Project 3 - Add Animations to Landing

• پروژه ۱۰ - ایجاد و سفارشی‌سازی بخش خدمات Project 10 - Create and Customize Services Section

• پروژه 5 - پیش‌نمایش پروژه Project 5 - Project Preview

• پروژه 5 - ایجاد و استایل‌دهی ناوبری Project 5 - Create and Style Navigation

• پروژه 3 - کارت های قیمت گذاری را با استفاده از Swiper کار کنید Project 3 - Make Pricing Cards Work using Swiper

• پروژه ۴ - ایجاد و شخصی‌سازی صفحه فرود Project 4 - Create and Customize Landing Page

• پروژه 1 - پیش نمایش پروژه Project 1 - Project Preview

• پروژه ۶ - استایل و عملکرد منوی همبرگری Project 6 - Style and Make Hamburger Menu Work

• پروژه 2 - ایجاد دکمه بالا بردن صفحه و عملکرد نوار ناوبری Project 2 - Create Scroll up Button and Make Navbar Work

• پروژه 3 - ایجاد و استایل‌دهی فوتر وب‌سایت Project 3 - Create and Style Footer

• پروژه 7 - پیش‌نمایش پروژه Project 7 - Project Preview

• پروژه 10 - ایجاد و استایل‌دهی به فوتر Project 10 - Create and Style Footer

• پروژه 7 - ایجاد و استایل‌دهی بخش تماس با ما Project 7 - Create and Style Contact Section

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

• پروژه 1 - ایجاد و سبک گالری غذا Project 1 - Create and Style Foods Gallery

• پروژه 2 - ایجاد و استایل‌دهی بخش تیم Project 2 - Create and Style Team Section

• پروژه 5 - ساخت نوار ناوبری و نوارهای پیشرفت با استفاده از جاوا اسکریپت Project 5 - Make Navbar and Progress Bars Work using JavaScript

• پروژه 5 - ایجاد و سفارشی‌سازی صفحه فرود (Landing Page) Project 5 - Create and Customize Landing Page

• پروژه 2 - پیش نمایش پروژه Project 2 - Project Preview

• پروژه 10 - ایجاد و طراحی صفحه ورود (Login Page) Project 10 - Create and Style Login Page

• پروژه 1 - ایجاد و استایل‌دهی نوار ناوبری ثابت Project 1 - Create and Style Fixed Navbar

• پروژه 4 - مکعب بسازید و عملکرد آن را بررسی کنید Project 4 - Make Cube Work

• پروژه 3 - بخش ایجاد و سبک تماس Project 3 - Create and Style Contact Section

• پروژه 4 - ایجاد و سفارشی‌سازی بخش آیفون Project 4 - Create and Customize iPhones Section

• پروژه ۱ - ایجاد و استایل‌دهی گالری غذاها Project 1 - Create and Style Foods Gallery

• پروژه 1 - پیش‌نمایش پروژه Project 1 - Project Preview

• پروژه 4 - ایجاد و استایل‌دهی بخش مک‌بوک - قسمت 2 Project 4 - Create and Style MacBook Section - Part 2

• پروژه 8 - ریسپانسیو کردن پروژه Project 8 - Make Project Responsive

• پروژه ۱: ایجاد و طراحی کارت‌های سه‌بعدی Project 1 - Create and Style 3D Cards

• پروژه 5 - ایجاد و سفارشی‌سازی بخش پروژه‌ها Project 5 - Create and Customize Projects Section

• پروژه ۳ - پیش‌نمایش پروژه Project 3 - Project Preview

• پروژه 9 - ایجاد افکت اسکرول افقی با جاوا اسکریپت Project 9 - Create Horizontal Scroll Effect with JavaScript

• پروژه 5 - ایجاد و استایل‌دهی فوتر Project 5 - Create and Style Footer

• پروژه 5 - ایجاد و استایل بخش تماس با ما Project 5 - Create and Style Contact Section

• معرفی Introduction

• پروژه 2 - سفارشی کردن صفحه فرود Project 2 - Customize Landing Page

درس ها Lessons