آموزش ساخت 5 الگوی طراحی UI کامل و مدرن

Build 5 Complete and Modern UI Design Templates

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره:

به دوره کاملاً جدید خوش آمدید که در آن می توانید با نحوه ایجاد الگوهای طراحی مدرن و زیبا برای وب سایت های خود آشنا شوید.

اگر می‌خواهید نمونه کارها را بسازید و سفارشی کنید، یک توسعه‌دهنده با تجربه شوید و استخدام شوید، این کلاس برای شما مناسب است.

ما با هم 5 الگوی طراحی UI مدرن و کامل با سه فناوری اصلی HTML، CSS، و JS خواهیم ساخت. اگر دانش اولیه ای از این فناوری ها دارید و هنوز در ساختن وب سایت ها مشکل دارید یا اگر می خواهید مهارت های توسعه دهنده و طراح خود را ارتقا دهید، به جای درستی آمده اید.

ما این دوره را ایجاد کردیم تا بهترین تجربه را در سه فناوری اصلی به دانش‌آموزان ارائه دهیم و به آنها فرصت دهیم تا بهترین الگوهای طراحی شده را بسازند که به آنها امکان می‌دهد مشتریان خود را هیجان زده کنند.

ما 5 الگوی طراحی UI مختلف و نه تنها قسمت‌های آن‌ها را از ابتدا خواهیم ساخت. آنها پر از جلوه ها و طرح های مدرن، زیبا و زیبا خواهند بود. ما با پروژه های نسبتا ساده شروع می کنیم و قسمت های پیشرفته را نیز مرور خواهیم کرد. ما می توانیم تضمین کنیم که پس از اتمام این دوره، به توسعه وب جلویی تسلط خواهید داشت.

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

با تسلط بر این فناوری‌های اصلی توسعه وب جلویی، می‌توانید تم‌های فوق‌العاده و مدرن ایجاد کنید و به سادگی استخدام شوید. همچنین، دانش کافی برای حرکت و یادگیری فناوری‌های دیگر مانند برخی از فریم‌ورک‌ها و کتابخانه‌های فرانت‌اند را خواهید داشت که امروزه واقعاً محبوب و بسیار مورد تقاضا هستند.

تکلیف:

پروژه کلاس شما ساختن یک الگوی نمونه کارها شخصی طبق راهنمای زیر است.

مواد:

از عکس‌ها و فایل‌های آغازین پیوست شده به بخش منابع استفاده کنید.

راهنما:

1. یک سربرگ برای الگو بسازید

2. ایجاد ناوبری با منوی همبرگر

3. ایجاد و سفارشی کردن بخش مهارت ها:

4. بخش ساخت پروژه ها:

5. بخش ایجاد و سبک تماس:

6. یک پاورقی به صفحه فرود اضافه کنید:

8. با استفاده از پرسش‌های رسانه‌ای، پروژه را به تمام اندازه‌های مختلف صفحه پاسخگو کنید:

اشتراک گذاری کار شما:

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

موفق باشید!!!


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

درس ها Lessons

  • پروژه 4 - ایجاد و سفارشی کردن پاورقی وب سایت Project 4 - Create and Customize the Footer of the Website

  • پروژه 4 - بخش ساخت درباره Project 4 - Build About Section

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

  • پروژه 2 - ایجاد و سفارشی کردن پاورقی وب سایت Project 2 - Create and Customize the Footer of the Website

  • پروژه 3 - ایجاد و سبک ناوبری - قسمت 2 Project 3 - Create and Style the Navigation - Part 2

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

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

  • پروژه 1 - بخش قیمت گذاری ایجاد و سبک Project 1 - Create and Style Pricing Section

  • پروژه 5 - ساخت بخش مشتریان Project 5 - Build Customers Section

  • پروژه 1 - ساخت سربرگ وب سایت Project 1 - Build Header of the Website

  • پروژه 2 - بخش ساخت پروژه ها Project 2 - Build Projects Section

  • پروژه 4 - ایجاد یک بنر متحرک Project 4 - Create an Animated Banner

  • پروژه 1 - ساخت بخش وبلاگ Project 1 - Build Blog Section

  • پروژه 2 - سربرگ وب سایت را ایجاد و سبک کنید Project 2 - Create and Style the Header of the Website

  • پروژه 2 - ناوبری را سبک و کاری کنید Project 2 - Style and Make the Navigation Work

  • پروژه 3 - ایجاد و سفارشی کردن پاورقی وب سایت Project 3 - Create and Customize the Footer of the Website

  • پروژه 3 - سربرگ وب سایت را ایجاد و سبک کنید Project 3 - Create and Style the Header of the Website

  • پروژه 5 - بخش منوی ساخت Project 5 - Build Menu Section

  • پروژه 1 - ایجاد و سبک ناوبری وب سایت Project 1 - Create and Style the Navigation of the Website

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

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

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

  • پروژه 3 - ساخت بخش تماس Project 3 - Build Contact Section

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

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

  • پروژه 1 - بخش ایجاد محصولات Project 1 - Create Products Section

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

  • معرفی Introduction

  • پروژه 5 - نمایش اسلاید با Swiper.js ایجاد کنید Project 5 - Create Slideshow with Swiper.js

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

  • پروژه 5 - ایجاد و سبک بخش داده ها با شمارنده های متحرک Project 5 - Create and Style Data Section with Animated Counters

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

  • برپایی Setup

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

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

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

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

  • پروژه 5 - ایجاد و سفارشی کردن بخش درباره Project 5 - Create and Customize About Section

  • پروژه 1 - ایجاد و سبک پاورقی وب سایت Project 1 - Create and Style the Footer of the Website

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

  • پروژه 4 - ساخت بخش داده با شمارنده Project 4 - Build Data Section with Counters

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

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

  • پروژه 3 - بخش ساخت درباره Project 3 - Build About Section

  • پروژه 4 - ایجاد و انجام ناوبری کار کند Project 4 - Create and Make the Navigation Work

  • پروژه 3 - ایجاد و سبک ناوبری - قسمت 1 Project 3 - Create and Style the Navigation - Part 1

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

  • درباره پروژه ها About the Projects

نمایش نظرات

آموزش ساخت 5 الگوی طراحی UI کامل و مدرن
جزییات دوره
8h 34m
48
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
20
- از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Giorgi Lomidze Giorgi Lomidze

طراح UI/UX

سلام،

من جورج هستم، طراح UI/UX، بنیانگذار 'Code And Create' و نویسنده چندین پرفروش کلاس های آنلاین .

من هیجان زده هستم که فرصتی برای کمک به مردم برای یادگیری یکی از جالب ترین و داغ ترین رشته های جهان دارم.

من تصمیم گرفتم دانش و تجربه خود را با شما به اشتراک بگذارم و این دلیل اصلی حضور در Skillshare است.

منتظر دیدار شما در کلاس‌هایم هستم و به شما کمک می‌کنم تا یک طراح UI/UX حرفه‌ای شوید