Course Highlights

Live and interactive sessions with personalized guidance from experienced web development experts.

Learn at your own pace with 72 on-demand videos, 7 sets of flashcards, and 7 interactive eBooks.

Guided hands-on exercises help you gain confidence and get productive from the get-go.

Test your subject matter comprehension with auto-graded assessments and reinforce your learning with recall quizzes.

While you learn, build, and deploy real-world projects that you can speak about in job interviews.

Benefit from the limitless educational possibility that comes with lifetime access. The entire courseware and all the features of our immersive learning experience platform will remain at your fingertips for whenever you wish to refresh concepts and clear your doubts.

Immersive Learning

LEARN BY DOING

Build real-world projects in a preconfigured development editor inbuilt into your learning space and practice with guided hands-on exercises.

GET MICRO “WORK-LIKE” EXPERIENCES

Work-like scenarios bring in purpose, autonomy, and context to get you project-ready and experience how it is to work in tech.

GAIN INSIGHTS. DRIVE OUTCOMES.

Advanced insights help you achieve skill-based outcomes from our state-of-the-art immersive learning experience platform.

Develop the skills to move fast and stay ahead.

Outcome-Driven-Learning

Outcome-driven Learning​

Achieve skill-based outcomes from our state-of-the-art immersive learning experience platform.​

Advanced-Analytics

Advanced Insights​

Get a quantified view of your team’s skills and put the right people on the right jobs.​​

Work-like-Experiences

“Work-like” Experiences​

Contextual learning crafted around real-world problem-solving in tech companies.​​

Blended-Learning

Blended Learning​

Get the best of both worlds with live instructor-led training and the flexibility of e-learning.​

Training-by-Practitioners

Training by Practitioners​

Learn from the real-world experience of globally renowned and accredited industry experts.​

Outcome-Driven-Learning

Outcome-driven Learning​

Achieve skill-based outcomes from our state-of-the-art immersive learning experience platform.​

Advanced-Analytics

Advanced Insights​

Get a quantified view of your team’s skills and put the right people on the right jobs.​​

Work-like-Experiences

“Work-like” Experiences​

Contextual learning crafted around real-world problem-solving in tech companies.​​

Blended-Learning

Blended Learning​

Get the best of both worlds with live instructor-led training and the flexibility of e-learning.​

Training-by-Practitioners

Training by Practitioners​

Learn from the real-world experience of globally renowned and accredited industry experts.​

prerequisites

Prerequisites

  • No specific prerequisites apply as this is an introductory course.
  • All concepts will be taught from the start.

Course Schedules

Learning Objectives:

Discover HTML and its purpose, and understand how CSS works with HTML to produce beautiful web pages. Learn about setting up a development environment including the use of a code editor like Microsoft VS Code and the use of utilities that promote efficiency by providing shortcuts and snippets to quickly produce code blocks and layouts. You then get to create your very first web page.

Topics:

  • What is HTML
  • What is CSS
  • Setting up the environment
  • Hello World!
  • Using VS Code with Live reload
  • Using Emmet and online tools
  • Using Chrome developer tools 

Learning Objectives:

Learn about tags - the building blocks of HTML as you deep dive into different types of tags that help you craft the structure and content of a web page along with its attributes and their syntax before learning to work with images, hyperlinks, lists, and tables in HTML. Thereafter, take your first steps at writing CSS using the style attribute as you to proceed to work with colors. Finally, learn all about HTML5 semantic tags as well as audio and video tags as you build up a strong foundation for the more advanced features to follow.

Topics:

  • HTML elements and Tags
  • Singular and Paired tags
  • Structure of an HTML page
  • Heading and Paragraph Tags
  • Attributes in HTML
  • Images
  • Links - Internal and External
  • Lists
  • Tables
  • The style attribute
  • Colors in HTML
  • HTML5 semantic tags
  • HTML5 audio and video tags

Hands-on:

  • Basic HTML Tags and Attributes
  • Image Tag and Attributes
  • Links- Internal and External
  • Lists - Ordered and unordered
  • Tables in HTML
  • The style attribute
  • Colors in HTML
  • HTML5 Semantic Elements
  • HTML Audio and Video elements

