Build mini projects
Understand basic CSS Syntax
Write few lines of codes to achieve more
Familiarize with HTML and CSS
Learn the languages for the web; HTML( Formatting language) and CSS in various interesting and smart ways to have a strong basic insight on website development. We will learn the formatting of a webpage using Hypertext Markup Language (HTLM) tags and add styling to the content of a webpage using Cascading Style sheet (CSS) rules. The course would not delve deep into certain CSS and HTML properties but the course will focus on many basic or common tags you’ll mostly encounter in your journey as a website developer. Hypertext Markup Language and Cascading Style sheet’s common tags and properties will be used to Italicize, bolden, underline, insert videos(local and online), insert images, and learn to link your web pages either locally or to an online page, link to an email service and the likes. It would be of great help if learners actually practice along with the instructor other than copying or taking the course as a popcorn course( watching the course and not getting hands-on experience). Also, learners should look for mini-projects related to the course that they can actually be practicing with on the side just so they have some mini-projects upon which they can build upon later.
Get Instant Notification of New Courses on our
Telegram channel.
Introduction
Introduction
Introduction to the Web
Quotes
Introduction to Text Editors
Text Editors
Installing VS code
Quotes
Introduction to HTML
Getting started with HTML
Quotes
Introduction to CSS
Getting Started with CSS
Introduction to CSS Flex
Has Pseudo Class-Code Smarter
Quotes
Simple Website
Getting Started-Live Server
Module 1-Header
Module 2-Styling Header
Module 3-Styling Button
Module 4-Sections
Module 5-Sections
Module 6-Divs
Module 7-footer Styling
Quotes
Frontend -Prediction AI Webpage
Module-1 Prediction Webpage
Module-2 Prediction Webpage Styling
Module-3 Prediction Webpage Styling
Module-4 Prediction Webpage Styling
Module-5 Prediction Webpage Styling
Quotes
Customer Rating Webpage
Module 1-Rating UI Document Structure
Module 2-Styling Rating UI
Module 3-Styling Rating UI
Module 4-Styling Rating UI
Quotes
QR Code Card
Module 1-Document Structure- QR code
Module 2-Styling- QR code
Module 3-Card Styling- QR code
Module 4-Card Text Styling- QR code
Quotes
Financial Dashboard Webpage
Module-1 HTML Structure-Financial Dashboard
Module-2 Styling Financial Dashboard
Module-3 Section Styling Financial Dashboard
Module-4 Container Styling Financial Dashboard
Module-5 Horizontal Rule Container Styling FD
Module-6 Bottom Text Styling FD
Quotes
Search Webpage-Frontend
Module 1-Search UI HTML Structure
Module 2-Search UI Body Styling
Module 3-Search UI text Styling
Module 4-Search UI Input Field Styling
Quotes
Product Preview
HTML-Document Structure-1
HTML-Document Structure-2
Styling-Aligning Elements
Styling-Button
Styling-Centering Elements
Styling-h4 Elements
Styling-Button with Icon
Styling-Text
Quotes
Video Card Component
Video Card Component-HTML Structure
Styling-Body Iframe and container
Styling-Button
Styling-Positioning Container
Styling-Text
Styling-Text continuation
Quotes
Thank you Card Component
HTML Document Structure 1
HTML Document Structure 2
Styling-Body
Styling-Image and Container
Styling-Text
Styling-Exit Button
Styling-Buttons with Icons
Quotes