mobile web apps vs. hybrid apps

سالم!

۱: وب سایت های ریسپانسیو

۲: وب اپ ها

۳: اپلیکیشن های محلی با تکنولوژی وب

وب سایت های ریسپانسیو

وب سایت های ریسپانسیو

مشکالت وب سایت های قدیمی:

وب سایت های ریسپانسیو

راه حل:

CSS3 Media Queries

1 @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi){ 2 header h1{3 background-image: url(../img/logo@2x.png);4 background-size: 100%;5 }6 }

1 @media only screen and (max-width: 480px) {2 body{3 padding-right: 6%;4 padding-left: 6%;5 }6 }

وب سایت های ریسپانسیو

نتیجه:

وب سایت های ریسپانسیو

منابع آموزشی:

p5x.co/18716 p5x.co/18717

وب اپلیکیشن ها

مشکالت اپ های محلی:

وب اپلیکیشن ها

Grid Designed by Alex Fuller   Android Designed by The Art of E  

سختی ثبت درفروشگاه های

نرم افزار

سختی توسعه برای پلتفرم های

مختلف

سختی یادگیری زبانهای برنامه نویسی موبایل

Tools Designed by Cris Dobbins  iPhone Designed by George Agpoon  

راه حل:

وب اپلیکیشن ها

CSS3

HTML5

JavaScript

+

اینترنت!

تکنولوژی های مرتبط:

وب اپلیکیشن ها

نتیجه:

وب اپلیکیشن ها

مشکالت:

وب اپلیکیشن ها

۱: سرعت پایین اجرا در دستگاه های قدیمی تر

۲: عدم دسترسی به امکانات کامل دستگاه

۳: ضروری بودن اتصال به اینترنت

):

وب سایت های ریسپانسیو

منابع آموزشی:

p5x.co/18722 p5x.co/18723 p5x.co/18724

اپلیکیشن محلی با تکنولوژی وب(هایبرید)

مشکالت وب اپ ها:

Grid Designed by Alex Fuller   GPS From the Noun Project

ضروری بودن اتصال به اینترنت

عدم امکان ثبت در فروشگاه های

نرم افزار

عدم دسترسی به امکانات

کامل دستگاه

اپلیکیشن های هایبرید

اپلیکیشن های هایبرید

راه حل:

CSS3

HTML5

JavaScript

+

فریمورک هایبرید

اپلیکیشن های هایبرید:

نتیجه:

اپلیکیشن های هایبرید

وب سایت های ریسپانسیو

منابع آموزشی:

p5x.co/18727 p5x.co/18728 p5x.co/18726

SallarSallar.me

با تشکر از توجه شما.

sallar@zigzaglab.com