Add: week 4 curriculum

docs/weekly_modules/Week 4/_category_.json

@@ -0,0 +1,8 @@
+{
+  "label": "Week 4",
+  "position": 4,
+  "link": {
+    "type": "generated-index",
+    "description": "Learning Plan for Week 4"
+  }
+}

docs/weekly_modules/Week 4/week-4-advanced-javascript.md

@@ -0,0 +1,74 @@
+# Week 4:
+
+Advanced Javascript
+
+
+### Topics/Todos: 
+
+Starting this week, you should use git daily, to commit the practical tasks (eg: Javascript 30 projects)
+
+Topics:
+
+* Advanced Javascript: Objects, Iterators, Document Object Model (DOM), Event Listeners, AJAX, Recursion, Exception handling
+* [https://roadmap.sh/javascript](https://roadmap.sh/javascript) - Complete all beginner topics listed in this (green checkmark)
+* Complete the javascript 30 projects (started in the previous week, skip the projects if the project topics are not yet covered in our syllabus)
+* APIs -
+Watch the following videos:
+
+  * [What is an API ? Simply Explained](https://www.youtube.com/watch?v=XGa4onZP66Q) [https://www.youtube.com/watch?v=XGa4onZP66Q](https://www.youtube.com/watch?v=XGa4onZP66Q) 
+  * [APIs for Beginners 2023 - How to use an API](https://www.youtube.com/watch?v=WXsD0ZgxjRw) Watch upto 1:34:00 (1 hour and 34 minutes)
+
+  Install postman and try making requests to any public apis using postman.
+
+* Use tailwind css in your weekly practical tasks - [https://www.freecodecamp.org/news/what-is-tailwind-css-a-beginners-guide/](https://www.freecodecamp.org/news/what-is-tailwind-css-a-beginners-guide/) 
+
+  Add it using [https://tailwindcss.com/docs/installation/play-cdn](https://tailwindcss.com/docs/installation/play-cdn)
+
+**Week 4, Task 1:**
+
+Once you complete all the above tasks, drop a message on the batch group to reveal the task and start working on it.
+
+
+### Resources:
+
+_Students need not refer to every resource given. Select any 1/2 resources for a single topic._
+
+
+
+* **Refer to resources from week 3**. Most of them are useful for this week too.
+
+**Courses**:
+
+* [JavaScript | The Odin Project](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript) - Advanced Javascript
+
+**Youtube Videos:**
+
+* Videos from 100Devs bootcamp: [Free Software Engineering Bootcamp - #100Devs - YouTube](https://www.youtube.com/playlist?list=PLBf-QcbaigsKwq3k2YEBQS17xUwfOA3O3)
+* [Learn Tailwind CSS – Course for Beginners](https://www.youtube.com/watch?v=ft30zcMlFao) : Start from 17:01 minutes 
+
+**Others:**
+
+
+
+* [https://www.theodinproject.com/lessons/node-path-javascript-working-with-apis](https://www.theodinproject.com/lessons/node-path-javascript-working-with-apis) 
+
+
+### Weekly Practical Tasks:
+
+Use tailwind css for the projects:
+
+
+
+* Create a calculator app as described here: [https://www.theodinproject.com/lessons/foundations-calculator](https://www.theodinproject.com/lessons/foundations-calculator) 
+* Create a weather app to display the current weather at users location:
+
+  Use openweathermap api.
+
+  [https://home.openweathermap.org/users/sign_up](https://home.openweathermap.org/users/sign_up) Signup for an api key here
+
+  [https://openweathermap.org/api/one-call-3#how](https://openweathermap.org/api/one-call-3#how) Refer to the api doc to get the current weather at a location.
+
+  The website should provide two ways to get current location:
+  1. Take latitude and longitude as input or 
+  2. Get location from the browser ([https://www.w3schools.com/html/html5_geolocation.asp](https://www.w3schools.com/html/html5_geolocation.asp) )
+* Have sharable links to all the 30days projects (Using odepen / replit link / github pages)

weekly_modules/week-4-advanced-javascript.md

@@ -0,0 +1,74 @@
+# Week 4:
+
+Advanced Javascript
+
+
+### Topics/Todos: 
+
+Starting this week, you should use git daily, to commit the practical tasks (eg: Javascript 30 projects)
+
+Topics:
+
+* Advanced Javascript: Objects, Iterators, Document Object Model (DOM), Event Listeners, AJAX, Recursion, Exception handling
+* [https://roadmap.sh/javascript](https://roadmap.sh/javascript) - Complete all beginner topics listed in this (green checkmark)
+* Complete the javascript 30 projects (started in the previous week, skip the projects if the project topics are not yet covered in our syllabus)
+* APIs -
+Watch the following videos:
+
+  * [What is an API ? Simply Explained](https://www.youtube.com/watch?v=XGa4onZP66Q) [https://www.youtube.com/watch?v=XGa4onZP66Q](https://www.youtube.com/watch?v=XGa4onZP66Q) 
+  * [APIs for Beginners 2023 - How to use an API](https://www.youtube.com/watch?v=WXsD0ZgxjRw) Watch upto 1:34:00 (1 hour and 34 minutes)
+
+  Install postman and try making requests to any public apis using postman.
+
+* Use tailwind css in your weekly practical tasks - [https://www.freecodecamp.org/news/what-is-tailwind-css-a-beginners-guide/](https://www.freecodecamp.org/news/what-is-tailwind-css-a-beginners-guide/) 
+
+  Add it using [https://tailwindcss.com/docs/installation/play-cdn](https://tailwindcss.com/docs/installation/play-cdn)
+
+**Week 4, Task 1:**
+
+Once you complete all the above tasks, drop a message on the batch group to reveal the task and start working on it.
+
+
+### Resources:
+
+_Students need not refer to every resource given. Select any 1/2 resources for a single topic._
+
+
+
+* **Refer to resources from week 3**. Most of them are useful for this week too.
+
+**Courses**:
+
+* [JavaScript | The Odin Project](https://www.theodinproject.com/paths/full-stack-javascript/courses/javascript) - Advanced Javascript
+
+**Youtube Videos:**
+
+* Videos from 100Devs bootcamp: [Free Software Engineering Bootcamp - #100Devs - YouTube](https://www.youtube.com/playlist?list=PLBf-QcbaigsKwq3k2YEBQS17xUwfOA3O3)
+* [Learn Tailwind CSS – Course for Beginners](https://www.youtube.com/watch?v=ft30zcMlFao) : Start from 17:01 minutes 
+
+**Others:**
+
+
+
+* [https://www.theodinproject.com/lessons/node-path-javascript-working-with-apis](https://www.theodinproject.com/lessons/node-path-javascript-working-with-apis) 
+
+
+### Weekly Practical Tasks:
+
+Use tailwind css for the projects:
+
+
+
+* Create a calculator app as described here: [https://www.theodinproject.com/lessons/foundations-calculator](https://www.theodinproject.com/lessons/foundations-calculator) 
+* Create a weather app to display the current weather at users location:
+
+  Use openweathermap api.
+
+  [https://home.openweathermap.org/users/sign_up](https://home.openweathermap.org/users/sign_up) Signup for an api key here
+
+  [https://openweathermap.org/api/one-call-3#how](https://openweathermap.org/api/one-call-3#how) Refer to the api doc to get the current weather at a location.
+
+  The website should provide two ways to get current location:
+  1. Take latitude and longitude as input or 
+  2. Get location from the browser ([https://www.w3schools.com/html/html5_geolocation.asp](https://www.w3schools.com/html/html5_geolocation.asp) )
+* Have sharable links to all the 30days projects (Using odepen / replit link / github pages)