Learning Objectives:

Learn to use forms to capture user data as you work with the form tag and various input elements. Then implement your learning to create a contact form.

Topics:

  • The Form tag
  • Using the label tag
  • HTML Input tag
  • Select and TextArea
  • Buttons
  • Datalist
  • Building a contact form

Hands-on:

  • Simple Form Element
  • Labels and Inputs
  • Basic HTML Tags and Attributes
  • Selects and Options
  • Email, Password Inputs, and buttons
  • Datalists in HTML

Learning Objectives:

Discover Cascading Style Sheets (CSS) and its role in visually styling HTML documents. Learn about the use of CSS selectors to target HTML elements, creating external stylesheets for use across multiple pages, and the lowdown on overriding styles. You’ll work with CSS properties and rulesets including units for position and size, the ever-important box model, and its features and pseudo-classes.

Topics:

  • Using the style tag
  • Targeting HTML elements
  • Targeting nested HTML elements
  • Using external stylesheets
  • Overriding CSS Styles
  • Common CSS Properties
  • CSS units
  • The CSS Box Model
  • More CSS Properties
  • CSS Pseudo-classes

Hands-on:

  • Using the Style element
  • Targeting HTML elements in CSS
  • Targeting nested HTML elements
  • Using external stylesheet
  • Styling using external stylesheets
  • Common CSS properties
  • More CSS Properties for CSS Box
  • CSS Pseudo-classes

Learning Objectives:

Step up with CSS as you learn about positioning elements followed by advanced features such as using pseudo-elements, variables, custom web fonts, and importing and composing stylesheets.

Topics:

  • CSS Positioning- Static, Relative and Absolute
  • CSS Positioning - Fixed and Sticky
  • CSS Pseudo-elements ::before and ::after
  • CSS Variables
  • Custom fonts in CSS
  • Importing external stylesheets

Hands-on:

  • CSS Positioning
  • CSS Positioning 2
  • CSS Pseudo-elements
  • CSS Variables
  • Custom fonts in CSS
  • Using the @import Keyword

Learning Objectives:

Learn all about CSS transitions and animation as you bring movement and life to your web pages. You’ll learn to work the transition property as well as create keyframe animation using CSS.

Topics:

  • What are CSS Transitions
  • Basic Transitions and CSS properties
  • CSS Animations and CSS properties
  • Defining in Keyframes

Hands-on:

  • CSS transitions Properties
  • CSS Animations

Learning Objectives:

Responsive web design allows you to design websites that visually adapt to a multitude of device screen sizes and layouts such as desktop, mobile phones, and tablets. Learn to implement media queries that target various screen sizes and work with CSS Flexbox to create adaptive layouts with ease. You will also learn about CSS Grid layout and its features before building a responsive image gallery.

Topics:

  • Media queries
  • What is CSS Flexbox?
  • Creating rows and columns
  • More flexbox properties
  • What is CSS Grid Layout?
  • Rows and Columns in Grid
  • Allocating cells
  • Grid template areas
  • Building a responsive image gallery

Hands-on:

  • Media Queries
  • CSS Flexbox Properties
  • More CSS Flexbox properties
  • CSS Grid
  • CSS Grid properties
  • Grid areas in CSS Grid 


Learning Objectives:

Implement your learning in an instructor guided project where you’ll build a website featuring all kinds of HTML elements, images, text, adaptive layouts, forms and lots more as you bring cohesion between HTML and CSS.

Project Description:

The HTML & CSS capstone project aims to give you a realistic experience as you build a complete website for WakeCup -A boutique coffee company that specializes in unique coffee blends, brewing equipment, and cafeterias. You’ll work with a defined sitemap, and relevant content such as text and images as you ideate, visualize, create, and deliver a ready-to-deploy website.

Topics:

  • Project overview and setup
  • Building the menu and footer
  • Building the banner
  • Building divs for text and quote
  • Using Flexbox for Projects section
  • About page with gallery
  • Building the Projects page
  • Building the Contact page
corporate-training

Enterprise

