HTML5 & CSS3

Categories: Development

About Course

You are about to begin your journey into the amazing world of Web Development. Follow every single module and lesson in this course and do not hesitate to reach out to us anytime you get stuck so that together we can help you reach your goal. I advise that you spend at least 1 hour everyday working on this project and you would be amazed at the result you would get. Once again, congratulations.

Course Content

Topic 1: HTML & CSS Basics
Learn the basics of web development and structure. Once you complete any course, just click on the button below the course to mark the Course as being completed.

Lesson 1: What is Web Development
Lesson 2: How websites works
Lesson3: Frontend vs Backend Development
Lesson 4: Introduction to HTML and CSS
Lesson 5: Setting Up Your Development Environment
Lesson 6: Creating Your First Web Page
Try this Quiz, Let’s see how far you’ve learnt

Topic 2: HTML Fundamentals
Let's dive deeper into the fundamentals of html

Lesson 1: Understanding HTML
Lesson 2: HTML Document Structure
Lesson 3: HTML Elements and Tags
Lesson 4: HTML Attributes
Lesson 5: Headings and Paragraphs
Lesson 6: Text Formatting
Leeson 7: Comments
Lesson 8: Links and Navigation
Lesson 9: Working with Images
Lesson 10: Lists
Lesson 11: Tables

Topic 3: HTML Forms
Forms helps you get data from your users

Lesson1: Introduction to Forms
Lesson 2: Form Elements
Lesson 3: Text Fields
Lesson 4: Password and Email Fields
Lesson 5: Radio Buttons and Checkboxes
Lesson 6: Select Menus
Lesson 7: Textareas
Lesson 8: Buttons
Lesson 9: Form Validation
Lesson 10: Building a Complete Form

Topic 4: Semantic HTML
Semantic HTML means using HTML elements that clearly describe the meaning and purpose of the content they contain.

Topic 5: Introduction to CSS
CSS define the styles in every web page. Without CSS there would be no beautiful layouts of the web page

Lesson 1: What is CSS?
Lesson 2: Inline, Internal and External CSS
Lesson 3: CSS Syntax
Lesson 4: Selectors
Lesson 5: Classes and IDs
Lesson 6: Colors
Lesson 7: Backgrounds
Lesson 8: Borders
Lesson 9: Text Styling
Lesson 10: Fonts

Topic 6: The CSS Box Model
This is the concept in CSS that explains how every HTML element is displayed as a rectangular box on a webpage

Topic 7: CSS Layout
Learn how to layout your web page

Lesson 1: Understanding Website Layouts
Lesson 2: Normal Document Flow
Lesson 3: Positioning
Lesson 4: Flexbox Introduction
Lesson 5: Flex Containers
Lesson 6: Flex Items
Lesson 7: Alignment and Spacing
Lesson 8: Creating Navigation Bars
Lesson 8: Building Website Sections with Flexbox

Topic 8: CSS Grid
In this section you learn how elements are placed within grids

Topic 9: Responsive Web Design
Here you will learn how to place your website for easy view on every gadget

Topic 10: Building a Complete Website
Let's put together all that you learnt into building a full fledge website

Project: Build a Professional Business Website
Step 1: Create the website structure
Step 2: Build the navigation
Step 3: Create the hero section
Step 4: Add services section
Step 5: Create an about section
Step 6: Add testimonials
Step 7: Create contact section
Step 8: Make the website responsive
Step 9: Test and fix layout issues
Step 9: Final project review

PRACTICAL PROJECTS

Congratulations!
You made it. You have started an incredible journey into the world of Web Development. This is amazing, your resilience has paid off. Now you can go ahead and register for more courses and keep learning with us. meanwhile don't wait to learn everything before you can start making money. Apply what you have learnt so far and start making money right away while you registers for more courses. Join our JavaScript Class and PHP to start doing wonders online. Once again - Congratulations

Student Ratings & Reviews

No Review Yet

A course by

Ubong Nsekpong

About Course

What Will You Learn?

Course Content

Topic 1: HTML & CSS Basics Learn the basics of web development and structure. Once you complete any course, just click on the button below the course to mark the Course as being completed.

Lesson 1: What is Web Development

Lesson 2: How websites works

Lesson3: Frontend vs Backend Development

Lesson 4: Introduction to HTML and CSS

Lesson 5: Setting Up Your Development Environment

Lesson 6: Creating Your First Web Page

Try this Quiz, Let’s see how far you’ve learnt

Topic 2: HTML Fundamentals Let's dive deeper into the fundamentals of html

Lesson 1: Understanding HTML

Lesson 2: HTML Document Structure

Lesson 3: HTML Elements and Tags

Lesson 4: HTML Attributes

Lesson 5: Headings and Paragraphs

Lesson 6: Text Formatting

Leeson 7: Comments

Lesson 8: Links and Navigation

Lesson 9: Working with Images

Lesson 10: Lists

Lesson 11: Tables

Topic 3: HTML Forms Forms helps you get data from your users

Lesson1: Introduction to Forms

Lesson 2: Form Elements

Lesson 3: Text Fields

Lesson 4: Password and Email Fields

Lesson 5: Radio Buttons and Checkboxes

Lesson 6: Select Menus

Lesson 7: Textareas

Lesson 8: Buttons

Lesson 9: Form Validation

Lesson 10: Building a Complete Form

Topic 4: Semantic HTML Semantic HTML means using HTML elements that clearly describe the meaning and purpose of the content they contain.

Lesson 1: What is Semantic HTML?

Lesson 2: Header

Lesson 3: Navigation

Lesson 4: Main Content

Lesson 5: Sections

Lesson 6: Articles

Lesson 7: Aside

Lesson 8: Footer

Lesson 9: Building a Semantic Webpage

Topic 5: Introduction to CSS CSS define the styles in every web page. Without CSS there would be no beautiful layouts of the web page

Lesson 1: What is CSS?

Lesson 2: Inline, Internal and External CSS

Lesson 3: CSS Syntax

Lesson 4: Selectors

Lesson 5: Classes and IDs

Lesson 6: Colors

Lesson 7: Backgrounds

Lesson 8: Borders

Lesson 9: Text Styling

Lesson 10: Fonts

Topic 6: The CSS Box Model This is the concept in CSS that explains how every HTML element is displayed as a rectangular box on a webpage

Lesson 1: Understanding the Box Model

Lesson 2: Width and Height

Lesson 3: Padding

Lesson 4: Borders

Lesson 5: Margins

Lesson 6: Box Sizing

Lesson 7: Display Property

Lesson 8: Overflow

Lesson 9: Practical Box Model Exercises

Topic 7: CSS Layout Learn how to layout your web page

Lesson 1: Understanding Website Layouts

Lesson 2: Normal Document Flow

Lesson 3: Positioning

Lesson 4: Flexbox Introduction

Lesson 5: Flex Containers

Lesson 6: Flex Items

Lesson 7: Alignment and Spacing

Lesson 8: Creating Navigation Bars

Lesson 8: Building Website Sections with Flexbox

Topic 8: CSS Grid In this section you learn how elements are placed within grids

Lesson 1: Introduction to CSS Grid

Lesson 2: Grid Containers

Lesson 3: Rows and Columns

Leeson 4: Grid Gaps