• Post category:StudyBullet-12
  • Reading time:7 mins read


Build Mini Projects

What you will learn

Build mini projects

Understand basic CSS Syntax

Write few lines of codes to achieve more

Familiarize with HTML and CSS

Description

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.


English
language

Content

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