لطفا جهت اطلاع از آخرین دوره ها و اخبار سایت در
کانال تلگرام
عضو شوید.
آموزش ساخت 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
نمایش نظرات