Day 1: Starting My MERN Stack Journey (Prerequisites – HTML)
Today I officially started my MERN stack journey. I wanted to begin from the very basics, so I started with the prerequisites.
Here’s what I covered on Day 1:
- Intro to Networking – I learned how networks actually work and how webpages are loaded when we enter a URL in the browser.
- Introduction to HTML – Got to know about the structure of an HTML document and how it forms the backbone of any webpage.
-
Head Tag – Learned what goes inside the
<head>
tag, like metadata, title, and links to stylesheets or scripts. -
Text Formatting – Explored how to format text using different tags like
<b>
,<i>
,<u>
,<strong>
, and<em>
. -
Images in HTML – Practiced embedding images into a webpage using the
<img>
tag. -
Lists in HTML – Worked with ordered lists
<ol>
and unordered lists<ul>
. -
Tables in HTML – Learned to create tables using
<table>
,<tr>
,<td>
, and<th>
. -
Links in HTML – Practiced creating hyperlinks with the
<a>
tag and linking different pages together. -
Forms in HTML – Learned about different form elements like
<input>
,<textarea>
,<select>
, and how forms collect user input. -
Semantic Tags in HTML – Understood the importance of semantic tags like
<header>
,<footer>
,<section>
, and<article>
for better structure and SEO. - Hosting – Finally, I explored how to host a static site using GitHub Pages and Netlify.
After learning all these concepts, I decided to put them together and build my first complete webpage using only HTML. I also deployed it online so that anyone can view it.
After learning everything I build a webpage based on only HTML to practice all this portions very clearly.
This web page coves all points above.
and deploy on the Github and Netlify.
👉 You can check it out here: [https://niladri98.github.io/MERN-Stack-from-scratch/Assignment_2/]
👉 You can check it out here: [https://niladri98.github.io/MERN-Stack-from-scratch/Assingment_1/]
Top comments (0)