JQUERY + HTML5 + CSS3

  • Intermediate knowledge or work experience in HTML, JavaScript and CSS.

Together, JQuery + HTML5 + CSS3 technologies enable you to create complex applications and with the cutting-edge features it introduced, developers can now create applications and websites with the functionality, speed, performance, and experience of desktop applications which are accessed on a wide array of devices and not just on desktops.

JQuery + HTML5 + CSS3 Training course covers some of the cool features of HTML5 with jQuery. This course will enable developers to think outside the way they have been building web sites and applications, by learning the newest aspects of web development and also by understanding the best practices for creating web sites. This course will also cover Responsive Web Design; building websites for multiple devices, Security and Performance of web applications.

The JQuery + HTML5 + CSS3 workshop will provide Participants with the skills required to build modern HTML5 websites. Participants will learn to use jQuery and CSS3 features, helping them to build cool layouts and rich interactions quickly. They will learn to build websites for multiple devices by learning the concepts of Responsive Web Design. They will also learn about the best practices, performance and security and will also get to know about many libraries to make development easy for them.

  • Web developers who have been building websites using the old conventions and want to learn the new aspects and trends in this area
  • Software developers who are interested in getting started in the area of web development

COURSE AGENDA

  • Building Your First HTML5 Page
  • Playing with more HTML5 Tags
  • New Form Elements and Validation
  • Placeholder & Form Autofocus
  • Graceful Degradation
  • HTML5 in IE – html5shiv
  • Detecting HTML5 features
  • Using Modernizer
  • HTML5 Cross Browser Polyfills
  • Video Example with Feature Detection
  • Overview of Accessibility
  • Overview of HTML5
  • Layers of Web Design
  • Semantic Markup
  • New Tags in HTML5
  • Websites for Mobiles
  • Overview of DOM
  • Overview of JavaScript
  • Overview of CSS
  • Browser Compatibility
  • Same Origin Policy
  • Debugging Tools
  • Basic Selecting and Styling
  • Advanced CSS Selectors
  • Understanding Floats
  • Absolute, Relative & Fixed Positioning
  • EM vs PX & Percentages
  • Reset Style Sheets
  • New in CSS3
  • Corners, Shadows and Gradients
  • CSS3 Transitions
  • Multiple Backgrounds
  • Web Fonts
  • Basic JavaScript
  • Data Types, Objects & Functions
  • JavaScript Name spacing
  • Benefits of Using a Library
  • jQuery Basics
  • Selectors and jQuery Collection
  • Methods on jQuery Collection
  • Get/Set DOM Attributes
  • Manipulating the DOM
  • Events – Adding Behaviors
  • Keyboard and Mouse Events
  • Ajax with jQuery
  • Loading Script, Markup, JSON and Data
  • Effects and Animation
  • Other Utilities and Helper Functions
  • jQuery UI – Drag, Drop, Resize, Select
  • jQuery Widgets & Plugins
  • Canvas vs SVG
  • Using EaselJS
  • Local Storage
  • Geo Location
  • Offline Web Applications
  • History API
  • Messaging API
  • Web Workers API
  • Responsive Web Design
  • CSS Media Queries
  • Meta Tags and OG Protocol
  • Speeding Up Your Website
  • Building Secure Web Sites
  • Overview of jQuery Mobile
  • Overview of Mobile Apps