Enhance your HTML and CSS skills
HTML and CSS are the two core technologies for building Web pages. They function together to form the backbone of front-end web development. While HTML defines the structure of a page, CSS defines its style. Building a strong foundation of HTML and CSS processes will be your starting point for creating amazing websites!
KnowledgeHut's HTML5 & CSS3 Training provides an immersive learning experience that allows you to "learn by doing" through Cloud Labs, guided hands-on exercises, and more. This program is delivered both in a Blended Learning and Self-Paced mode and will help you stand out in tech-driven fields like designing, marketing, product development, and the like.
Web Development has become one of the 10 hottest tech skills (TechRepublic) in the market and the demand for web developers is projected to grow 13 percent from 2019 to 2029. It is an excellent time to learn how to create visually appealing and interactive websites and take your web development skills to the next level.
Who Should Attend
- Web designers
- Front-end developers
- Web application developers
- Novices who meet prerequisites
- Anyone looking to create an online presence
Knowledgehut Experience
Immersive Learning
On-demand videos, Guided hands-on exercises, Auto-graded assessments and recall quizzes, Assignments and projects.
Learn by Doing
Learn to code. By actually coding, Get project-ready with work-like experiences, Learn on the job, like devs in tech companies.
Cloud Labs
Access fully provisioned dev environment, Virtual machine spinned up in minutes, Write code right in your browser.
Outcome-Focused
Get advanced learner insights, Measure and track skills progress, Identify areas to improve in.
Blended Learning
On-demand, self-paced learning anytime, Code review sessions by experts, Access to discussion forums, and community groups.
Curriculum
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
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
WHAT YOU WILL LEARN
1. HTML5 Introduction
Get introduced to the concepts of HTML5 and learn some of the depreciated elements of HTML5
2. Features of HTML5
Learn more about HTML5 features across different browsers and how to detect the feature existence
3. HTML5 Markup
Learn to implement structural and semantic elements like main, section, header, footer, & so on
4. HTML5 Forms
Learn how to create HTML 5 Forms and explore more new attributes and elements of the Forms
5. HTML5 Audio and Video
Learn to create a web page displaying multiple videos and audio clips with video and audio elements
6. HTML5 Canvas and SVG
Know the process of implementing the graphics & drawings features like Canvas API and SVG in HTML
7. CSS3 features
Learn new CSS3 traits like new color system, gradients, multiple backgrounds, rounded corners, etc
8. CSS3 FlexBox & Grid
Learn the modern CSS3 layout systems, flexbox, and grid to handle single-dimensional layouts
Prerequisites
This is an introductory course, so there is no prerequisite required. All concepts will be taught right from the beginning.
Utilise Your SkillsFuture Credit and Claim UTAP Support
Talk to a Course CounsellorGet Additional Course Fee Support Up to $500 under UTAP
The Union Training Assistance Programme (UTAP) is a training benefit provided to NTUC Union Members with the objective of encouraging them to upgrade with skills training. It is provided to minimize the training cost. If you are a NTUC Union Member, then you can get 50% funding (capped at $500 per year) under Union Training Assistance Programme (UTAP).
For more information visit NTUC U Portal – Union Training Assistance Program (UTAP)
|
HTML5 & CSS3 |
||
| Individuals | ||
- Course Fee (Before GST)
- GST (Full Course Fee, 9%)
- Course Fee + GST
Unfunded Course Fee with GST
-
Singapore Citizens & Permanent Residents
(39 years and below)
- $650.00
- $58.50
- $708.50
-
Singapore Citizens & Permanent Residents
(40 years and above)
- $650.00
- $58.50
- $708.50
* Note:
- UTAP funding for NTUC Union Members is capped at $250 for 39 years and below and at $500 for 40 years and above.
- UTAP support amount to be paid to training provider first and claimed after end of class by learner.
- Singaporeans aged 25 and above can use their SkillsFuture Credit (SFC) to pay. For more details, visit www.skillsfuture.gov.sg/credit.
HTML5 & CSS3
Individuals
-
Singapore Citizens & Permanent Residents
(39 years and below)
-
Course Fee (Before GST)
$650.00 -
GST (Full Course Fee, 9%)
$58.50 -
Course Fee + GST
$708.50 -
Unfunded Course Fee with GST
$708.50
-
Singapore Citizens & Permanent Residents
(40 years and above)
-
Course Fee (Before GST)
$650.00 -
GST (Full Course Fee, 9%)
$58.50 -
Course Fee + GST
$708.50 -
Unfunded Course Fee with GST
$708.50
* Note:
- UTAP funding for NTUC Union Members is capped at $250 for 39 years and below and at $500 for 40 years and above.
- UTAP support amount to be paid to training provider first and claimed after end of class by learner.
- Singaporeans aged 25 and above can use their SkillsFuture Credit (SFC) to pay. For more details, visit www.skillsfuture.gov.sg/credit.
Steps to Apply to Claim SFC and Avail UTAP
NTUC Union Members can enjoy 50% unfunded course fee support up to $500 under UTAP.
Not sure how to get started with applying for UTAP support and claiming SFC? Just follow these simple steps:
Step 1: Get enrolled
- Enroll into our HTML5 & CSS3 Training.
Step 2: Apply for the SFC claim
- Check out KnowledgeHut’s upcoming schedules and select a workshop on a date convenient to you. An invoice will be issued to you with the fee breakdown.
- Follow this step-by-step process in the MySkillsFuture portal:
a. Login to the MySkillsFuture portal, select the course you’re enrolling into and enter course date and schedule
b. Enter the course fee payable by you (including GST) and enter the amount of credit to claim
c. Upload your invoice and click ‘Submit’
For more details on SkillsFuture Credit and the various approved skills-related courses, visit www.skillsfuture.gov.sg/credit.
Step 3: Apply for the UTAP Support
- Log in to your U Portal account to submit your UTAP application upon completion of the course.
Step 4: Enjoy your course
- Utilize your SFC credits, UTAP support, and skill up!
Need help with checking your funding eligibility?
Faq
The Course
For any business or organization, the website is the main portal through which one can ensure an expanding customer base. Having an attractive and state-of-the-art website will help you improve visitor experience and ensure business continuity. HTML5 and CSS3 are the foundations of modern websites and help create sustainable and robust front ends.HTML5 is still the framework of choice for Fortune 500 companies and CSS has been consistently rated as being among the top 10 open source front end kits.
If you want to make a career in web design and development then this online course from KnowledgeHut is your perfect bet. With plenty of hands on exercises, passionate coaching by instructors and crisp courseware, you will be a pro in these technologies by the end of this workshop.
You will:
- Learn modern UI web development skills
- Be proficient with HTML5 and CSS3 features
By the end of the course, you will have:
- Completed several hands-on examples, 2 course projects which gives you basic to immediate skills of HTML5 & CSS3
- Prepared yourself with the foundational knowledge you need to begin a career of continuous learning.
There are no restrictions but participants would benefit if they have basic JavaScript knowledge.
Yes, KnowledgeHut offers this training online.
On successful completion of the course you will receive a course completion certificate issued by KnowledgeHut.
Your instructors are Web development experts who have years of industry experience.
The Remote Experience
In an online classroom, students can log in at the scheduled time to a live learning environment which is led by an instructor. You can interact, communicate, view and discuss presentations, and engage with learning resources while working in groups, all in an online setting. Our instructors use an extensive set of collaboration tools and techniques which improves your online training experience.
Once you register for the course you will be provided with system requirements and lab setup document which contains detailed information to prepare the environment for the course
SkillsFuture Credit
SkillsFuture Credit is an initiative by Singapore Government to encourage Singaporeans to upgrade their skills. Singaporeans can use this credit to pay for different training courses including our Certified Scrum Master course.
All Singaporeans aged 25 and above can apply for the SkillsFuture Credit. For more information on eligibility click here.
No, The SkillsFuture Credit is only provided to individuals to skill up.
SkillsFuture is not a cash account and you will not earn any interest from it.
You can only use the credit to offset course fees for training programs which are approved by SkillsFuture like our Certified Scrum Master training course.
As SkillsFuture is not a cash account, you cannot withdraw cash from this account and pay course fees directly to your Training Partner.
Your course fee will be directly paid to your course provider through MySkillsFuture.
You can reach out to our course counselor for assistance or follow the following steps:
- Login to MySkillsFuture
- Select course and enter course data and schedule
- Enter course fee payable including GST and enter the claim amount
- Upload invoice and click Submit.
UTAP Funding
Union Training Assistance Program (UTAP) is a training benefit provided to NTUC members to minimize training costs. As a result, they are encouraged to enhance their skills and achieve a rewarding career.
UTAP support is provided to NTUC Union Members.
NTUC members can get up to 50% unfunded course fee support under UTAP support. The UTAP amount is capped at $250 for participants under 39 years and at $500 for participants above 40 years.
You can reach out to our course counsellors or Log in to your U Portal account to submit your UTAP application upon completion of the course.
The UTAP support amount is paid to the training provider first and can be claimed by the learner only upon course completion.
reviews on our popular courses
The Agile Master's Program by KnowledgeHut exceeded my expectations. The career advancement opportunities are immense, and the increased earning potential is a major plus. The program improved my job performance and gave me greater job security. Worth every penny!
David Thompson
Managers-Software Development
Thorough and well-structured Azure data engineering training. It's perfect for beginners as well as for experienced professionals seeking to enhance their cloud data skills. Thank You KnowledgeHut.Â
Luca Rossi
Key Account Manager
KnowledgrHut’s Front-End Developer Bootcamp helped me acquire all the skills I require. The learn-by-doing method helped me gain work-like experience and helped me work on various projects.Â
Emma Smith
Front-End Engineer
All my questions were answered clearly with examples. I really enjoyed the training session and am extremely satisfied with the overall experience. Looking forward to similar interesting sessions. KnowledgeHut's interactive training sessions are world class and I highly recommend them .
Christean Haynes
Senior Web Developer
The KnowledgeHut course covered all concepts from basic to advanced. My trainer was very knowledgeable and I really liked the way he mapped all concepts to real world situations. The tasks done during the workshops helped me a great deal to add value to my career. I also liked the way the customer support was handled, they helped me throughout the process.
Nathaniel Sherman
Hardware Engineer.
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
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
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.