Your cart is empty.
Keep shoppingHTML & CSS from scratch
1,117 students
HTML & CSS from scratch
English Language
Created byPaschalyn Jkamso
Last updated 3/2023
English
English [Auto],
What you'll learn
- General understanding of what HTML and CSS is
- How to style webpages/websites using CSS.
- How to make a responsive webpage/website using HTML & CSS
- How to add lists, embed images, videos and audios to a webpage.
- A complete guide to building responsive HTML forms.
- How to make responsive navigation menu links that can work perfectly for all screen sizes using HTML and CSS.
- How to embed YouTube APIs to webpages.
- General understanding of CSS Grids and CSS Flexbox.
- Introduction to CSS animations
- How to create animations on a webpage with CSS animations
- Practice tests and quizes to boost your knowledge.
- Build a NETFLIX home page clone with HTML and CSS.
- Create and use 2D and 3D CSS transformation methods on HTML elements.
- Learn about CSS transitions and how to use them on websites.
- Create an Image Gallery with HTML and CSS flexboxes.
- Hands-on projects with CSS flexboxes and CSS animations.
- Create a story scene with moving characters using CSS animations.
- Brief introduction to Online code repository - GITHUB.
- Learn and Understand what Semantic HTML is and how and why we use them.
- Learn about the CSS box model and its properties.
- Learn how to build and style stunning HTML tables.
- Learn different ways of styling website navbars - dropdown menu links, fixed/horizontal menu links and side menu links.
- Learn how to host a website for free on Netlify.
- Learn and understand how to link files effectively in an HTML document.
Explore related topics
Course content
43 sections • 80 lectures • 12h 16m total length
Requirements
- No prior coding skills or experience is required as a prerequisite
- A working laptop is required.
- Internet access
- A code editor, precisely Visual Studio Code
Description
HTML & CSS from Scratch: A Beginner's Course in Web Development
Course Overview
"HTML & CSS from Scratch" is an introductory course specifically designed for absolute beginners—individuals with little to no prior experience in HTML and CSS or those who are new to the tech space. This course provides a comprehensive foundation to help learners transition confidently from a beginner level to building fully responsive and interactive web pages.
Meet the Instructor
Paschalyn, the instructor, holds a Bachelor's degree in Education and Computer Programming. During the global pandemic, she redirected her focus toward her passion for teaching and has since led numerous educational initiatives. She has taught software programming to a wide range of learners, including school children and adults, both in-person and virtually.
Course Objectives
This course was developed in response to the need for a clear, beginner-friendly explanation of core HTML and CSS concepts. Paschalyn delivers content through detailed lessons, incorporating explainer videos, real-life examples, and hands-on coding exercises to ensure a thorough understanding.
What You’ll Learn
By the end of this 12-hour course, students will be able to:
Understand the fundamentals of HTML and CSS
Style webpages using CSS
Create and style:
HTML forms
Navigation bars and menu links
Tables, images, and more
Use CSS Grid and Flexbox, including building an image gallery with Flexbox
Apply CSS animations, including:
A CSS animation story scene
Walking sprites using CSS
Build and style a responsive Netflix-style home page
Host their websites for free on Netlify
Implement semantic HTML (HTML5) principles
Understand and apply the CSS box model (margin, padding, and borders)
Use CSS transitions, and 2D & 3D transforms
Course Materials
Each lesson includes:
Explainer videos
Source code examples
Downloadable files used throughout the course
Learning Approach
Students are encouraged to code along with each lesson, take notes, and complete the hands-on projects to reinforce their skills and gain practical experience.
Who this course is for:
- Beginners in HTML and CSS
- Beginners in web design and development
- Beginners in Tech
- Students
- Instructors
- All curious minds