JavaScript-Notes

Descriptive ES6 JavaScript Notes

View on GitHub





Descriptive ES6 JavaScript Notes </div>


# Introduction This repository contains descriptive notes of almost every ES6 JavaScript topic(including depcrecated topics) in the form of comments in JavaScript files. This repository will also contain links to JavaScript Projects which you can make while follwing the curriculum ## Table of Contents - [Introduction](#introduction) - [Table of Contents](#table-of-contents) - [Points to be noted](#points-to-be-noted) - [Folder Structure](#folder-structure) - [Curriculum](#curriculum) ## Points to be noted - Links will be provided in the notes for extra information - It will be specified in the notes whether a function/method is deprecated or non-functional - There will be exercises - There will be Projects - The notes aren't complete yet and will be posted consistently ## Folder Structure Each JavaScript folder/file is named with the following naming convention: `topicName`+`topicSerialNumber`

For example, the name of the topic is `functions` and the serial number of the topic is `7`, so the folder name would be `functions7`

Many a time, inside a folder you would find a HTML Markup file and a javascript file for the same ## Curriculum There will be about 55 to 60 tutorial notes. The topics are as follows: 1. [Introduction to Javascript](https://github.com/hamiecod/JavaScript-Notes/tree/main/intro1/intro1.js) 2. [Console Object](https://github.com/hamiecod/JavaScript-Notes/tree/main/console2/console2.js) 3. [Variables](https://github.com/hamiecod/JavaScript-Notes/tree/main/variables3/variables3.js) 4. [Data Types](https://github.com/hamiecod/JavaScript-Notes/tree/main/dataTypes4/dataTypes4.js) 5. [Type Conversion and Coercion](https://github.com/hamiecod/JavaScript-Notes/tree/main/typeConversionCoercion5/typeConversionCoercion5.js) 6. [Strings](https://github.com/hamiecod/JavaScript-Notes/tree/main/strings6/strings6.js) 7. [Arrays and Objects](https://github.com/hamiecod/JavaScript-Notes/tree/main/arraysObjects7/arraysObjects7.js) 8. [Conditionals](https://github.com/hamiecod/JavaScript-Notes/tree/main/conditionals8/conditionals8.js) 9. [Loops](https://github.com/hamiecod/JavaScript-Notes/tree/main/loops9/loops9.js) 10. [Functions](https://github.com/hameicod/JavaScript-Notes/tree/main/functions10/functions10.js) 11. [DOM window object manipulation](https://github.com/hamiecod/JavaScript-Notes/tree/main/manipulatingDOM11/manipulatingDOM11.js) 12. [Understanding DOM](https://github.com/hamiecod/JavaScript-Notes/tree/main/understandingDOM12/understandingDOM12.js) 13. [WebPage Crawler-1](https://github.com/hameicod/JavaScript-Notes/tree/main/webCrawler1-13/webCrawler1-13.js) 14. [HTML Selectors](https://github.com/hamiecod/JavaScript-Notes/tree/main/DOMSelectors14/DOMSelectors14.js) 15. [Children, Parent and Traversing the DOM](https://github.com/hamiecod/JavaScript-Notes/main/tree/traversing15/traversing15.js) 16. [Creating, Removing and Replacing Elements](https://github.com/hamiecod/JavaScript-Notes/main/tree/DOMElements16/DOMElements16.js) 17. [Events and Event Object](https://github.com/hamiecod/JavaScript-Notes/main/tree/events17/events17.js) 18. [More on Events](https://github.com/hamiecod/JavaScript-Notes/main/tree/moreEvents18/moreEvents18.js) 19. [Local and Session Storage](https://github.com/hamiecod/JavaScript-Notes/main/tree/storage19/storage19.js) 20. [Creating editable div](https://github.com/hamiecod/JavaScript-Notes/main/tree/editableDiv20/editableDiv20.js) 21. [Project1- Notes Taking App](#) 22. Math Object 23. Date Object 24. Creating an editable div-2 25. Improving notes website 26. Object Literals and Constructors 27. Object Prototype 28. Notes App 29. Prototype Inheritance 30. ES6 Classes and Inheritance 31. Implimenting a library class 32. [Project2- College Library Website](#) 33. What is Asynchrounous Programming? 34. AJAX 35. Library Class Implementation 36. Callback functions 37. Using a dictionary API 38. Promises 39. [Project3- Creating a News Website] 40. Arrow Functions 41. Fetch API 42. Async/Await 43. Error Handling and Try Catch 44. Using JavaScript Objects 45. JavaScript Regular Expressions and related functions 46. Regular Expressions- Metacharacters in JavaScript 47. Regular Expressions - Character Sets 48. Regular Expressions - Shorthand character classes 49. [Project4- Form Validation using regular expressions](#) 50. Iterators 51. Creating an Alarm App 52. Generators 53. Alarm Clock 54. [Project5- Creating a CV Screener](#) 55. For of vs For in loop 56. Maps 57. Sets 58. Symbols 59. Destructuring 60. Javascript Wall Clock 61. Creating a Clock 62. [Project6- Postman Clone](#) 63. Drag and Drop elements with JavaScript 64. [Project7- Creating a Calculator](#)