آموزش ایجاد یک برنامه وب برای iPad

Creating a Web App for iPad

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیوها:
توضیحات دوره: از فناوری‌های استاندارد وب برای ایجاد تجربه‌ای شبیه به برنامه برای iPad استفاده کنید. و بهترین از همه، بدون فروشگاه App مورد نیاز است! بدون فروشگاه برنامه! برنامه های وب از هر وب سروری اجرا می شوند تجربه وب را در یک برنامه وب ثبت کنید آموزش کار با انیمیشن های CSS3 پشتیبانی از گرافیک های استاندارد و شبکیه چشم هر زمان که بخواهید به روز رسانی کنید گنجاندن ویدیوی HTML5 برای iPad

این دوره به شما می آموزد که از فناوری های وب استاندارد برای ایجاد یک تجربه کاربری جذاب و تعاملی در iPad استفاده کنید.

ما در این دوره آموزشی یک کمک فروش الکترونیکی ایجاد خواهیم کرد، که یک کاربرد رایج برای به اشتراک گذاشتن اطلاعات در مورد یک شرکت یا محصول در دستگاه های تبلت است. با این حال، امکانات این رویکرد نامحدود است. از فناوری های استاندارد وب برای ایجاد کتاب های تعاملی، کاتالوگ ها یا هر پروژه تعاملی که می توانید تصور کنید استفاده کنید. اگر می توانید آن را در وب ایجاد کنید، می توانید آن را در یک برنامه وب ایجاد کنید.

و بهترین بخش این است که ... هیچ فروشگاه برنامه ای وجود ندارد!

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

چه چیزی در دوره انتظار می رود

در این دوره، با ایجاد گرافیک وب با فتوشاپ، برای هر دو صفحه نمایش استاندارد و شبکیه، شروع می کنیم. همچنین یک پوشه "پرش فتوشاپ" نیز وجود دارد، در صورتی که بخواهید کار در فتوشاپ را دور بزنید. ما همچنین از CSS3 برای تشخیص نمایشگرهای با کیفیت بالا (صفحه نمایش شبکیه) و همچنین از ویژگی های تبدیل CSS3 برای قرار دادن عناصر HTML در سراسر صفحه نمایش iPad استفاده خواهیم کرد.

تمرکز اصلی دوره، عملکرد مورد نیاز برای ایجاد یک تجربه کاربری جذاب است که شامل جاوا اسکریپت است، و همچنین پشتیبانی از HTML و گرافیک های خاص برای رابط iPad. این دوره به شما یاد می دهد که عملکرد اصلی برنامه وب را کدنویسی کنید، در حالی که تعداد زیادی قطعه کد را ارائه می دهد تا شما را از هرگونه تایپ تکراری رهایی دهد. 4 ویدیوی اول در درس 1 را تماشا کنید، همه آنها رایگان هستند و یک نمای کلی از انتظارات، نرم افزار و محصول نهایی که ما ایجاد خواهیم کرد ارائه می دهند.

فایل های پروژه ارائه شده در این دوره شامل یک کپی از پروژه نهایی کامل شده می باشد. از این فایل ها برای ردیابی پیشرفت خود، تصحیح هر گونه خطای احتمالی یا مهمتر از آن، تطبیق پروژه با برنامه های وب تعاملی خود استفاده کنید.


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

معرفی Introduction

  • در مورد این دوره About this course

  • چند کلمه قبل از شروع A few words before we begin

  • نرم افزاری که باید دنبال کنید Software you’ll need to follow along

  • درباره فایل های پروژه About the Project Files

  • شروع پروژه شما Starting your project

ایجاد گرافیک Creating the Graphics

  • ایجاد گرافیک مخصوص برنامه وب برای iPad Creating the Web App-Specific graphics for iPad

  • ایجاد گرافیک محتوا Creating the content graphics

  • ایجاد تصاویر گالری Creating the gallery images

راه اندازی HTML Setting up the HTML

  • بررسی استراتژی HTML و CSS برای چیدمان Examining the HTML and CSS strategy for the layout

  • تنظیم متا تگ ها و پیوند آیکون Setting up the meta tags and icon link

  • راه اندازی کانتینرهای HTML Setting up the HTML containers

  • افزودن ظرف برای iScroll و Google Map Adding container for iScroll and Google Map

  • پیوندهای ناوبری و حق چاپ را اضافه کنید Add navigation links and copyright

اضافه کردن سبک و چیدمان برای صفحه اصلی و پیمایش Add Style and Layout For Homepage and Navigation

  • قوانین CSS را برای استایل و چیدمان اضافه کنید Add CSS rules for style and layout

  • موقعیت صفحه اصلی و انیمیشن را برای عناصر اضافه کنید Add homepage positioning and animation for elements

  • به پیوندهای پیمایش و حق چاپ سبک دهید Style the navigation links and copyright

افزودن جاوا اسکریپت و (jQuery) Adding the JavaScript and (jQuery)

  • تشخیص جهت آی پد Detecting the orientation of the iPad

  • بارگیری محتویات صفحه با AJAX Loading page contents with AJAX

  • تشخیص صفحه اصلی Detecting the home page

  • تشخیص صفحه تماس با ما Detecting the contact us page

  • تنظیم و بارگذاری یک صفحه پیش فرض در بارگذاری Setting and loading a default page on load

  • راه اندازی نقشه های گوگل Initializing Google Maps

  • فعال کردن iScroll Activating iScroll

افزودن محتوا برای گالری و صفحات ویدئو Adding Content for the Gallery and Video Pages

  • اضافه کردن HTML برای گالری Adding HTML for the gallery

  • اضافه کردن قوانین CSS برای گالری Adding CSS rules for the gallery

  • فعال کردن تصاویر کوچک گالری Activating the gallery thumbnails

  • اضافه کردن یک تصویر گرافیکی و ویدئویی Adding a graphic and video

  • تشخیص و جایگزینی گرافیک برای نمایشگرهای رتینا Detecting and replacing graphics for Retina displays

تشخیص iPad و وضعیت Stand Alone Detecting iPads and Stand Alone Status

  • تشخیص آی پد Detecting an iPad

  • تشخیص وضعیت مستقل Detecting the stand-alone status

  • جایگزینی رویدادهای کلیک و غیرفعال کردن انتخاب‌ها Replacing click events and disabling selections

از اینجا به کجا بروم. Where To Go From Here.

  • از کجا برویم Where to go from hre

  • در نظر گرفتن برنامه های وب برای اندروید Considering Web Apps for Android

نمایش نظرات

آموزش ایجاد یک برنامه وب برای iPad
جزییات دوره
2.5 hours
33
Udemy (یودمی) Udemy (یودمی)
(آخرین آپدیت)
899
4.3 از 5
دارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Chris Converse Chris Converse

طراح و توسعه دهنده در استودیوی طراحی کدیفای