Empower your tech teams to drive results

Talk to a Learning Advisor to help you build tech skills where you need it.

SKILL UP YOUR TEAMS

Frequently Asked Questions

The HTML5 & CSS3 workshop at KnowledgeHut is delivered through PRISM, our immersive learning experience platform, via two modes of delivery:  

Blended learning:  

  • Get the best of both worlds with live and interactive instructor-led training sessions along with the convenience and flexibility of self-paced learning.  
  • Listen, learn, ask questions, and get all your doubts clarified from your instructor, who is an experienced practitioner.  
  • You also get to collaborate and learn from the experience of your peers in real-world simulations and activities. 

On-Demand Self-Learning:  

Learn conveniently at your own pace, whenever and wherever you choose. Spend as much time as you need to on areas or topics that you find most difficult, pausing and replaying relevant segments of video as often as you need to. Benefit from the limitless educational possibility that comes with lifetime access. The entire courseware and all the features of our immersive learning experience platform will remain at your fingertips whenever you wish to refresh concepts and clear your doubts. 

The HTML5 & CSS3 course is delivered by leading practitioners who bring current best practices and case studies from their experience to the live and interactive training sessions. The instructors are industry-recognized experts with more than 10 years of experience in web development. 

Not only will they impart knowledge of the fundamentals and advanced concepts, but they will also provide end-to-end mentorship and hands-on guidance on real-world projects.

Our workshops are structured in three parts – pre-workshop, workshop and post-workshop – to provide you with a completely immersive learning experience. This tried and tested workshop structure has worked well with thousands of engineers we’ve helped upskill over the years. 

  • Pre-workshop: Take our diagnostic assessment before the workshop and benchmark your skill levels at the start of the course. This allows you to map and demonstrate your skills learning progression as you reach the end of the course.  
  • Workshop: Join the live and interactive instructor-led sessions right from within PRISM, our immersive learning experience platform with a state-of-the-art intelligent coding environment. Experience immersive learning with cloud labs, guided hands-on exercises, assignments, auto-graded assessments, recall quizzes, real-world projects and much more. 
  • Post-workshop: We don’t just impart skills but also want to make sure that you implement them post the course. To help you with this, we are always in touch with you through newsletters, webinars or next version trainings. Some post-training deliverables lined-up for you are: 

Practice Labs 

  • Instructor-led session recordings 
  • Project assistance with mentor 
  • Access to alumni network 
  • Continued social learning with discussion forums, group messenger and one-to-one messaging. 
  • Additional workshops on advanced level concepts 
  • Regular emails, blogs, articles, emails, newsletters, tutorials and other such rich informational content. 

A unique feature of our HTML5 & CSS3 course is the highly engaging, immersive learning you experience. You get to learn, practice, assess, get insights on your learning, and personalize your learning journey. 

  • LEARN: Engaging self-learning videos, smart flashcards, interactive eBooks and recall quizzes help reinforce your learning. You also get to maximize your learning potential with collaborative social learning via discussion forums and group and one-to-one messaging. 
  • PRACTICE: Access our Playground Labs during and after the course. Guided hands-on exercises will help you gain confidence and get productive from day one. 
  • ASSESS: Assess your skills at every stage with a variety of questions ranging from multiple choice to code-based, completely auto-graded by the system. Assignments and projects within our inbuilt and intelligent development environment give you micro “work-like” experiences. Test your subject matter comprehension through diagnostic, module level and final assessments. 
  • GET INSIGHTS: Based on your performance in the assessments, assignments, and projects, you gain deep insights on your progress, which help you identify areas you are good at and where you need to improve. All you need to do is follow recommendations and enhance your skill proficiency from where you are to where you want to get.  

