Web Development with Javascript

Hands on development with Javascript

What you'll learn
JavaScript, Web applications development, Interaction with Server & Web, Storage/ Database, Graphics
Requirements
exposure to html, css will be added advantage
Description
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

Graphics

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