HTML & CSS from scratch

4.4 ★★★★ ★

HTML & CSS from scratch

Name: HTML, CSS, HTML AND CSS, HTML AND CSS FROM SCRATCH, WEB DESIGN AND DEVELOPMENT, FRONT END DEVELOPMEN
Rating: 4.4 (184 reviews)
Author: Paschalyn Jkamso

Transit from zero to hero point in HTML and CSS.

updated on icon Updated on Jun, 2024

language icon Language - English

person icon Paschalyn Jkamso

category icon HTML & CSS,Web Design,Web Development,HTML,CSS,

Lectures -107

Resources -18

Quizzes -28

Duration -12 hours

4.4 ★★★★ ★

Add to Cart Buy Now

30-days Money-Back Guarantee

Training 5 or more people ?

Get your team access to 10000+ top Tutorials Point courses anytime, anywhere.

Course Description

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.

Goals

HTML & CSS from scratch promises to deliver all the necessary information required to make a beginner transition from zero level to an advanced level in web development. The course covers interesting and advanced HTML and CSS topics like:

HTML tables
HTML forms
HTML iframes
HTML Youtube API
CSS animations
CSS Grid and Flexbox
Real coding on cloning a responsive NETFLIX landing page with HTML and CSS.
CSS 2D & 3D transformation methods
CSS transition methods
Hands project with CSS animation (animated story scene and animated sprites)
Intro to Github
Web hosting on Netlify
Semantic HTML
CSS responsive Navbars (side bars, and menu-link bars)
CSS box model
Responsive CSS web stylings
Image gallery hands-on project with CSS flexbox
Advanced CSS stylings

Prerequisites

HTML & CSS from scratch is a course for absolute beginners. You do not need to have any prior experience before enrolling in the course. However, here are the basic things one needs.

A working laptop/PC (any specification is allowed from windows 10 upwards)
A coding editor(A tutorial is covered in the course on how to download and install one).
A journal (for jotting relevant details)

Curriculum

Check out the detailed breakdown of what’s inside the course

INTRODUCTION TO HTML & CSS FROM SCRATCH
1 Lectures

Introduction to HTML & CSS from scratch 01:04 01:04

INTRODUCTION TO HTML
2 Lectures

OVERVIEW OF AN HTML FILE
2 Lectures

HTML COMMENTS AND QUOTATIONS
2 Lectures

HTML STYLE AND SCRIPT
2 Lectures

HTML IMAGES, HTML FAVICONS & HTML MEDIA
4 Lectures

HTML TABLES
2 Lectures

HTML LISTS
2 Lectures

HTML FORMS
9 Lectures

HTML CLASSES AND IDS
2 Lectures

HTML SEMANTIC ELEMENTS - HTML5
2 Lectures

FILE PATHS
2 Lectures

HTML IFRAMES
2 Lectures

RESPONSIVE WEB DESIGN
2 Lectures

BONUS - IMPORTANT HACKS AND TIPS
4 Lectures

INTRODUCTION TO CSS
3 Lectures

CSS SYNTAX CONTINUATION
3 Lectures

CSS STYLES
5 Lectures

CSS BOX MODEL
5 Lectures

CSS TEXT FORMATTINGS
7 Lectures

CSS FONT PROPERTIES
5 Lectures

CSS DISPLAY PROPERTY
2 Lectures

CSS OVERFLOW PROPERTY
2 Lectures

CSS POSITIONING
2 Lectures

CSS Z-INDEX PROPERTY
2 Lectures

CSS FLOAT PROPERTY
1 Lectures

CSS OPACITY/TRANSPARENCY
2 Lectures

CSS COMBINATORS
2 Lectures

CSS PSEUDO CLASSES
2 Lectures

CSS GRADIENT
3 Lectures

CSS LINKS
2 Lectures

CSS BOX SHADOW
1 Lectures

STYLED TABLES IN CSS
1 Lectures

CSS PSEUDO ELEMENTS
2 Lectures

CSS GRID
1 Lectures

CSS FLEXBOX
2 Lectures

RESPONSIVE CSS STYLED NAVBARS USING LISTS
3 Lectures

RESPONSIVE CSS FORMS
1 Lectures

CSS TRANSFORMS (2D & 3D TRANSFORMATIONS)
1 Lectures

CSS TRANSITION
1 Lectures

CSS ANIMATIONS
3 Lectures

BUILD A RESPONSIVE WEB PAGE WITH HTML & CSS
1 Lectures

CONCLUSION
2 Lectures

Instructor Details

Paschalyn Jkamso

Web development tutor

Paschalyn Jkamso is an Educator and a Front-end developer. She is passionate about teaching and transferring knowledge. Over the past years, she has taught thousands of students different courses, ranging from Programming, Graphics Design, Computer science, etc. She fully began her teaching journey during the pandemic because she had felt a need to help people make the best of their time during that period, and so she opted for teaching young women and undergraduates especially in her country, Nigeria.

Course Certificate

Use your certificate to make a career change or to advance in your current career.