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