Mobile Web and HTML5 for Webmasters

מק"ט: #3131 | משך קורס: 32 שעות אק'

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 covers the basics of porting web sites to mobile devices, using media queries to develop responsive web sites, which load well on both Desktop and mobile devices, and enhancing existing web sites with HTML5 capabilities.

הקורס פעיל לקבוצות מטעם ארגונים בלבד, ניתן לשלוח פנייה רק אם מדובר בקבוצה
*שדות חובה
PDF version


  • Enhance existing web site with new HTML5 capabilities
  • Port existing web sites to responsive paradigm and mobile devices
  • Effectively implement designs using CSS3
  • Rapid develop mobile web with jQuery Mobile

קהל יעד

  • Web masters

דרישות קדם

  • 6 months experience developing web sites in HTML


Basic JavaScript

  • Key Ideas
  • Core Types
  • Syntax
  • The Global Object & Scope
  • Function Objects

Effective CSS & CSS 3 Selectors

  • Simple Selectors: Type, Attribute, Class, Id
  • Pseudo Classes
  • Combination Selectors: Child, Descendant, Sibling
  • Practice: Styling With CSS Selectors

Effective Page Design with CSS 3.0

  • CSS Based Navigation
  • The CSS Box Model
  • Layouts: fixed width, fluid width, elastice
  • Using grid960
  • Practice: Page Layout

Hello Mobile

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

Javascript Review

  • Functions and Objects
  • Avoiding Global Variables
  • DOM manipulations
  • jQuery to the rescue
  • jQuery Selectors
  • jQuery Events
  • jQuery alternatives and when to use

CSS Frameworks: Twitter Bootstrap

  • Why CSS Frameworks
  • Twitter Bootstrap Tour
  • The grid system
  • Implementing responsive web site with Twitter Bootstrap
  • Font Awesome Icons

CSS For Mobile Devices

  • Working With Different Screen Sizes
  • CSS Media Types
  • Responsive web design
  • CSS3 Advanced Features and Animations

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

  • Client Side Storage
  • Canvas
  • Audio and Videos

Working With Foreign Languages

  • Key Concepts: Dynamic UI with JavaScript
  • Using Handlebars to dynamically generate UI
  • Loading external JSON translation files