Web Development via JavaScript with Live programming

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 web development aspects in detail and with hands-on coding.

Web development is the work involved in developing a Web site for the Internet (World Wide Web) or an intranet (a private network). Among Web professionals, “Web development” usually refers to the aspects of building Web sites: writing markup and scripting /coding.

Following topics are covered as part of this course:

javascript topics

• variables
• numbers
• conditional execution
• Loops
• Functions
• object function
• Arrow Function
• Arrays
• Strings
• Date
• window object
• Document Object Model (DOM) methods
• Events
• OOP

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