Open Source/Koenig Course for HTML5 and CSS3

Koenig Course for HTML5 and CSS3 Certification Training Course Overview

With this progressive HTML5 and CSS3 combo course, Koenig brings forth yet another blended training module comprising of two of the most popular and rapidly emerging technologies. HTML5 and CSS3 is the next big thing in the world of web development. HTML5 has risen to the status of a core markup language in the world wide web due to a number of new attributes and elements that are apt for use in modern websites.

Course Objectives:

  • Learn the structure and markup of HTML.
  • Explore new HTML5 form features.
  • Learn to employ best practices.
  • Work with CSS3 and build HTML5 applications.
  • Learn the components and create styles using CSS3.
  • Understand how to design page layouts and employ positioning with CSS3.
  • Use best practices in CSS3 when using display commands such as web fonts, transforms and selectors.
Test your current knowledge on Qubits42

Koenig Course for HTML5 and CSS3 (32 Hours) Download Course Contents

Live Online Training
Group Training 1450 Per Participant
31 Jan - 03 Feb 09:00 AM - 05:00 PM CST
(8 Hours/Day)
07 - 10 Feb 09:00 AM - 05:00 PM CST
(8 Hours/Day)
07 - 10 Mar 09:00 AM - 05:00 PM CST
(8 Hours/Day)
1-on-1 Training 2900 1650+
4 Hours
8 Hours
Week Days
Weekend

Start Time : At any time

12 AM
12 PM

1-On-1 Training is Guaranteed to Run (GTR)
Classroom Training (Available: London, Dubai, India, Sydney, Vancouver)
Duration : On Request
Fee : On Request
On Request

Course Modules

Module 1: Overview of HTML5
  • The Story Behind
  • The HTML5 Advantages
  • HTML vs. HTML5
  • What’s new in HTML5
  • Semantic Markup
  • New HTML5 Semantic Tags
Module 2: Semantic Markup and Selector APIs
  • Semantic Markup
  • Selector APIs
Module 3: The Canvas API
  • Introduction
  • Understanding
  • Browser Support & Alternate Content
  • Working with Canvas
Module 4: Scalable Vector Graphics in HTML5
  • Overview
  • Working with SVG in HTML5
Module 5: Multimedia in HTML5
  • Introduction to Multimedia
  • Codecs and Containers
  • Browser support for Audio/ Video
  • Working with Audio/ Video Elements
Module 6: Working with Forms API
  • Overview of Forms
  • Functional Forms
  • The Input Catalog
  • Common Input Types
  • HTML5 Input Types
  • HTML5 Form Attributes and Functions
  • Validating Form Elements in HTML5
Module 7: Introduction to CSS3
  • Brief Description
  • Writing CSS
  • Browser-specific Prefixes
  • Adding Comments to a CSS
Module 8: Basic Selectors
  • Understanding Selectors
  • The Document Object Model (DOM)
  • Using DOCTYPE
  • Types of Selectors
  • Grouping Selectors
  • Styling Links
  • Playing with Cursor
Module 9: Working with Sizes, Colors and Files
  • Sizes and Measuring Units
  • Exploring Colors
  • Background Images
Module 10: Styling Text
  • Working with Fonts
  • Dealing with Line Spacing
  • Changing the Text Color
  • Text Formatting
  • Adding Text Shadows
Module 11: Web Fonts
  • Desktop Fonts vs. Web Fonts
  • Adding Web Fonts to Sites
  • Font Formats and the Supporting Browsers
  • Embedding Web Fonts
Module 12: Background, Borders and Shadows
  • CSS Background
  • Adding Multiple Images to the Background
  • Defining Borders
  • Additional Border Properties
  • Using Border Images
  • Adding Drop Shadows
  • Outline Styling
Module 13: Gradients without Images
  • Understanding Gradients
  • Creating Linear Gradients
  • Creating Radial Gradients
  • Repeating Gradients
  • Using Multiple Gradients
Module 14: Advanced Selectors
  • Why Advanced Selectors
  • First, Last and Only Child Instances
  • Styling Selectors Based on Positions
  • Styling Selectors Based on Relationships
  • Styling Selectors Based on States
  • Negative Selectors
  • Other Pseudo Classes
Module 15: Lists and Navigation Menus
  • Working with Lists
  • Navigation Menus
Module 16: Exploring Generated Content
  • What is Generated Content
  • Inserting the Generated Content
  • Working with Counters
  • Using before and after as Pseudo Classes
Module 17: Transforms and Transitions
  • Transforms in CSS3
  • CSS3 Transitions
  • Adding Transformation to the Transition
Module 18: Animating Elements with Keyframes
  • Animation vs. Transitions
  • Creating Animations Using Keyframes
  • Setting the Animation Direction
  • Setting the Speed Curve of Animation
Module 19: Styling Tables
  • Table Structure
  • Grouping Table Rows
  • Table Layout Interpretation by Browsers
  • Styling Tables in CSS
Module 20: Elements Positioning
  • Understanding the Elements Positioning
  • Positioning Types
  • Positioning Elements
  • Creating Tooltips
  • Drop Down Menus
  • Masking an Absolutely Positioned Element
Module 21: Working with Layouts
  • Introduction to CSS Box Model
  • Setting Element Dimensions
  • Paddings and Margins
  • Changing Layout with display
  • Controlling Visibility
  • Floating Elements
  • Using Multiple Classes
Module 22: Multi-Column Layouts with CSS3
  • The Multi-Column Layout
  • Multi-Column Properties
  • Dealing with Column Breaks
Module 23: Dealing with Cross Browser Layouts
  • Creating Columnar Layouts using float
  • Introducing Flexbox
Module 24: Media Queries
  • Understanding Media Queries
  • Specifying Media Queries
  • Setting Viewport
  • Handling Images with Media Queries
Module 25: Print CSS3
  • Introduction
  • Media Types
  • The media Rules
  • Defining Page Margins
  • Specifying Page Breaks
Download Course Contents

Request More Information

Course Prerequisites
  • Basic Computer Knowledge.

Upon Completion of this Course, you will accomplish following:-

  • Learn the structure and markup of HTML.
  • Explore new HTML5 form features.
  • Learn to employ best practices.
  • Work with CSS3 and build HTML5 applications.
  • Learn the components and create styles using CSS3.
  • Understand how to design page layouts and employ positioning with CSS3.
  • Use best practices in CSS3 when using display commands such as web fonts, transforms and selectors.

Give an edge to your career with Web Development certification training courses. Students can join the classes for Koenig Course for HTML5 and CSS3 at Koenig Campus located at New Delhi, Bengaluru, Shimla, Goa, Dehradun, Dubai & Instructor-Led Online.

FAQ's