JavaScript

  1. Introduction – Difference between java and javascript and typescript and ecmascript
  2. Hello World in Chrome Console
  3. console.log() function
  4. alert() function
  5. console.trace() function
  6. Variables and datatypes
  7. Concatenation and Template Literals
  8. Difference between x, var x and let x
  9. document.getElementById
  10. document.getElementsByClassName
  11. document.querySelector
  12. value vs innerHTML
  13. Array – One dimensional and Multi dimensional
  14. Array Functions: forEach, map, reduce, filter, includes
  15. JSON object
  16. functions
  17. function with default arguments and …(spread operator / triple dots) argument
  18. setTimeout and setInterval function
  19. callback function
  20. lambda expression or arrow ()=>{} function in javascript
  21. events: onclick onkeypress onkeydown onkeyup onmouseover
  22. addEventListener(event, callBackFunction)
  23. function prototype
  24. class and objects using ECMA Script
  25. Object Destructuring
  26. Array of JSON
  27. AJAX using fetch API

Reference:

Video Tutorial

Sample JSON data

Assignments

  • Basic (Solve any 5)
  • Conditional: (Solve any 5)
    if statement
    switch statement
  • Loops (Solve any 5)
  • Functions (Solve any 5)
  • One Dimensional Array (Solve any 5)
  • Two Dimensional Array (Solve any 5)
  • OOPS (Solve any 5)
  • WAP to create array of json having 10 records with key name age city and salary and print the records in HTML table
  • WAP to find addition, subtraction, multiplication, division and modulus of two numbers using jQuery
  • AJAX – WAP to fetch data from following REST API and show in HTML Table (User fetch and $.ajax)
    1. https://jsonplaceholder.typicode.com/users/
    2. http://dummy.restapiexample.com/api/v1/employees
    3. https://reqres.in/api/users
    4. https://api.randomuser.me/

Task: WAP to fetch data from google sheet
Ref Link: https://codeinsightacademy.com/blog/javascript/fetch-data-from-google-sheet/

Wireframe for assignment and task

Ref Link: https://sejal14sp.gitlab.io/programs/