نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
این دوره به شما اصول اولیه مورد نیاز برای شروع کار با ساخت و ساخت وب سایت های جذاب و پاسخگو با طراحی متغیر Angular Material را می آموزد. Angular Material مجموعه ای از مIلفه های UI قابل استفاده مجدد ، آزمایش شده و قابل دسترسی را بر اساس مشخصات Material Design Google ارائه می دهد. این دوره به شما یاد می دهد که چگونه با استفاده از کتابخانه مواد زاویه دار وب سایت های زیبا و پاسخگو درست کنید. ابتدا مفاهیم اصلی طراحی مواد را یاد خواهید گرفت. در مرحله بعدی ، شما می توانید توسعه محیط خود و تنظیم اجزا و خدمات را در کتابخانه خود لمس کنید. سرانجام ، شما می دانید که چگونه فرم هایی را تأیید کنید که ورودی کاربر را تأیید می کنند. با پایان این دوره ، شما در مورد اصول لازم برای راه اندازی و راه اندازی با توسعه و ایجاد وب سایت های دارای پاسخگویی زیبا با استفاده از Material Design درک خواهید کرد.
سرفصل ها و درس ها
بررسی اجمالی دوره
Course Overview
-
بررسی اجمالی دوره
Course Overview
مقدمه
Introduction
-
مقدمه
Introduction
-
آنچه خواهیم ساخت
What We'll Be Building
-
بررسی اجمالی دوره
Course Overview
-
منابع و پیوندها
References and Links
طراحی مواد
Material Design
-
مقدمه
Introduction
-
اصول اساسی
Key Principles
-
خلاصه
Summary
شروع شدن
Getting Started
-
نمای کلی و ابزارآلات
Overview and Tooling
-
تنظیم Angular CLI
Setting up Angular CLI
-
نصب ماده Angular
Installing Angular Material
-
افزودن یک دکمه با نمادها
Adding a Button with Icons
-
افزودن یک کادر تأیید
Adding a Checkbox
-
ایجاد یک ماژول Master Material
Creating a Material Master Module
-
خلاصه
Summary
م Lلفه طرح بندی
Layout Component
-
هدف ما
Our Goal
-
مبانی Flexbox
Flexbox Basics
-
مسیرهای برنامه
Application Routes
-
ایجاد یک ماژول نسخه ی نمایشی
Creating a Demo Module
-
تنظیم مسیرها
Setting up the Routes
-
نسخه ی نمایشی Flexbox
Flexbox Demo
-
داربست برنامه
Scaffolding the App
-
م Sidلفه Sidenav
The Sidenav Component
-
یک ظاهر طراحی Sidenav
Styling the Sidenav
-
پیکربندی Sidenav
Configuring the Sidenav
-
پاسخگویی اضافه کنید
Adding Responsiveness
-
ایجاد یک دکمه ضامن
Creating a Toggle Button
-
خلاصه
Summary
نمایش داده های واقعی
Displaying Real Data
-
هدف ما
Our Goal
-
معرفی سرویس داده
Introducing the Data Service
-
واکشی داده ها
Feching Data
-
لیست های پیمایش
Navigation Lists
-
در حال بارگیری آواتارهای SVG
Loading SVG Avatars
-
مسیریابی به کاربران
Routing to Users
-
کارتهای کاربر
User Cards
-
Refactoring مسائل مسیریابی
Refactoring Routing Issues
-
معرفی برگه ها
Introducing Tabs
-
خلاصه
Summary
استفاده از جداول داده
Using Data Tables
-
هدف ما
Our Goal
-
ویژگی های جدول
MatTable Features
-
تولید م Notلفه یادداشت های ما
Generating our Notes Component
-
اجرای جدول MatTable
Implementing the MatTable
-
افزودن صفحه بندی
Adding Pagination
-
افزودن فیلتر
Adding Filtering
-
افزودن مرتب سازی هدر
Adding Header Sorting
-
خلاصه
Summary
گفتگوها و پنجره های بازشو
Dialogs and Popups
-
هدف ما
Our Goal
-
افزودن منوی نوار ابزار
Adding a Toolbar Menu
-
مبانی گفتگو
Dialog Basics
-
ایجاد اولین گفتگوی ما
Creating our First Dialog
-
داربست یک فرم
Scaffolding a Form
-
سفارشی کردن فرم
Customizing the Form
-
افزودن اعتبار سنجی فرم
Adding Form Validation
-
با استفاده از DatePicker
Using the DatePicker
-
ذخیره کاربر
Saving the User
-
اعلان های اسنک بار
Snackbar Notifications
-
خلاصه
Summary
بسته بندی کردن
Wrapping Up
-
درک مضامین
Understanding Themes
-
ایجاد مضامین سفارشی
Creating Custom Themes
-
تغییر موضوعات
Toggling Themes
-
پشتیبانی از RTL و LTR
RTL and LTR Support
-
کلمات نهایی
Final Words
نمایش نظرات