HTML5 & CSS3
5 Students
Last updated: January 24, 2024
Language: English
Flexible Schedule
Overview
Uplift Your Career & Skill Up to Your Dream Job – Learning Simplified From Home!
Kickstart your career & boost your employability by helping you discover your skills, talents and interests with our special HTML5 & CSS3 Course. You’ll create a pathway to your ideal job as this course is designed to uplift your career in the relevant industry. It provides professional training that employers are looking for in today’s workplaces.
The HTML5 & CSS3 Course is one of the most prestigious training offered at StudyHub and is highly valued by employers for good reason. This HTML5 & CSS3 Course has been designed by industry experts to provide our learners with the best learning experience possible to increase their understanding of their chosen field.
This HTML5 & CSS3 Course, like every one of Study Hub’s courses, is meticulously developed and well researched. Every one of the topics is divided into elementary modules, allowing our students to grasp each lesson quickly.
At StudyHub, we don’t just offer courses; we also provide a valuable teaching process. When you buy a course from StudyHub, you get unlimited Lifetime access with 24/7 dedicated tutor support.
Why buy this HTML5 & CSS3?
- Unlimited access to the course for forever
- Digital Certificate, Transcript, student ID all included in the price
- Absolutely no hidden fees
- Directly receive CPD accredited qualifications after course completion
- Receive one to one assistance on every weekday from professionals
- Immediately receive the PDF certificate after passing
- Receive the original copies of your certificate and transcript on the next working day
- Easily learn the skills and knowledge from the comfort of your home
Certification
After studying the course materials of the HTML5 & CSS3 there will be a written assignment test which you can take either during or at the end of the course. After successfully passing the test you will be able to claim the pdf certificate for £5.99. Original Hard Copy certificates need to be ordered at an additional cost of £9.60.
Who is this course for?
This HTML5 & CSS3 course is ideal for
- Students
- Recent graduates
- Job Seekers
- Anyone interested in this topic
- People already working in the relevant fields and want to polish their knowledge and skill.
Prerequisites
This HTML5 & CSS3 does not require you to have any prior qualifications or experience. You can just enrol and start learning.This HTML5 & CSS3 was made by professionals and it is compatible with all PC’s, Mac’s, tablets and smartphones. You will be able to access the course from anywhere at any time as long as you have a good enough internet connection. You will need Visual Studio Code Version 1.25 to complete the course. You can download the software from here.
Career path
As this course comes with multiple courses included as bonus, you will be able to pursue multiple occupations. This HTML5 & CSS3 is a great way for you to gain multiple skills from the comfort of your home.
Course Curriculum
| Section 01: Course Introduction and Source Materials | |||
| HTML, CSS, Flexbox, and CSS Grid Course Introduction | 00:02:00 | ||
| What are HTML and CSS | 00:06:00 | ||
| The Website We’re Going to Build in the HTML/CSS Course | 00:05:00 | ||
| Section 02: HTML and CSS Basics | |||
| Tools We’ll Use in the Course and Basic HTML Structure Overview | 00:18:00 | ||
| Introduction to Using CSS Styles | 00:13:00 | ||
| Deep Dive: How the CSS Cascading Process Works | 00:10:00 | ||
| Guide to HTML Links | 00:16:00 | ||
| Working with the div Tag in HTML | 00:10:00 | ||
| Guide to HTML Classes and IDs | 00:09:00 | ||
| Section 03: Flexbox, CSS Grid, Animations, and Images | |||
| Introduction to Flexbox | 00:16:00 | ||
| Guide to Padding in CSS | 00:08:00 | ||
| Guide to Margin in CSS | 00:04:00 | ||
| Integrating Icons with Font Awesome | 00:05:00 | ||
| How to Select and Style Child Tag Elements | 00:09:00 | ||
| Introduction to CSS Grid | 00:13:00 | ||
| How to Import and Use Custom Fonts in HTML | 00:10:00 | ||
| How to Import and Style Images in HTML | 00:08:00 | ||
| Refactoring the CSS Code to Use More Specific Selectors | 00:14:00 | ||
| Integrating Flexbox Inside of a CSS Grid Container to Align Items | 00:07:00 | ||
| Introduction to CSS Animations | 00:09:00 | ||
| Styling the Right Column of the Navigation Bar | 00:14:00 | ||
| Finalizing the Navigation Bar and Organizing the Style Files to Conform with Dev | 00:08:00 | ||
| How to Build a Parallax Scrolling Feature | 00:11:00 | ||
| Adding Text Overlays On Top of the Parallax Image | 00:07:00 | ||
| Adding the HTML Structure and Icons for the Feature Section of the Homepage | 00:09:00 | ||
| How to Create Columns with Animated Hover Effects in CSS | 00:14:00 | ||
| Working with nth Child Selectors in CSS | 00:08:00 | ||
| How to Work with Box Shadows in CSS | 00:09:00 | ||
| How to Embed a Google Map into a Website | 00:04:00 | ||
| Building the Footer’s HTML Structure | 00:11:00 | ||
| Controlling the Flex Direction to Layout the Footer Styles | 00:10:00 | ||
| How to Apply Filters and Control an Image’s Opacity with CSS | 00:03:00 | ||
| Finalizing the Footer Styles | 00:16:00 | ||
| Section 04: Transforming Image Styles, Box Layouts, and Content Integration | |||
| Building the HTML Structure for the About Page Header | 00:06:00 | ||
| How to Skew Images in CSS | 00:16:00 | ||
| Using the CSS Float Property to Have Text Flow Around an Image | 00:15:00 | ||
| Building the Square Grid HTML Structure | 00:08:00 | ||
| Creating a Two Column Layout with CSS Grid and Flexbox | 00:13:00 | ||
| Finalizing the About Page Styles and Review of Code Organization Best Practices | 00:10:00 | ||
| Section 05: Lists, Anchor Tags and Pseudo Elements | |||
| Populating the Menu Page with the Two Column Grid | 00:05:00 | ||
| Guide to HTML Bullet Point and Numbered Lists | 00:05:00 | ||
| How to Implement Anchor Tags in HTML | 00:07:00 | ||
| Overview of the Before and After Pseudo Selectors in CSS | 00:07:00 | ||
| Section 06: HTML Forms | |||
| Creating the Initial Structure for the Contact Page | 00:16:00 | ||
| Building the Contact Page Layout with CSS Grid | 00:10:00 | ||
| Introduction to HTML Form Elements | 00:09:00 | ||
| How to Style Text Inputs with CSS | 00:11:00 | ||
| Styling the Form Text area and Button | 00:07:00 | ||
| Building the Label and Form Element Drop Shadow Styles | 00:09:00 | ||
| Integrating Custom Form Placeholder Text Styles | 00:03:00 | ||
| How to Animate Form Labels | 00:06:00 | ||
| Finalizing Contact Page Styles | 00:09:00 | ||
| Section 07: CSS Media Queries | |||
| Introduction to CSS Media Queries | 00:14:00 | ||
| Finalizing the Homepage Responsive Styles | 00:07:00 | ||
| Implementing Responsive Styles to the Square Grid, Image Skew, and Form Elements | 00:16:00 | ||
| Assignment | |||
| Assignment – HTML5 & CSS3 | 00:00:00 | ||
Exclusive Deal! 0% Off, Today Only!
This course includes:
-
Skill Level
-
Duration
8 hours, 45 minutes -
Students
5 Students