Web/Mobile Development with HTML 5.0 & PhoneGap

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

HTML5 is the next generation of HTML and it will be the new standard for HTML, XHTML, and the HTML DOM. HTML5 is still a work in progress. However, most modern browsers have some HTML5 support. In this seminar we'll present a brief overview to the new HTML5 features and benefits. A collection of new features - rich typography, native audio & video, powerful drawing and image manipulation API – allow you to create web pages with unparalleled user experience. Native HTML has many benefits over Flash and enterprise developers will be asked to use it more and more.
This course also 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


Upon completion of this course participants will be able to:

  • Understand HTML5 new features
  • Effectively implement designs using CSS3
  • Build rich internet application (RIA)
  • Build mobile/web application using jQuery Mobile and PhoneGap
  • Manage efficiently the complexity of asynchronous server invocations (AJAX)


קהל יעד

  • Developers who want to upgrade their skills to HTML5 for Web and Mobile Application Development.
  • Developer with strong OOP background who want to reveal the power of web programming

תנאי קדם

  • Previous programming experience
  • Good understanding of OOP principles
  • Familiarity with HTML


Module 1: JavaScript Pitfalls

  • Declaring Variables
  • Primitives Types
  • Value vs. Reference Types
  • Undefined value
  • Method Overloading
  • Typeof operator
  • Type checking
  • Function as a Scope/Object
  • Closures
  • Object as a map


Module 2: Object-Oriented JavaScript

  • Overview of JavaScript Basic Syntax
  • Object Oriented JavaScript
  • Prototypes
  • Handling Namespaces
  • Interfaces
  • Error Handling
  • Debugging
  • Memory Management


Module 3: jQuery

  • Introduction
  • jQuery structure and components
  • jQuery selectors
  • traversing document elements
  • binding and unbinding events
  • effects and animation
  • jQuery plugins
  • jQueryUI


Module 4: AJAX and Client/Server Communication

  • XMLHttpRequest
  • jQuery Support
  • Data transfer using JSON
  • Parsing and building DOM elements from JSON data
  • The same origin policy and JSONP


Module 5: CSS3

  • An overview of CSS3 capabilities
  • CSS3 new Selectors, Pseudo-Classes and Pseudo-Elements
  • The CSS3 Box Model
  • Working With Different Screen Sizes
  • Working with Color, Shadows and Opacity in CSS3
  • CSS3 Transitions and Transforms
  • CSS Media Types
  • CSS3 Advanced Features


Module 6: HTML5

  • Introduction for HTML5
  • Detecting support for HTML5
  • Structuring HTML5 Document
  • Canvas
  • New Form Elements
  • History API
  • Location API
  • Web Storage
  • IndexedDB
  • Audio and Videos
  • Web Workers
  • Web Sockets
  • Offline Application
  • Drag and Drop


Module 7: jQuery Mobile

  • Page Architecture
  • Navigation between Pages
  • Writing List Views
  • Creating Icon Grids
  • Adding Buttons
  • Adding Toolbars and Tab Bars
  • Dialog Boxes
  • Touch Events
  • Themes


Module 8: PhoneGap

  • Introducing PhoneGap
  • Installation
  • Creating, building and running PhoneGap projects
  • Contacts API
  • Camera API
  • Sensors API