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
תגיות