Web Development with Javascript


  • exposure to html, css will be added advantage


Without knowledge of javascript it’s almost impossible to do web development in today’s era. Typically, these days people are aware of HTML, CSS, however programming with javascript requires good effort, understand relevant technologies, APIs etc. This course deals the javascript programming aspects in detail and with hands-on coding.

The tutorial covers Application development like: Game Application, Fun with strings , Super market invoicing, Searching, webpage color change., Calendar application, Advertisement notifications, Image gallery; Interaction with Server, Web: json format, interaction with web via json, Asynchronous Interaction with Server, Async interaction via XHR, Async interaction via fetch(), webform interaction (GET, POST), Sending formdata via javascript, Sending webform via javascript, Read Binary File, Send Binary file (Image) to Server, Uploading multiple files to Server, Display Images (Object URLs), Fetch , Promise interaction with Server, Promise all interaction with Server; Client Side Storage: cookies, Web Storage, cache, IndexedDB CRUD, IndexedDB  BLOB, server fetch; Graphics with canvas; OO programming.

Following topics are covered as part of this course:

Application development with javascript:

  • Game Application, Guess no
  • Fun with strings , utilities
  • Super market invoicing
  • Searching
  • Dropdown, webpage color change
  • Simple calendar, real calendar
  • Advertisement notifications
  • Simple image gallery
  • Hands-on development of applications

Object Oriented Programming

  • Classes and objects
  • Inheritance
  • Overriding
  • getter, setter
  • Hands-on with OOP

Interaction with Server, Web

  • json format, interaction with web via json
  • Asynchronous Interaction with Server
  • Async interaction via XHR
  • Async interaction via fetch()
  • webform interaction (GET, POST)
  • Sending formdata via javascript
  • Sending webform via javascript
  • Read Binary File, Send Binary file (Image) to Server
  • Uploading multiple files to Server
  • Display Images (Object URLs) – Gallery
  • Fetch , Promise interaction with Server
  • Promise.all interaction with Server
  • Hands-on development

Client Side Storage

  • cookies
  • Web Storage (sessionStorage /localStorage),
  • cache
  • IndexedDB CRUD operations
  • IndexedDB BLOB (movies)
  • fetch from Server, Storage, Display
  • Hands-on development


  • Canvas Overview
  • Bouncing a Ball – Game Development
  • Hands-on development

Who this course is for:

  • Beginners, Intermediate level students eager to learn scripting, Advanced level students who have done programming in other languages but interested in web development using javascript
Get This Free Course


Pin It on Pinterest