Learning-JavaScript

My main domain revolves around Data Science and Machine Learning. As I expand my knowledge, I’m currently learning the basics of JavaScript, and this repository contains related resources and work.

As of Now, I am not that good in JS. The Amazon js one is also not fully functional. This projects Just uses concepts like modules, DOM manipulation, MVC model and object oreinted programming.

Next, I want to learn backend, create projects in it and create more variety of Projects in JavaScript.

---

Videos that I followed

• Chai aur Code: https://youtu.be/sscX432bMZo?feature=shared
• Chai aur Code: https://youtu.be/_TjtAyMkiTI?feature=shared
• SuperSimpleDev: https://youtu.be/EerdGm-ehJQ?feature=shared

---

What Does this include ?

• Some Important Points related to JavaScript
• Some Intorductory Code used to practice basics of JavaScript
• Amazon View Using html, css and JavaScript

1. Important Notes

Contains Important points related to basic properties of Javascript like: Basics Properties of JS, Objects, JSON, localStorage, Autoboxing, DOMs, XML HTTP api requests, v8 engine, Promises, Fetch, Prototype nature of JS and Testing

A) 1_Basics_&_Objects.txt

- Best Practices and Main Idea of JavaScript
- Adding JS to HTML and CSS
- event and event listerners
- Variables
- Triple and Double equals
- Objects
- Memory in JS

B) 2_JSON_&localStorage&_Autoboxes.txt

C) 3_DOM_&_Extra.txt

- Document Object Model
- Properties for Specific elements
- Methods for all or specific
- Important Points
- Important Functions in JS
- Important Concepts
    - setTimeout()
    - setInterval()
    - Async Code
    - Sync Code
    - Arrow Functions
    - addEventListeners
    - event_bubbling and event_capturing
    - closure
    - this keyword
    - Immediately Invoked Functions Expressions

D) 4_XML_HTTP_API_req_&_v8_engine.txt

- The basic shenanigans of XML Http Requests [ Values and State ]
    - onreadystatechange
    - readyState
- V8 Engine

E) 5_Promise_js.txt

- Promise
- Event Completion (resolve)
- Event Failure (reject)
- .then() callback chain
- Async/Await
- .then / .catch
- creating promise object
- then and catch
- Async/Await with try/catch

F) 6_Fetch.txt

- fetch
- Example of Fetch
- call, apply and bind

Async.jpg & Fetch.png explain the inner working of JS engine, callbacks and fetch.

G) 7_Prototype_Nature_of_JS.txt

- the prototype nature: mechanism by which objects can inherit features from one another
- this keyword
- new keyword
- Class and OOPs are forced prototype behavior in JS
- Getter and Setter

H) 8_Testing.txt

- Basics of Testing in JS
- One of the Testing framework used in this Project: JASMINE
- Basic File Str of Jasmine
- Creating Test Suite in Jasmine
- Compare Values in Jasmine
- Mocks in Jasmine
- Hooks in Jasmine

2. Practice-Works

1. todo-app: Practicing Basics of JS by building a basic todo

2. rock-paper-scissor: Practicing Basics of JS by building a basic rock-paper-scissor

3. Amazon-JS

Practicing Basics and Intermediate concepts, Testing Concepts, Concepts like Classes, Objects and API Request of JS by building a simple view of amazon which includes JS to interact with header elements to redirect user, handling events and

- List of products [ in JSON + JS Object format ]
    - to display on page using JS DOM
    - to create cart
- Making Add to cart button interactive using event listeners and DOMs 
- Modules =  better way to organize our code 
- HTML link elements and radio selectors 
- Making link interactive using event listeners and DOMs 
- Saving cart in localStorage [ using the concept of JSON.stringify and JSON.parse ] 

- Using External Libraries = DayJS
- External Libraries + JS Modules, Default export
- Created the delivery section
- MVC = Model-View-Controller
    - [MVC to render the page or a section whenever user interacts with the page]    
- Created the payment section

- Manual and automated tests
- Test cases and test suites 
- testing framework - Jasmine [Important-Notes/8_Testing.txt]
- Unit and Integration Testing 
- Hooks

- Object Oriented Programming 
- Using Functions to generate objects 
- classes 
- private properties and methods
- Inheritance
- Method Overriding and Polymorphism
- More details about "this"

- Backend and HTTP
- XMLHTTPRequest and fetch()
- Async code [Callbacks, promises, async await] 
- Test Async code 
- Error Handling 
- URL parameters 

*Trial.js: * Contains code that I wrote to practice some of the concepts.