PRISM is KnowledgeHut’s state-of-the-art learning experience platform. PRISM is designed to provide a highly engaging, immersive learning experience with you at the center of the learning. Key features of the platform include: 

  1. PRISM supports all types of courses, including on-demand self-paced learning, blended learning, and live virtual classes.  
  2. Learners can watch videos, join live sessions directly, and even book 1 - 1 mentoring sessions with expert instructors easily, using a single dashboard. 
  3. Integrated Practice Environment runs directly in the user’s browser, offering a complete set of development tools to allow learners to practice what they’ve learned.  
  4. Feature-rich videos with detailed explanations are augmented by flash cards, interactive e-reading content and quick recall quizzes designed to strategically reinforce learning.  
  5. Diagnostic assessments give learners valuable insights into their understanding and knowledge before they begin the course, allowing them to map and demonstrate their skills learning progression as they reach the end of the course.  
  6. Learners get micro work-like experiences from auto-graded projects that help them learn on the job, much like developers in leading tech companies.  
  7. Integrated Cloud Labs allow students to instantly spin up dedicated cloud server environments like virtual machines with full access to set up and develop software and code. This one-click development environment offers desktop-class development capabilities and 100% flexibility.   
  8. Social Learning tools include a discussion board that features questions posted by other learners on the system and responses by both mentors and learners. Additionally, one-to-one and group messaging is also available.  
  9. Full-Featured adaptive assessments are available to organizations to create and administer assessments and online tests utilizing both pre-built and custom question banks.  
  10. Comprehensive reports give both organizations and learners a deep and thorough insight into skills progression. 
  11. Learners get “work-like” experiences through production-grade experiences while performing micro-credential assignments and building real-world projects.  

Our HTML5 & CSS3 workshops are currently held online and anyone with a stable internet from anywhere across the world can benefit from this to skill up in HTML5 and CSS3

Schedules for our upcoming workshops in HTML5 & CSS3 can be found here - https://www.knowledgehut.com/web-development/html5-css3/schedule 

Yes, Cloud/Practice Labs in a preconfigured development editor inbuilt into your learning space will be available for your guided hands-on exercises, assignments and practice during and post the training.  

The playground labs are low-friction sandbox environments, offering the ability to get started without any installations in your local system. We have tried hard to ensure that practice labs simulate the developer experience. These in-browser solutions feature environments for working with all kinds of platforms including operating systems, coding languages, and more. 

The goal is to provide you with sandbox environments where you can feel free to run any command and experiment without the guidelines of a typical lab. The end goal is to increase the amount of practical, real-world experience you gain to get you completely work-ready on course completion. 

You will be granted 200 to 300 hours of access to the Cloud labs where you can perform all your assignments and projects including the capstone project.  

Post the training, you will retain access to the platform, the learning material and any unutilized hours on the Cloud labs. The entire courseware and all the features of the platform, along with the unutilized hours will be available to you for life.  

Should you need additional hours of practice on the Cloud labs, these will be available for purchase as well. 

We currently use the Zoom platform for video conferencing and will soon be adding more integrations with Webex and Microsoft Teams. However, all the sessions and the recordings will be available right from within our learning platform. Learners will not need to wait for any notifications or links or install any additional software.  

You will receive a registration link from PRISM to your e-mail id. You will have to set your password, log in to our Immersive Learning Experience platform and start your learning journey.  

Yes, there are other participants who actively participates in the class remotely.  They can attend online training from office, home, or any other suitable place. 

In case of any queries, our support team is available to you 24/7 via the Help and Support section on PRISM. You can also reach out to your workshop manager on your workshop group messenger. 

If you miss a class, you can access the class recordings from PRISM at any time. At the beginning of every session, there will also be a 10-12 minute recapitulation of the previous class.  

Unlimited number of attempts are permitted for quizzes. Assignments can be retaken for the specified number of attempts. 

Should you have any more questions, please email us on support@knowledgehut.com and we will be happy to get back to you. 

At KnowledgeHut, we always strive to maintain the highest standards of quality, so that your learning experience with us is beyond reproach. However, if for any reason your expectations are not met, please note our Cancellations and Refund policy as follows: 

  • Cancellation: In case you are unable to attend the course and want a refund prior to the course commencement date, we will be happy to give you back the full amount. 
  • Withdrawal: If you want to discontinue within the first two hours, we will still proceed with the 100% refund, absolutely no questions asked! 
  • Transfer: However, once you have completed 50% of the training, you will not be eligible for any refund. If for any reason you are unable to continue the course after having completed 50% of the training, we would be happy to accommodate you in a different batch of the same course, at no cost. 

