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. functions
  14. function withdefault arguments and …(triple dots) argument
  15. setTimeout and setInterval function
  16. callback function
  17. lambda expression or arrow ()=>{} function in javascript
  18. events: onclick onkeypress onkeydown onkeyup onmouseover
  19. addEventListener(event, callBackFunction)
  20. function prototype
  21. class and objects using ECMA Script 6
  22. Array – One dimensional and Multi dimensional
  23. Array Functions: forEach, map, reduce, filter, includes
  24. JSON object
  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/