bradtraversy/modern_js_udemy_projects

Project files for Modern JS From The Beginning course

Modern JS From The Beginning Projects

These are the main projects from my Modern JS From The Beginning Udemy course

• Tasklist: DOM, Local Storage
• Loan Calculator: DOM
• Number Guesser: DOM, Local Storage
• Booklist: OOP
• EasyHttp3: Ajax, Fetch, Async/Await
• Github Finder: API
• WeatherJS: API
• Profile Scroller: Generators
• Tracalorie: Module Pattern
• Microposts: Webpack & Modules

modern_js_udemy_projects's Issues

Authorization Error Fix

Those of you who are facing the Authorization error from Github as they have deprecated the query parameter method, here's what you have to do

1. Get a Personal Token from Github, https://github.com/settings/tokens
2. Put the token inside authorization in the Header option of the fetch parameter
   const response = await fetch(url, { headers: { authorization: "token YOUR TOKEN", }, });
   And that's it, problem solved

Feel free to ping me if you face any other problem @Radioactive92177

Should be an else if

modern_js_udemy_projects/numberguesser/app.js

Line 42 in 2075a62

}

This should be an else if. The way the code is now, you bypass your validation logic entirely. Will submit a PR shortly.

Java

Typo in the weatherjs app.js on line: 11

typo
line 11: document.addEventListener('DOMContentLoaded', getWeather);

it should be
line 11: document.addEventListener('DOMContentLoaded', getWeather());

repo.forks_count is misspelled

modern_js_udemy_projects/githubfinder/ui.js

Line 49 in 1513755

<span class="badge badge-success">Forks: ${repo.forms_count}</span>

The repo forks count come out as "undefined" in the github finder demo due to a typo: "forms_count" should be "forks_count".

Typo in loan calculator index.html

Line 39:               <div class="forn-group">

Should be:

Line 39:              <div class="form-group">

tasks.forEach is not a function

TypeError: tasks.forEach is not a function app.js:34:11

I get this error when running it in Firefox.

and only when I add a task in chrome.

Repos name not showing under latest repos

HacktoberFest new guidelines

Please give this repo the topic hacktoberfest
As per new guidelines from Digital Ocean, PRs will only be valid if the repo has the Hacktoberfest in it, and the PRs are labeled as Hacktoberfest-accepted.

Guidelines can be found here https://hacktoberfest.digitalocean.com/hacktoberfest-update