Introduction to Mobile Web Development

Duration: 2 Days

Objectives

More web pages are now viewed using Mobile devices than desktop browsers. This course provides best practice in building mobile content, including taking account of the different platforms used by mobile devices. The course includes the relevant new mobile-oriented features of HTML5 and CSS3 that are essential for building Mobile device friendly web sites. It will also touch on JavaScript and make reference to PHP as a server side technology.

Pre-requisites

A working knowledge of HTML5, JavaScript and CSS3.

Course includes

A comprehensive set of reference notes covering course topics, follow-up telephone support and, for training on Transmedia premises, lunch and refreshments.

Course outline

Designing for different platforms - desktop, mobile and tablets

  • Understanding the different platforms
  • Screen resolution
  • Zooming and scaling
  • The role of client side and server side scripting
  • Variations in platforms
  • iOS, Android and Windows
  • Responsive sites or custom sites?
  • Optimising graphics for mobile devices
  • Responsive web design

HTML5 and CSS3

  • The semantic elements
  • Browser compatibility and semantic elements
  • Designing a site with semantic elements
  • The HTML5 outlining system
  • Keeping your site “downgradeable”
  • The power of pseudo-classes
  • Google Rich Snippets

JavaScript

  • The language essentials
  • HTML DOM and Web 2.0
  • Mobile sites require JavaScript
  • Client detection and platform detection
  • Redirecting or altering your CSS for client
  • JavaScript libraries - jQuery and jQuery Mobile
  • Detecting portrait and landscape views

Styling a page for mobile devices

  • Minimum content and simple navigation
  • CSS, scaling and zooming
  • Using lists for easy navigation
  • Practical dropdown menus
  • Keeping your CSS and JavaScript light

Making forms pleasant

  • Styling forms
  • CSS3 features and forms
  • The power of pseudo-class
  • New form elements
  • Including server side (PHP)
  • Form validation

Audio and video

  • HTML5 audio and video
  • Enhancing your player with JavaScript
  • Controlling your player with JavaScript

Utilising data storage

  • The web storage advantage
  • Reading files

Building offline applications

  • Caching files with a Manifest
  • Practical caching techniques
  • Building web applications that act like native applications

Communicating with the web server

  • Connecting to a server side database using PHP
  • Practical illustration

Using device features

  • Geo-location
  • Device rotation
  • Pinch and zoom

This course is available as a private or customised course. Contact us for further information and to customise this course to your exact requirements:

Phone us: 0208 269 4260Book Now

Related Courses


"The best two days training I have ever had. Would definitely recommend and use again."

Surrey Heath Borough Council

"Extremely friendly and helpful. Excellent knowledge and presentation."

Just Digital

"Excellent. The best training I have ever had."

National Housing Federation



 

 

© Transmedia . 277 Greenwich High Road London SE10 8NB  UK . 0208 269 4260
Designed by Transmedia's Web Team