Note: All refunds will be credited back to your account within 10-15 business days of the refund request. 

Yes, you can switch your start date with prior notice of at least 24 hrs and subject to availability in the desired batch. 

Yes, we have a 100% money-back guarantee in line with our Cancellations and Refund policy as follows: 

  • Cancellation: In case you are unable to attend the course and want a refund prior to the course commencement date, we will be happy to give you back the full amount. 
  • Withdrawal: If you want to discontinue within the first two hours, we will still proceed with the 100% refund, absolutely no questions asked! 
  • Transfer: However, once you have completed 50% of the training, you will not be eligible for any refund. If for any reason you are unable to continue the course after having completed 50% of the training, we would be happy to accommodate you in a different batch of the same course, at no cost. 

Note: All refunds will be credited back to your account within 10-15 business days of the refund request. 

Yes, we have scholarships available for students and veterans with grants that can vary up to 50% of the course fees. 

To avail scholarships, please get in touch with us at support@knowledgehut.com. The team shall send across the forms and instructions to you. Based upon the responses and answers that we receive, our panel of experts take a decision on the Grant. The entire process could take about 7 to 15 days. 

By registering in groups, you can save up to 30% on the course fees. The discount you can avail will depend on your group size. 

  • 2 to 4 learners: 20% discount 
  • Above 4 learners: 30% discount 

Yes, installment options are available for payment of course fees. To avail the installment option, please get in touch with us at support@knowledgehut.com. The team will explain how the instalments work and provide timelines for your case. 

Usually, the number of installments vary from 2 to 3, but the full amount must be paid before you complete the course. 

What Learners are saying

  • 5/5

May, 2020

I am glad to have attended KnowledgeHut's training program. Really I should thank my friend for referring me here. I was impressed with the trainer who explained advanced concepts thoroughly and with relevant examples. Everything was well organized. I would definitely refer some of their courses to my peers as well.

Rubetta Pai

Front End Developer

verified-learner
Verified Learner
  • 5/5

Jul, 2020

My special thanks to the trainer for his dedication and patience. I learned many things from him. I would also thank the support team for their help. It was well-organised, great work Knowledgehut team!

Mirelle Takata

Network Systems Administrator

verified-learner
Verified Learner
  • 5/5

Jun, 2020

Everything from the course structure to the trainer and training venue was excellent. The curriculum was extensive and gave me a full understanding of the topic. This training has been a very good investment for me.

Jules Furno

Cloud Software and Network Engineer

verified-learner
Verified Learner
  • 5/5

Jan, 2020

I would like to extend my appreciation for the support given throughout the training. My special thanks to the trainer for his dedication, and leading us through a difficult topic. KnowledgeHut is a great place to learn the skills that are coveted in the industry.

Raina Moura

Network Administrator.

verified-learner
Verified Learner
  • 5/5

Mar, 2020

I really enjoyed the training session and am extremely satisfied. All my doubts on the topics were cleared with live examples. KnowledgeHut has got the best trainers in the education industry. Overall the session was a great experience.

Tilly Grigoletto

Solutions Architect.

verified-learner
Verified Learner
  • 5/5

Mar, 2020

Trainer really was helpful and completed the syllabus covering each and every concept with examples on time. Knowledgehut staff was friendly and open to all questions.

Sherm Rimbach

Senior Network Architect

verified-learner
Verified Learner
  • 5/5

Aug, 2020

The course material was designed very well. It was one of the best workshops I have ever attended in my career. Knowledgehut is a great place to learn new skills. The certificate I received after my course helped me get a great job offer. The training session was really worth investing.

Hillie Takata

Senior Systems Software Enginee

verified-learner
Verified Learner
  • 5/5

Jan, 2020

KnowldgeHut's training session included everything that had been promised. The trainer was very knowledgeable and the practical sessions covered every topic. World class training from a world class institue.

Prisca Bock

Cloud Consultant

verified-learner
Verified Learner

Other Training Programs