update: Blog posts

Author: FahimFBA

README.md

@@ -1,7 +1,26 @@
-# The Ultimate JavaScript Tutorial Series
+<p align="center"><img alt="JavaScript With Fahim Banner" src="https://user-images.githubusercontent.com/64195132/233765316-07325bbe-97ce-48ae-9dda-a0cb448667bd.png"></p>
 
-This is a series of JavaScript tutorials that will teach you everything you need to know to become a JavaScript developer. This series is for beginners and intermediate JavaScript developers. If you are a beginner, you should start with the first tutorial. If you are an intermediate JavaScript developer, you can skip the first tutorial and start with the second tutorial.
+<h3 align="center"><b>"Creating that repo that you need to master the stronghold of JavaScript"</b></h3>
 
+This repo contains **resources and materials** to learn and get yourself started with **JavaScript**. Also, the **Bonus** section contains some **awesome knowledgeable things** that you can contribute to even you do not have any idea of open source or something like that.
 
+The repo content is divided into several `Pages` for better structuring, easy navigation and making learning easier. If you have suggestions for me, then you are more than welcome to do so.
 
+For Eg: There is a separate page for JS Fundamentals. 
 
+<h3 align="center">This repo is hosted at <a href="https://js.fahimbinamin.com/">js.fahimbinamin.com</a></h3>
+
+[![Open in Gitpod](https://gitpod.io/button/open-in-gitpod.svg "Open In Gitpod")](https://gitpod.io/#https://github.com/FahimFBA/JavaScript)
+
+<br>
+
+> **Follow [@Fahim_FBA](https://twitter.com/Fahim_FBA) on Twitter to learn more about it**.
+
+<br>
+
+#### Table of Pages
+
+
+|                                                 Section/pages                                                     | Description   |  Page (Link- clickable)          |
+|-----------------------------------------------------------------------------------------------------------------|-------------|:---------------------------:|
+|![JS Fundamentals](https://user-images.githubusercontent.com/64195132/233770538-ccc0db49-5d14-4701-b69e-201c6beac1fe.png)| Contains the fundamentals that you must need to know before jumping into the advanced JavaScript |[![JS Fundamentals](https://user-images.githubusercontent.com/64195132/233770578-90711e77-c269-4cdb-8832-7f58d3e87e9d.png)](/pages/Fundamentals.md)|

_layouts/sidebar.md

@@ -1,5 +1,7 @@
 - Pages
-    - [JS Fundamentals](./pages/Fundamentals.md)
-    - [Open Source Fundamentals (OSWP)](./pages/How-to/README.md)
+    - <a href="https://js.fahimbinamin.com/#/pages/Fundamentals">JS Fundamentals</a>
+    - <a href="https://js.fahimbinamin.com/#/pages/Bonus">Bonus</a>
+    - <a href="https://oswp.study/#/pages/How-to/README">How to</a> 
+    <!-- - [Open Source Fundamentals (OSWP)](./pages/How-to/README.md)
     - [JS Advanced](#)
-    - [JS Problem Solving](#)
+    - [JS Problem Solving](#) -->

pages/Bonus.md

@@ -0,0 +1,6 @@
+## Bonus
+
+|  No.  |                                                       Project Social Preview                                                        | Skill Required |                               Link to the project                               |
+| :---: | :---------------------------------------------------------------------------------------------------------------------------------: | :------------: | :-----------------------------------------------------------------------------: |
+|   1   | ![Open Source With Pradumna](https://user-images.githubusercontent.com/51878265/216841971-8aa2f666-e76c-4a6b-a789-5413d73f0c40.png) |  **English**   |                  [`https://oswp.study/`](https://oswp.study/)                   |
+|   2   |    ![Everything of Java](https://user-images.githubusercontent.com/64195132/233770129-76322f63-727e-41ef-969e-324e1b691299.png)     |  **English**   | [`FahimFBA/everything-of-java`](https://github.com/FahimFBA/everything-of-java) |

pages/fundamentals.md

@@ -1 +1,9 @@
-# 😃 The things you need to know before starting this JavaScript guide.
+<p alighn="center"> <b>The things that you need to know about JavaScript before diving into the rabit hole. I publish articles on <a href="https://dev.to/fahimfba">Dev.to</a> on the topics regularly. I will add the links here as soon as I publish them.</b></p>
+
+<br>
+<br>
+
+|       **Day-Date**       | **Post**                                                                                                                                                         |                                                    **Blog Post / Article Link**                                                     | **YouTube Video Link** |
+| :----------------------: | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | :---------------------------------------------------------------------------------------------------------------------------------: | :--------------------: |
+| **Day 1** - (18-04-2023) | <img src="https://user-images.githubusercontent.com/64195132/233771033-61c8fdb1-19bc-46e0-a7bd-08a6400e9b43.png" alt="Day 1: JavaScript With Fahim" width="500"> |                         [`Blog`](https://dev.to/fahimfba/learn-javascript-printing-your-first-message-2m04)                         |          N/A           |
+| **Day 2** - (19-04-2023) | <img src="https://user-images.githubusercontent.com/64195132/233770979-dc81e6d7-1b45-45cf-bc7e-b4740bd19ea6.png" alt="Day 2: JavaScript With Fahim" width="500"> | [`Blog`](https://dev.to/fahimfba/mastering-javascript-unraveling-the-art-of-effective-commenting-for-better-code-collaboration-46b) |          N/A           |