From 73138a493e662b98781785eda8c450ca6de68043 Mon Sep 17 00:00:00 2001 From: Adarsh D Date: Wed, 25 Oct 2023 19:00:20 +0530 Subject: [PATCH] Add: week 4 curriculum --- docs/weekly_modules/Week 4/_category_.json | 8 ++ .../Week 4/week-4-advanced-javascript.md | 74 +++++++++++++++++++ weekly_modules/week-4-advanced-javascript.md | 74 +++++++++++++++++++ 3 files changed, 156 insertions(+) create mode 100644 docs/weekly_modules/Week 4/_category_.json create mode 100644 docs/weekly_modules/Week 4/week-4-advanced-javascript.md create mode 100644 weekly_modules/week-4-advanced-javascript.md diff --git a/docs/weekly_modules/Week 4/_category_.json b/docs/weekly_modules/Week 4/_category_.json new file mode 100644 index 0000000..357eb90 --- /dev/null +++ b/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" + } +} diff --git a/docs/weekly_modules/Week 4/week-4-advanced-javascript.md b/docs/weekly_modules/Week 4/week-4-advanced-javascript.md new file mode 100644 index 0000000..ec1d291 --- /dev/null +++ b/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) \ No newline at end of file diff --git a/weekly_modules/week-4-advanced-javascript.md b/weekly_modules/week-4-advanced-javascript.md new file mode 100644 index 0000000..ec1d291 --- /dev/null +++ b/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) \ No newline at end of file