نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
Progressive Web Apps DNA جدید وب است. این دوره به شما می آموزد که طراحی تجربیات عالی برای برنامه های شما ، از جمله نحوه تعریف سبک های بصری و دارایی های برنامه شما و نحوه ایجاد صفحه سبک PWA دوستانه برای تلفن همراه و دسک تاپ ، را انجام دهید. در داخل یک مرورگر ، اما دیگر با PWA نیست. در این دوره ، با طراحی برنامه های وب پیشرفته ، مهارت های لازم را برای طراحی صحیح یک تجربه برنامه برای سیستم عامل های iOS ، Android و دسک تاپ کسب خواهید کرد. ابتدا ، شما در Web App Manifest و ایجاد نمادها و صفحه های پاششی کاوش خواهید کرد که نحوه برنامه نصب شده شما را مشخص می کند. در مرحله بعدی ، خواهید فهمید که چرا طراحی بدون رابط کاربری مرورگر نیاز به توجه دارد ، از جمله برخی از ترفندهای CSS برای ارائه تجربه بومی تر. سرانجام ، شما می آموزید که چگونه یک طراحی بهینه شده برای تلفن همراه و دسک تاپ ایجاد کنید ، مانند ایده های جدید برای تکنیک های طراحی وب پاسخگو ، نمایش داده های رسانه و حالت تاریک. پس از اتمام این دوره ، مهارت و دانش برنامه های وب پیشرفته لازم برای طراحی بهترین تجربه کاربر سفارشی ، قابل استفاده و در دسترس را برای کاربران خود در Android ، iOS ، iPadOS و همه سیستم عامل های دسک تاپ موجود خواهید داشت. سیستم های.
سرفصل ها و درس ها
بررسی اجمالی دوره
Course Overview
-
بررسی اجمالی دوره
Course Overview
ایجاد برنامه وب پیشرو
Creating the Progressive Web App
-
خوش آمدی
Welcome
-
معرفی پروژه
Introduction to the Project
-
مبانی آشکار برنامه وب
Web App Manifest Basics
-
آماده سازی مانیفست برنامه وب ما
Preparing our Web App Manifest
-
مباحث آشکار برنامه پیشرفته
Advanced App Manifest Topics
-
تزئین HTML برای PWA
Decorating the HTML for a PWA
-
خلاصه
Summary
نمایش آیکون ها و صفحه های Splash
Defining Icons and Splash screens
-
مقدمه
Introduction
-
تنوع PWA
PWA Diversity
-
نمادهای برنامه آشکار
Icons for the App Manifest
-
نمادهایی برای iOS و iPadOS
Icons for iOS and iPadOS
-
صفحه های چلپ چلوپ
Splash Screens
-
خلاصه
Summary
طراحی تجربه های کاربری موبایل و دسک تاپ
Designing Mobile and Desktop User Experiences
-
مقدمه
Introduction
-
طراحی بدون رابط کاربری مرورگر
Designing Without the Browser User Interface
-
ایجاد یک تجربه کاربر بومی تلفن همراه
Creating a Native Mobile User Experience
-
ساخت PWA رومیزی
Making a Desktop-friendly PWA
-
خلاصه
Summary
ایجاد یک شیوه نامه مناسب برنامه
Making an App-friendly Stylesheet
-
مقدمه
Introduction
-
بهبود تجربه کاربری
Improving User Experience
-
سWالات رسانه PWA
PWA Media Queries
-
پشتیبانی از دستگاه های مبتنی بر ناچ و تاشو
Supporting Notch-based and Foldable Devices
-
اضافه کردن قابلیت دسترسی و پشتیبانی از حالت تاریک
Adding Accessibility and Dark Mode Support
-
خلاصه
Summary
آماده سازی داده های متا برای توزیع
Preparing meta data for distribution
-
مقدمه
Introduction
-
خلاصه روشهای توزیع
Distribution Methods Summary
-
الگوی دکمه نصب
The Install Button Pattern
-
متا داده برای توزیع فروشگاه
Meta Data for Store Distribution
-
نتیجه
Conclusion
نمایش نظرات