HTML & CSS from scratch

HTML & CSS from scratch, available at $49.99, has an average rating of 4.25, with 79 lectures, 31 quizzes, based on 24 reviews, and has 1117 subscribers.

You will learn about 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 make 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 from the scratch. 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 attractive 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. This course is ideal for individuals who are Beginners in HTML and CSS or Beginners in web design and development It is particularly useful for Beginners in HTML and CSS or Beginners in web design and development.

Enroll now: HTML & CSS from scratch

Summary

Title: HTML & CSS from scratch

Price: $49.99

Average Rating: 4.25

Number of Lectures: 79

Number of Quizzes: 31

Number of Published Lectures: 79

Number of Published Quizzes: 31

Number of Curriculum Items: 110

Number of Published Curriculum Objects: 110

Original Price: $19.99

Quality Status: approved

Status: Live

What You Will 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 make 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 from the scratch.
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 attractive 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.

Who Should Attend

Beginners in HTML and CSS
Beginners in web design and development

Target Audiences

Beginners in HTML and CSS
Beginners in web design and development

HTML & CSS from scratch: HTML & CSS course for absolute beginners.

The “HTML & CSS from scratch” course is a course for absolute beginners: individuals without prior knowledge of HTML and CSS, or newbies in tech generally. This course promises to deliver the necessary knowledge required to make a beginner transition from a “zero” point to a “hero” point.

Paschalyn, the instructor in this course, earned her Bachelor’s degree as an Educator and a Computer programmer. During the pandemic, she considered giving full attention to her teaching passion, and so out of a burning desire to give a helping hand to society, she engaged in a couple of projects where she taught lots of students different courses: graphics design and software programming were her main courses. She began her journey by teaching school children in her home country, the Google CS first Scratch course. In 2022, she held the position of Course Director for the “1000 Women in Canva Scholarship Programme 2022” sponsored by Ingressive for Good(I4G) and Malhub Nig, where she taught a thousand women across the globe Graphics and Motion graphics using Canva. Still the same year, she worked with a Youth Empowerment Programme in her country, “The Scam Project”, where she taught undergraduates Graphics design using Canva. The record still counting, she has taught countless school children who are in their teen years Computer Science/Programming both physically and virtually.

This course was birthed as a result of the yearning to give an elaborate explanation of concepts in HTML and CSS which most tech newbies may be struggling to come to terms with. Paschalyn explains all the necessary details to a satisfactory level; she also adopts the use of explainer videos to aid her to achieve this goal.

Throughout this course, it is advisable for students to practice along in each lesson and also pay good attention in class. The students would engage in a lot of lessons but to highlight a few, students will learn:

general understanding of what HTML and CSS are,
how to style webpages with CSS,
create and style HTML forms, navbars/menu-links, tables, images, etc,
CSS grids and CSS flexbox: learn to create an image gallery with CSS flexbox,
CSS animations,
build 2 hands-on projects on CSS animations: CSS animation story scene, walking sprites in CSS,
build a responsive Netflix home page with HTML and CSS,
host a website for free on Netlify,
semantic HTML – HTML5,
CSS box model – margin, padding and border, and
CSS transitions and CSS 2D & 3D transforms, etc.

This 12 hours course explains all of these with relevant examples and attaches the source codes and each video or other file used to the lesson.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction to HTML & CSS from the scratch course

Chapter 2: INTRODUCTION TO HTML

Lecture 1: MEANING AND HISTORY OF HTML

Chapter 3: OVERVIEW OF AN HTML FILE

Lecture 1: HTML TAGS, ATTRIBUTES AND ELEMENTS

Chapter 4: HTML COMMENTS & HTML QUOTATIONS

Lecture 1: HTML COMMENTS AND QUOTATION TAGS(blockquote, q, abbr, address, cite, bdo)

Chapter 5: HTML STYLE AND SCRIPT

Lecture 1: HTML STYLE & SCRIPT

