DEV Community

Niladri Banerjee
Niladri Banerjee

Posted on

Day 1: Starting of MERN stack journey from the prerequisites (HTML)

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:

  1. Intro to Networking – I learned how networks actually work and how webpages are loaded when we enter a URL in the browser.
  2. Introduction to HTML – Got to know about the structure of an HTML document and how it forms the backbone of any webpage.
  3. Head Tag – Learned what goes inside the <head> tag, like metadata, title, and links to stylesheets or scripts.
  4. Text Formatting – Explored how to format text using different tags like <b>, <i>, <u>, <strong>, and <em>.
  5. Images in HTML – Practiced embedding images into a webpage using the <img> tag.
  6. Lists in HTML – Worked with ordered lists <ol> and unordered lists <ul>.
  7. Tables in HTML – Learned to create tables using <table>, <tr>, <td>, and <th>.
  8. Links in HTML – Practiced creating hyperlinks with the <a> tag and linking different pages together.
  9. Forms in HTML – Learned about different form elements like <input>, <textarea>, <select>, and how forms collect user input.
  10. Semantic Tags in HTML – Understood the importance of semantic tags like <header>, <footer>, <section>, and <article> for better structure and SEO.
  11. 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)