הלינקייה: מגזין חודשי למפתחים

רוצה לשמוע על כל האירועים, המדריכים, הקורסים והמאמרים שנכתבו החודש ?
הלינקייה הינו מגזין חופשי בעברית שמשאיר אותך בעניינים.
בלי ספאם. בלי שטויות. פעם בחודש אצלך בתיבה.

Mobile Web

Mobile devices and the iPhone have completely altered the way we experience the Internet, browse web pages and consume online content.

More and more people are using their mobile device, be it an Android or an iPhone, to find data relevant to them wherever they are. More and more web sites now need to adjust themselves to the new world, and adapt their content so it will work well on the small screen.

This course deals with building the mobile web, and mobile web applications. We learn the basics of how a mobile device is different from a desktop, the different mobile browser types, the techniques to develop a mobile aware web site, and how to deliver our content through the web and through the various app stores.

Mobile web is the opportunity to build your content once, and deliver it as a native app that will work the same on all major platforms.

Hebrew Information

If you speak hebrew, you probably want to check my Mobile Web Course info page - for hebrew screen-casts about mobile web development.

Course Index

DayLesson
Day 1Introduction
 JavaScript
Day 2Mobile CSS
 jQuery Mobile
Day 3HTML5 Mobile APIs
 Package With PhoneGap
Day 4Ajax and WebSockets
 Ajax Exercises
Course Objectives:
  • Develop And Distribute Mobile Applications for iPhone And Android Devices.
  • Use HTML5 and CSS3 to write modern mobile web applications.
  • Use jQuery Mobile to build Mobile friendly user interface
Duration: 4 days. Target Audience: Web Developers

Hello Mobile

  • Mobile vs Web
  • The Tools
  • Debugging Techniques
  • Mobile Frameworks Overview: Sencha touch, jQuery mobile, jQtouch

The Single Html Paradigm

  • Moving to a Single Index.html
  • Handling js/css Files
  • Writing An Automated Build Script

Javascript For Mobile Developers

  • Object Oriented Javascript
  • Code Architecture For An App
  • Handling Namespaces
  • Avoiding Global Variables
  • Using Objects Efficiently
  • Memory Management

CSS For Mobile Devices

  • Working With Different Screen Sizes
  • CSS Media Types
  • CSS3 Advanced Features

UI Design With jQuery Mobile

  • Page Architecture
  • Writing List Views
  • Creating Icon Grids
  • Adding Buttons
  • Adding Toolbars and Tab Bars
  • Wiring Up Actions

Using HTML5 Mobile Apis

  • Location API
  • Client Side Storage
  • Canvas
  • Audio and Videos
  • Introducing Phonegap
  • Package For The Iphone
  • Package For Android

AJAX And Client/Server Applications (Optional)

  • Data transfer using JSON.
  • Parsing and building DOM elements from JSON data.
  • The single page pattern.
  • The same origin policy and JSONP
  • Using web sockets API for “push” notifications