Advanced web development by HTML5 and CSS3
-
Free
-
-
About Course
In this course you learn how to build complex UI with HTML5 and CSS3. Expand upon your HTML5 knowledge with this advanced self-paced course. This hands-on self-paced class allows you to master the best and latest HTML5 and CSS3 techniques and features for building eye-catching and interactive websites.
Learning Objectives
In this self-paced course, you will learn:
- Introducing HTML5
- What Is New in HTML5
- Creating HTML5 Documents
- Structuring HTML5 Documents
- Building Forms in HTML5
- HTML5 API Support
- Associated Technologies
Topics and Subtopics
The following outline is 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
- Supplying Fallbacks
- <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
- autocomplete
- novalidate
- New Input Attributes
- autofocus
- form
- New Form Elements
- <datalist>
- <progress>
- New Input Elements
- url
- tel
- search
- 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- Project- Build Advance HTML5 Website Step-By-Step
Requirements
If you are not familiar with HTML and CSS, taking Intro to HTML and CSS and Intermediate to HTML and CSS classes is required.
Related Courses
- Web Design with WordPress
- Intro to Joomla CMS
- Introduction to Drupal CMS
- Web Design with Bootstrap
- User Experience Best Practices
- Intro to Search Engine Optimization
Complete Training Bundle
If you are serious about learning web design and development, you should enroll in Coding Bootcamps school Web Design and Development Training Bundle. This bundle covers all essential and practical topics related to web development. For $290 monthly subscription, you can have access to 300+ hours of hands-on project-based training covering all courses related to web development like JavaScript, PHP, JavaScript frameworks like React or Angular and many more. Click here to learn more.
Private Tutoring Classes
To take skills you learn from this course to the next level, taking the following tutoring classes are highly recommended. It is also a great opportunity to discuss your questions and problems related to this course with an experienced instructor:
- Web design and development tutoring sessions- Weekly and monthly plans
- HTML, HTML5, CSS and CSS3- Private tutoring sessions
What Is Next?
After finishing this course, you can enroll in any of following classes:
- Learn HTML5 and CSS3 programming by hands-on examples- Intermediate level
- Intro to JavaScript
- Web Development with PHP & MySQL
- Learn PHP Programming
- Introduction to Database Design
- Learn SQL Programming by Examples
- Introduction to Linux OS
Recommended Free Courses
If you are new to the IT or programming, we suggest the following free courses: