Designing Rich Internet Applications Using HTML5, CSS3 and jQuery- Beginner Level
Course Code: hsts-c23
What is included in this course
Course Description
This hands-on course is intended for experienced Web designers and developers who wish to exploit HTML5 and jQuery to create feature-rich, dynamic Web sites. The course provides a thorough introduction into the use of HTML5, CSS3 and jQuery to create Web sites that target the capabilities of modern browsers. HTML5 includes new structural and form elements, implementation of audio and video elements, and intrinsic APIs that offer features such as determining user location, Web storage, and dynamic creation of graphics using Canvas. CSS3 introduces new selectors and properties, creation of drop shadows, text shadows, rounded corners and gradient backgrounds without the use of an image editor, as well as simple animated effects without the use of JavaScript or Flash.
jQuery simplifies client-side scripting via a series of open-source libraries that provide frameworks for enhanced functionality. The course covers the jQuery library, DOM manipulation, Ajax requests, and an overview of the UI library. Comprehensive hands on exercises are integrated throughout to reinforce learning and develop real competency.
This course includes an introduction into the new features provided by HTML5 and CSS3. Those already familiar with HTML5 and CSS3 should register for the jQuery Programming course. Students who are not familiar with HTML, CSS and JavaScript should instead register for the courses Website Development with HTML5, CSS and Bootstra and JavaScript Programming followed by the jQuery Programming course.
You will learn:
- Using the new HTML5 semantic elements to define the structure of a page
- Adding video and audio to a Web page
- Using the new form input types and form attributes
- Using client-side form validation features within HTML5
- Adding dynamic graphics to a Web page using Canvas
- Using the new attribute selectors and pseudo-classes in CSS3
- Creating effects with CSS3 such as drop shadows, text shadows and using custom fonts
- Referencing jQuery in a Page
- Selecting page elements using jQuery selectors
- Selecting DOM elements using standard DOM methods
- Creating and using jQuery plugins
- Registering events in jQuery
- Setting CSS properties of page elements
- Making Ajax requests using the $.ajax function
- Changing the display style of an element using various effect methods
Course Prerequisites
Knowledge of HTML, CSS and JavaScript equivalent to attending the HTML5 & HTML Intro with CSS or Responsive Site Design with Bootstrap and jQuery Programming for Beginners or JavaScript and jQuery Introduction Programming classes. Knowledge of jQuery is helpful, but not required.
Follow-up Courses
Advance JavaScript, jQuery Using JSON and Ajax
Node.JS Coding with Hands-on Training
Cross-platform Native App Development Using HTML5, CSS3 and JavaScript
PHP Programming Language
Build Dynamic Applications Using PHP & MySQL
Introduction to Web Application Development Using JEE, Frameworks, Web Services and AJAX
SQL Programming and Database Management
Developing Web Applications Using AngularJS
Learn the Fundamentals of Linux and Shell Programming
Introduction to Python Programming
Self-paced training
This course is available in a self-paced video format starting at $60. Click here to learn more and register. For complete self-paced web design training, visit our Web design and development bundle page.
Corporate and Enterprise Training
Our live courses are also offered via our enterprise training program which comes with:
- In-person training at your location
- Access to recorded sessions of live classes
- Flexible training schedules that match your employees’ availability
- Course curriculum customization based on your training requirements and business goals
- Special rates for small or large groups
Feel free to contact us by email or phone to discuss your training needs and get a quote.
Overall Info About our Live Classes
Highlights
-
30 hours of hands-on training led by experienced instructors
-
Digital courseware and online course tracking
-
Final course project delivery
-
Certificate of Completion for each course
-
Session-based assignment
Enrollment Fee
In-person in DC or live online for $1900 per course
Course Session Dates
Our courses are offered all year around. Upon registration we enroll you to the earliest available class but you can reschedule it free of charge.
Locations
- Virtual live instructor classes via Zoom
- In-person classes in Washington DC and Virginia:
Below are our DC classroom locations:
- Dupont Circle
- 1666 Connecticut Ave NW Washington D.C. 20009
- Logan Circle
- 1624 14th St NW Washington D.C. 20009
- Chinatown
- 601 I St NW Washington D.C. 20001
- Columbia Heights
- 3343 14th St NW Washington D.C. 20010
Below are our Virginia classroom locations:
- Falls Church
- Comining soon...
-
Private custom training on site or at your location
-
Project based training cn site or at your location
Time
-
Online Monday-Friday: 11 am-5:30 pm EST
-
DC Monday-Friday: 9 am-3:30 pm EST
-
DC/Online Saturdays: 11 am-5:30 pm EST
-
DC/Online Sundays: 1 pm-7:30 pm EST
-
Private custom & project based training: your preference
Software Versions
Our classes are taught on the most current version of software whenever possible. To request a specific version, please Contact Us or call us at 240-200-6131
Course Outline
Topics Covered in this Course
1- HTML5 Fundamentals
- Overview of HTML5
- Comparing HTML5 to XHTML
- Changes to Existing Tags
- Deprecated Elements and Attributes
- Browser Support
- Modernizr JavaScript Library
- HTML5 Shiv and Polyfills
2- HTML5 Structural Elements
- New Block-Level Semantic Elements
- <header>
- <footer>
- <section>
- <article>
- <nav>
- <aside>
- <figure> and <figcaption>
- New Text-Level Semantic Elements
- <time>
- <meter>
- <details>
- <summary>
- <mark>
- Creating a Document Outline
3- Audio and Video
- Browser Support for Audio/Video Formats
- <audio> and <video>Elements
- <source> Element
- Media Element API and Events
- Creating Your Own Control Panel
- Effecting the Volume and Playback Rate
4- HTML5 Web Forms
- New Form Attributes
- New Input Attributes
- New Form Elements
- New Input Elements
- Form Validation
- pattern and required Attributes
5- HTML5 JavaScript APIs
- Web Storage API
- Local Storage
- Session Storage
- Geolocation API
6- HTML5 Canvas API
- <canvas> Element
- Comparing Canvas and SVG
- Using the Canvas API
- Drawing Basic and Complex Shapes
- Setting Colors and Styles
- Adding Text to the Canvas
- Adding Images to the Canvas
- Allowing the User to Draw on the Canvas
- Saving the Canvas
7- Introduction to CSS3
- What's New in CSS3?
- Benefits of Using CSS3
- Browser Support
- Vendor Prefixes
8- CSS3 Selectors and Pseudo-Classes
- New Attribute Selectors
- "Starts With" Selector
- "Ends With" Selector
- "Contains" Selector
- Selecting the nth Element
- Selecting the nth of a Type
9- CSS3 Properties
- Using @font-face to Add Custom Fonts
- Changing the Opacity of Text and Images
- Creating Rounded Corners, Adding Shadows to Boxes, and Using Images as Borders
- Creating Multiple Columns for Laying Out Text
- Working with RGBA and HSL Color Models
- Creating Simple Animations Using transitions, transform, and animation
10- jQuery Fundamentals
- Overview of jQuery
- Downloading and Using jQuery library
- Benefits of Using jQuery
- Uses of the jQuery function
View Other Classes!