Web Development via JavaScript with Live programming
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 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
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
