Mastering Web Development using HTML5, CSS3 and jQuery (TT4600)

Mastering Web Development using HTML5, CSS3 & jQuery is an in-depth web design and development course geared for software developers who need to understand what the latest in web technologies, performance, optimization, and responsive design practices that are central to targeting the entire spectrum of user platforms and browsers. This comprehensive course provides a balanced mixture of theory and practical labs designed to take students through HTML5, CSS3 and related technologies. Students who attend this course will leave this course armed with the new skills to design, implement, and deploy robust, flexible, and safe web applications.

Retail Price: $2,495.00

Next Date: Request Date

Course Days: 4


Request a Date

Request Custom Course


About This Course

Mastering Web Development using HTML5, CSS3 & jQuery is an in-depth web design and development course geared for software developers who need to understand what the latest in web technologies, performance, optimization, and responsive design practices that are central to targeting the entire spectrum of user platforms and browsers. This comprehensive course provides a balanced mixture of theory and practical labs designed to take students through HTML5, CSS3 and related technologies.  Students who attend this course will leave this course armed with the new skills to design, implement, and deploy robust, flexible, and safe web applications.  

Audience Profile

This is an intermediate and beyond level web development course, designed for experienced developers who need to extend their knowledge of web design and development or need to reinforce sound HTML and CSS coding practices, immediately. 

This is a hands-on programming class. Attendees should have previous experience or working knowledge of developing software applications, as well as basic HTML and CSS. Real world programming experience is a must.

At Course Completion

Working within in a dynamic, hands-on learning environment, guided by our expert team, attendees will learn:

HTML5:

  • How to effectively meet requirements using the full range of HTML5 semantic and structural elements
  • To work with technologies such as web storage, application caching, and cross-domain messaging to improve performance and the user experience

CSS:

  • What features CSS3 supports and how they can be effectively used with HTML5 and other technologies
  • How to adapt to varying degrees of browser support for HTML5 and CSS3

jQuery:

  • The problems and needs that jQuery addresses
  • How to use the full spectrum of jQuery selection and filtering capabilities
  • Best practices for using jQuery so that it works unobtrusively and maintains compatibility across browsers

JSON:

  • How to support data interoperability between JavaScript and the server-side using JSON
  • To work with sets of objects represented with the JSON syntax
  • How jQuery methods can be used to process JSON, script, XML, HTML, and other content

Debugging and Performance:

  • What is needed to effectively debug these web technologies
  • How to use both browser-based and proxy-based debuggers and tools
  • The various options for managing content delivery
  • Techniques and best practices for maximizing the use of available bandwidth and browser resources

Responsive Web Design:

  • To work with Responsive Web Design to effectively adapt to varying screen sizes and delivery channels
  • Various layout, navigational, and selection techniques can be used to address common challenges for delivering content and supporting web flow in a responsive manner
  • Optionally explore the issues, requirements, components and best practices for web accessibility and assistive technologies
  • Optionally survey the challenges and options available for mobile web development

Course Outline

Session: HTML5

Lesson: HTML5

  • HTML5: Status and Support
  • Semantic Structure and Tags
  • Forms, Input Types, and Data Qualification
  • Handling Complex Media Options
  • Working with Legacy Browsers

Lesson: HTML5 JavaScript API

  • Cross-Domain Messaging
  • Working with Web Storage
  • Offline with Application Cache
  • Geolocation: What, Why, and How 

Session: CSS3

Lesson: CSS3 Overview

  • CSS3: Status and Support
  • CSS3 Features
  • Reasons to Use CSS3

Lesson: CSS3 Advanced Selectors

  • Selecting Using Attributes
  • Selecting Using DOM Structure
  • Complex Selecting using Pseudo-Classes
  • Selecting Using UI Components and State

Lesson: CSS3 Visual Effects

  • Font Options, Opacity, and Color
  • Distributing Content Across Columns
  • Working with Borders and Boxes
  • Working with Vendor Prefixes
  • Functional Techniques

Session: jQuery

Lesson: Why jQuery?

  • JavaScript Evolution
  • Why jQuery?
  • jQuery Usage
  • Downloading jQuery

Lesson: Basic jQuery

  • jQuery: Operational Overview 
  • jQuery Capability Overview      
  • Selector Options         
  • Combining Selections 
  • Selecting by Order                      

Lesson: Manipulating the DOM

  • Working with Attributes and Properties
  • Working with Elements and Content
  • Wrapping and Unwrapping       
  • Increasing Cross-Browser Compatibility with Event Methods

Lesson: More on Element Selection               

  • Selecting Based on Structure
  • Filtering Selection Results         
  • Traversing Structure for Selection
  • Processing Results of a Selection

Session: JavaScript Object Notation (JSON)

Lesson: JSON Objects

  • Exchanging Data using JSON
  • Representing Objects
  • Working with Arrays

Lesson: JSON Syntax and Processing

  • Client-Side and Server-Side Usage
  • Sending Data: Stringify to JSON
  • Consuming Data: Parse JSON
  • JSON vs XML

Lesson: jQuery, JSON, and AJAX

  • Types of Content to be Processed
  • Processing  JSON with jQuery
  • Processing Scripts with jQuery
  • Processing HTML/XML with jQuery

Session: Web Application Performance

Lesson: Debugging Tools

  • Debugging Needs and Models
  • Proxy-Based Debugger and Developer Tools
  • Browser-Based Debugger and Developer Tools

Lesson: Improving Response Time

  • Multi-Stage Downloading
  • Predictive Fetching
  • On-Demand Downloading
  • JavaScript and CSS Minification

Lesson: Improving Execution Time

  • Code Optimization
  • Reducing Bandwidth and Execution Requirements
  • Minimizing Reflow Times
  • Detecting Performance Issues

Lesson: Improving Memory Utilization

  • JavaScript Memory Management
  • Efficient DOM Manipulations
  • Breaking Cyclic References

Session: Web Design

Lesson: Responsive Web Design (RWD)

  • Adapting to Varying Screen Sizes
  • Scaling Page and Text Content
  • Scaling and Adapting for Media
  • Options for Adjusting Media

Lesson: User Interface Principles

  • Design Principles
  • Improving Interactions with Users
  • Matching Web Flow to User Expectations

Lesson: Layout Techniques

  • Page Layout Considerations
  • Stacking Content
  • Handling Excessive Content
  • Providing Consistency Across Web Presence

Lesson: Navigation Techniques

  • Handling Excessive Content
  • Providing Context and State Feedback
  • Navigation Placement and Techniques

Lesson: Selection Techniques

  • Improving Text Input
  • Improving Enumerated Input
  • Accessibility Considerations

Session: Advanced Web Topics (Optional)

Lesson: Web Accessibility                  

  • Accessibility and Assistive Components
  • Web Accessibility Principles and Guidelines
  • Best Practices for Supporting Assistive Technologies

Lesson: Challenges for Mobile Development 

  • Native Applications
  • Mobile Web Applications
  • Implementation Options
  • Handling Data
  • Security Considerations


Sorry! It looks like we haven’t updated our dates for the class you selected yet. There’s a quick way to find out. Contact us at 502.265.3057 or email info@training4it.com


Request a Date