Skip to main content

Command Palette

Search for a command to run...

My HTML & CSS Journey

From Zero to Infinite Because Learning never ends

Updated
3 min read
My HTML & CSS Journey
A

A Software Engineer with 2+ years of Experience focused on developing scalable, intuitive user interfaces using React.js, JavaScript, and React Hooks. Aim is to ensure seamless user experiences through modern web optimization techniques and frontend frameworks.

Background💭

A Full Stack JavaScript Web Development Bootcamp was recently being introduced by Hitesh Choudhary Sir in a YouTube Video that I recently came across in the month of June.

I've been learning from his LearnCodeOnline courses and I decided to sign up for the Bootcamp from iNeuron and enhance my skills. I joined the Bootcamp on 21st of July 2022

Learnings 📖

Till now I have learned HTML, CSS, Git, Markdown Readme, and Tailwind CSS so far, and I've used these principles in makings tons of projects and written articles on each subject.

Hypertext Markup Language(HTML)

Tags

SyntaxDescription
<!DOCTYPE>Defines the document type
<head>Contains metadata/information for the document
<title>Defines a title for the document
<link>Defines the relationship between a document and an external resource (most used to link to style sheets)
<body>Groups the body content in a table
<iframe>Defines an inline frame
<strike>Defines strikethrough text

and many more....

Cascading Stylesheet(CSS)

  • Learned about Positions, Selectors, Flexbox, etc. If you want to read more, checkout my articles on the Positions, Selectors, Flexbox:
ArticleLink
Positions In CSSClick Here To Read
CSS SelectorsClick Here To Read
Flexbox BasicsClick Here To Read

Frontend Projects Just using HTML and CSS

📝Note: Project 1 to Project 6 are Not Responsive

Project   1 - Portfolio

Live Preview     Source Code

Output.png

Project   2 - Resturaunt Bar

Live Preview     Source Code

Final Output.png

Project   3 - Justice Landing Page

Live Preview     Source Code

thumbnail.png

Project   4 - Home Page

Live Preview     Source Code

image.png

Project   5 - Crypto Home Page

Live Preview     Source Code

thumbnail.png

Project   6 - Plant Shopping Home Page

Live Preview     Source Code

6.png

Project   7 - Headphones Shopping Page

Live Preview     Source Code

image.png

Project   8 - Home Page

Live Preview     Source Code

8.png

Project   9 - Landing Page

Live Preview     Source Code

9.png

Project   10 - Home Page

Live Preview     Source Code

image.png

Project   11 - Home Page

Live Preview     Source Code

screenshot.png

Project   12 - Home Page

Live Preview     Source Code

screencapture-live-class-assignment-12-netlify-app-2022-09-22-01_20_42

Project   13 - Home Page

Live Preview     Source Code

13.png

Project   14 - Home Page

Live Preview     Source Code

14.png

Project   15 - Home Page

Live Preview     Source Code

15.png

These are some of the projects in HTML & CSS. Making these all projects boosted my confidence and now I can create any design Using HTML & CSS.

E

The Full Stack Web Development Course is the perfect choice to learn both frontend and backend development using technologies like HTML, CSS, JavaScript, React, and Node.js. It builds strong coding foundations and job-ready skills. 🚀 Thanks to Excellence Academy for offering industry-focused training and expert mentorship to help learners become professional web developers.

https://excellenceacademy.co.in/