bugs fixed

Author: Hamidalavi

Learn/1. Introduction.md

@@ -22,7 +22,7 @@ When someone (user) visit and interact the **Client** (browser), a **request** i
 
 ## How Is JavaScript Executed?
 
-When you write your **JavaScript** code and you want it to have some effect on the web page, if we talk about the browser as the environment where we run our script. The you have on important thing built into any environment where you want to run **JavaScript** code and that's a **JavaScript engine**. It's built into the browser as we said. For example, in the chrome browser, it's **v8**, that's the name of the engine. In firefox the name would be **spider monkey**. Other browsers also either reuse these engines or have their own engine.
+When you write your **JavaScript** code and you want it to have some effects on the web page, if we talk about the browser as the environment where we run our script. The you have on important thing built into any environment where you want to run **JavaScript** code and that's a **JavaScript engine**. It's built into the browser as we said. For example, in the Chrome browser, it's **v8**, that's the name of the engine. In Firefox the name would be **spider monkey**. Other browsers also either reuse these engines or have their own engine.
 
 The job of **engine** is to parse your **JavaScript** code (parse, read and understand), then compile it to machine code. Because machine code executes faster, so it (machine) reads your code but it does not necessarily execute it like that; but instead, it now takes that code and compiles it to code which is faster to execute by the machine and then it executes that machine. Then when that code is executed, we have that effect on our web page. **JavaScript** engine executes the code from top to buttom (waterfall).
 
@@ -58,17 +58,17 @@ What is it mean? It means that we can use **JavaScript** in **Browser-side** and
 
 - **JavaScript** was invented to create more dynamic websites by executing in the browser! That's the origin of **JavaScript**.
 
-- **JavaScript** can manipulate the HTML code, CSS, send background Http requests and allows interaction with web page and browser APIs (e.g. get user location) and much more.
+- **JavaScript** can manipulate the HTML code, CSS, send background HttpRequests and allows interaction with web page and browser APIs (e.g. get user location) and much more.
 
-- **JavaScript** can't access the local filesystem (interact with the operating system etc.).
+- **JavaScript** can't access local filesystem (interact with the operating system etc.).
 
 > in other-side (e.g. server-side like Node.js):
 
 - Google’s **JavaScript** Engine (V8) extracted to run **JavaScript** anywhere (called **Node.js**).
 
 - **Node.js** can be executed on any machine and is therefore often used to build web backends (server-side **JavaScript**).
 
-- **Node.js** **can** access the local filesystem, interact with the operating system etc. It **can't** manipulate HTML or CSS.
+- **Node.js** **can** access local filesystem, interact with the operating system etc. It **can't** manipulate HTML or CSS.
 
 ## What will you learn in this course?
 
@@ -102,8 +102,6 @@ There are **three** levels of learning in this course:
 
 ## Useful Resources & Links
 
-The following resources may be helpful for starting your journey:
-
 - VS Code Docs: <https://code.visualstudio.com/docs>
 
 - VS Code Keybindings: <https://code.visualstudio.com/docs/getstarted/keybindings>

Learn/18. JavaScript Modules.md

@@ -62,7 +62,7 @@ export class Component {
 
 For use modular code, you need:
 
-1. You need to install **NodeJS** app in your computer. Then use `npm install -g serve` command for install a custom web server. You can use it with `serve` command in **NodeJS**. Or you can use google chrome web server plugin to use it.
+1. You need to install **NodeJS** app in your computer. Then use `npm install -g serve` command for install a custom web server. You can use it with `serve` command in **NodeJS**. Or you can use google Chrome web server plugin to use it.
 2. For the `app.js` file, you need to set the `type` attribute and `module` for its value. For example:
 
    ```html

Learn/20. Working with Browser Storage.md

@@ -127,7 +127,7 @@ storeBtn.addEventListener("click", () => {
 });
 ```
 
-You need to install **NodeJS** app in your computer. Then use `npm install -g serve` command for install a custom web server. You can use it with `serve` command in **NodeJS**. Or you can use google chrome web server plugin to use it.
+You need to install **NodeJS** app in your computer. Then use `npm install -g serve` command for install a custom web server. You can use it with `serve` command in **NodeJS**. Or you can use google Chrome web server plugin to use it.
 
 We can see or get our cookie easily with `document.cookie` code, for example:
 
@@ -267,7 +267,7 @@ More on Cookies: <https://developer.mozilla.org/en-US/docs/Web/API/Document/cook
 
 ## IndexedDB
 
-IndexedDB is the most complex storage. You need to install **NodeJS** app in your computer. Then use `npm install -g serve` command for install a custom web server. You can use it with `serve` command in **NodeJS**. Or you can use google chrome web server plugin to use it.
+IndexedDB is the most complex storage. You need to install **NodeJS** app in your computer. Then use `npm install -g serve` command for install a custom web server. You can use it with `serve` command in **NodeJS**. Or you can use google Chrome web server plugin to use it.
 
 Let's start with indexedDB. For that, we must create a database request with `window.indexedDB.open("name", version)` (you can omit the `window` object):
 

Learn/26. Performance Optimizations.md

@@ -61,7 +61,7 @@ There are a couple of different ways of measuring it. As we mentioned, the brows
 
 ## Woking with Chrome DevTools
 
-- We can check the **Elements** tab in google chrome browser. We can see the highlight of elements when they were changed, added and removed. For example, if you have a list item (`ul` with some `li`s), when you delete one of that (list), all lists will be highlighted and it is related to the performance topic.
+- We can check the **Elements** tab in google Chrome browser. We can see the highlight of elements when they were changed, added and removed. For example, if you have a list item (`ul` with some `li`s), when you delete one of that (list), all lists will be highlighted and it is related to the performance topic.
 
 - We can go to the **Network** tab and at the top of the page, we select the **slow 3G** mode and enable the `Disable caches` checkbox (for disabling the cache). Now if we have a script file more than `1MB`, the buttons and other elements will not work anymore until the file is downloaded. This is now why a too large script file could be a problem.