Web Development Advanced

WEB DEVELOPMENT ADVANCED

Web Design with HTML5/CSS3 and JavaScript training class teaches students how to produce dynamic, cross-browser compatible mobile sites using HTML5, CSS3, JavaScript and JQuery.

Duration

5 Days

Introduction to HTML5 for Mobile Development

Create a website that can respond to the specific needs of the environment on which it is being viewed, presenting a layout that is equally - and differently - appropriate for mobile, tablet, and desktop devices.Learn to leverage the capabilities of HTML5 to present mobile-friendly sites, and understand the varying levels of support for some features among different devices

  • HTML5 Syntax
    • HTML5 Page Structure
    • Writing initial HTML5 code
  • HTML5 Content Models
    • HTML5 Deprecated Elements
    • HTML5 Elements with New Meanings
    • HTML5 Deprecated Attributes
  • Structural and Semantic Elements
    • Building a Desktop/Mobile Web Page
    • Using the ViewPort meta tag
    • Preparing the file for CSS
    • Using the Modern JavaScript library
    • Examining a template-based HTML page
  • New HTML5 Elements
    • What are the new Elements?
    • How do I use the new Elements?
    • Checking for Browser Support
  • New HTML5 Media Elements
    • When do I use these new elements?
    • The Video and Audio API
    • Using the video elements attributes
  • New HTML5 Form Elements and Attributes
    • New Form Input Types
    • HTML5 Form Validation
    • Form Fallback solutions
  • New HTML5 Canvas Element
    • What are the new elements?
    • Detecting browser support for canvas
    • Using the canvas element
    • Drawing Rectangles on canvas>
    • Drawing Arcs on the canvas
    • Drawing Quadratic Curves
    • Drawing Bezier Curves on the canvas
    • Creating a Linear Gradient
    • Creating a Pattern on the canvas
    • Canvas API Properties
    • Canvas Fallback solutions

Introduction to CSS

Web Design with CSS class teaches students how to produce dynamic, cross-browser compatible mobile sites. Understand how to use CSS Media Queries to display content modified to fit the client device Cascading Style Sheets

  • CSS Selectors
    • ID Selectors
    • Class Selectors
    • Compound Selectors
    • Using CSS Selectors
    • More CSS Selectors
  • Getting Started with CSS
    • The CSS Reset
    • Examine a CSS Boilerplate file
    • Basic CSS Design Best Practices
  • CSS Layout
    • CSS Layout Properties
    • Getting Started with CSS Layout
  • CSS Typography
    • Type considerations
    • Sizing Fonts
    • CSS Typographic Properties
    • Getting Started with CSS Typography
    • Embedding Fonts in your Website/Web Application
  • CSS Backgrounds and Color Properties
    • Expressing Color Values with CSS
    • Background properties

Introduction to CSS3 for Mobile Development

Web Design with CSS3 class teaches students how to produce dynamic, cross-browser compatible mobile sites using CSS3.

  • CSS3 New Features
    • What is CSS3?
    • CSS3 Backgrounds and Shadows
    • CSS3 Transforms
    • CSS Transforms: Properties and Methods
    • CSS3 Transitions
    • CSS3 Animations
    • CSS3 3D Animations
    • 3D Transformations
    • CSS3 Animation
    • CSS Preprocessors

Introduction responsive design and Advanced CSS Training

Create a website that can respond to the specific needs of the environment on which it is being viewed, presenting a layout that is equally - and differently - appropriate for mobile, tablet, and desktop devices.Learn to leverage the capabilities of HTML5 to present mobile-friendly sites, and understand the varying levels of support for some features among different devices

  • Web Storage
    • What is Web Storage?
    • The Web Storage API
    • When NOT to use Web Storage
    • Detecting browser support for Web Storage
    • Cookies vs. Session Storage vs LocalStorage
    • Storing and Retrieving client-side data
    • Using session Storage
    • Responding to the storage event
    • Storage Fallback solutions
  • Geolocation
    • What is Geolocation
    • What is Geolocation Used for?
    • The Geolocation Object
    • Checking for geolocation support
    • Finding the users location
    • Using Unobtrusive JavaScript and jQuery
    • Display location with Google Map
    • Obtaining position information
    • Geolocation Fallback solutions
  • Web Messaging
    • What is Web Messaging
    • Messaging's postMessage Method
    • Establishing Trust between Domains
    • What is Cross Origin Resource Sharing (CORS)
    • Ports and Channel Messaging
    • The Message Event Object Properties
    • Checking for Web Storage Browser Support
    • Sending Cross-Document Messages
    • Web Storage Fallback solutions
  • Web Workers
    • What are Web Workers
    • Why use Web Workers
    • The Worker Object
    • Types of Web Workers
    • Checking for Web Worker Support
    • Creating a Web Worker
    • Controlling Web Workers using JavaScript
    • Terminating a Web Worker
    • Web Worker Error Event
    • Creating Shared Workers
  • Drag and Drop
    • What is Drag and Drop
    • What is Drag and Drop Used for?
    • Browser Support for Drag and Drop
    • Understanding Drag and Drop
    • The draggable attribute
    • Drag and Drop with a Data "payload"
    • Drag Events
    • Drop Event
    • Responding to the Drop Event
    • Drag and Drop with jQuery
  • Offline Applications
    • What is an Offline Application?
    • Why do we need offline Applications?
    • Understanding Browser Cache
    • Understanding applicationCache
    • Checking browser support
    • Understanding the Cache Manifest File
    • Associating the Cache Manifest with a Web Page
    • Understanding Cache Events
  • XMLHTTPRequest
    • What is XMLHttpRequest (XHR)?
    • The XHR Object
    • Checking for Browser Support
    • Understanding the onprogress Event
    • Understanding the onload event
    • Displaying XML returned from XHR
  • Web Sockets
    • HTTP and the request/response Model
    • Communicating with the Server
    • What is a Web Socket
    • Using a WebSocket Server with the WebSocket API
  • Server-Sent Events
    • What are Server Sent Events?
    • Creating an EventSource
    • The Advantages of Server-Sent Events
    • The Disadvantages of Server-Sent Events
    • Using Server Sent Events

Introduction to JQuery for Mobile Development

Web Design with JQuery class teaches students how to produce dynamic, cross-browser compatible mobile sites using JQuery. Learn how to use the jQuery Mobile framework to add support effects and animation.

  • Introduction to JQuery Fundamentals
    • Selecting Elements with jQuery
    • Generating HTML
  • Intermediate JQuery
    • The jQuery Wrapped Set
    • The jQuery Event Model
    • Working with jQuery Effects
    • Working with jQuery Animation

You have gone through all the training and reading material, since you decided to choose your career. This might have given you initial understanding about the procedures and techniques and you are even able to pass your certification as well ...

Best - Web Development Advanced training center in London.