Chapter 6: HTML IMAGES, HTML FAVICONS & HTML MEDIA

Lecture 1: HTML IMAGES (background images and picture elements)

Lecture 2: HTML FAVICONS

Lecture 3: HTML MEDIA (HTML audio, HTML video and HTML YouTube API)

Chapter 7: HTML TABLES

Lecture 1: HTML TABLES

Chapter 8: HTML LISTS

Lecture 1: HTML LISTS (ordered lists, unordered lists and descriptive list)

Chapter 9: HTML FORMS

Lecture 1: HTML FORM AND INPUT TYPES

Lecture 2: HTML FORM ELEMENTS – select element

Lecture 3: HTML FORM ELEMENTS – textarea element

Lecture 4: HTML FORM ELEMENTS – button element

Lecture 5: HTML FORM ELEMENTS – fieldset and legend element

Lecture 6: HTML FORM ELEMENTS – datalist element

Lecture 7: HTML FORM (INPUT ATTRIBUTES) I

Lecture 8: HTML FORM (INPUT ATTRIBUTES) II

Chapter 10: HTML CLASSES AND IDS

Lecture 1: HTML CLASSES AND IDS

Chapter 11: HTML SEMANTIC ELEMENTS – HTML5

Lecture 1: HTML SEMANTIC ELEMENTS

Chapter 12: FILE PATHS

Lecture 1: FILE PATHS

Chapter 13: HTML IFRAMES

Lecture 1: HTML IFRAMES

Chapter 14: RESPONSIVE WEB DESIGN

Lecture 1: RESPONSIVE WEB DESIGN

Chapter 15: BONUS – IMPORTANT HACKS AND TIPS

Lecture 1: LIVE SERVER

Lecture 2: Shortcut keys for commands

Lecture 3: Introduction to online IDE – Codepen

Lecture 4: Introduction to online code repository – Github

Chapter 16: INTRODUCTION TO CSS

Lecture 1: MEANING , HISTORY & INTODUCTION TO CSS

Lecture 2: CSS SYNTAX – how to add CSS to an HTML document.

Chapter 17: CSS SYNTAX CONTINUATION

Lecture 1: CSS COMMENTS

Lecture 2: CSS selectors

Chapter 18: CSS STYLES

Lecture 1: CSS COLORS

Lecture 2: CSS BACKGROUNDS

Lecture 3: CSS HEIGHT/WIDTH

Lecture 4: CSS IMPORTANT RULE

Chapter 19: CSS BOX MODEL

Lecture 1: INTRODUCTION TO CSS BOX MODEL

Lecture 2: CSS MARGIN

Lecture 3: CSS BORDER

Lecture 4: CSS PADDING

Chapter 20: CSS TEXT FORMATTINGS

Lecture 1: CSS TEXT COLOR

Lecture 2: CSS TEXT TRANSFORM

Lecture 3: CSS TEXT SHADOW

Lecture 4: CSS TEXT ALIGNMENT

Lecture 5: CSS TEXT DECORATION

Lecture 6: CSS TEXT SPACING

Chapter 21: CSS FONT PROPERTIES

Lecture 1: CSS FONT FAMILIES

Lecture 2: CSS FONT SIZE

Lecture 3: CSS FONT STYLE & FONT WEIGHT PROPERTIES

Lecture 4: CSS FONT SHORTHAND PROPERTY

Chapter 22: CSS DISPLAY PROPERTY

Lecture 1: CSS DISPLAY PROPERTY

Chapter 23: CSS OVERFLOW PROPERTY

Lecture 1: CSS OVERFLOW PROPERTY

Chapter 24: CSS POSITIONING

Lecture 1: CSS POSTION PROPERTY

Instructors

Paschalyn Jkamso
HTML and CSS tutor at Udemy

Rating Distribution

1 stars: 1 votes
2 stars: 0 votes
3 stars: 4 votes
4 stars: 11 votes
5 stars: 8 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu