FULL STACK WEB DEVELOPMENT (HTML5, CSS3, JavaScript, ES6, JQuery, , Bootstrap 4, MONGODB, NODEJS, EXPRESSJS, ….)

Introduction to UI / UX HTML Forms CSS Dropdowns Web Application Architecture Introduction to HTML Forms CSS Dropdown Navigation bar Technologies used to Web HTML Form Elementslike Input,text CSS Tooltips Development area, select Box,data list etc. CSS Forms Project Development Process HTML Form Input Types CSS Image Gallery List of environments involved in HTML Form Attributes CSS 2D Transformation Development HTML Field Set& Legend Tags CSS 3D Transformation Types of Software Companies Project: Online Job Application Form CSS3 Transitions Roles of UI Developer CSS3 Animations Roles of UI Designer Layout Elements in HTML 5 CSS3 Advanced Animations Difference between UI Developer & UI Introduction CSS3 Custom Buttons Designer HTML Header Tag CSS3 Flex Boxes HTML footer Tag CSS3 Media Queries Tools Used for UI / UX HTML Section , Article Tags CSS3 SASS, LESS Development Environment Setup HTML Aside Tag CSS Minifies Installation of Editors HTML Nav Tag Best Practices in CSS Installation of Node JS HTML figure ,figcaption tags Project: Technology Portal Website Installation of Live Server HTML Details , Summary tags Project: Online Resume Website How to download source code for HTML Audio , Video tags development Project: Corporate Training Website JavaScript with ES6 Integrate the source code with the Introduction to JavaScript editor Introduction to CSS3 JavaScript features Usage of live server Introduction, Understanding Runtime Env Usage of Source Code CSS Selectors, CSS Pseudo classes Why to Learn JavaScript Introduction to Web selection Setting up Development Env

Inline CSS, Internal CSS, External CSS JavaScript Variable Declaration Introduction to HTML 5 CSS Basics JavaScript Data Types How it works CSS Colors RGB , HEX , HSL , RGBA , JavaScript Operators Structure of an HTML Doc HSLA JavaScript Conditional Statements HTML First Application CSS Backgrounds JavaScript Intro Data Structures Rules of HTML coding CSS Borders JavaScript Objects HTML Headings CSS Margins JavaScript Arrays HTML Paragraphs CSS Paddings JavaScript Functions HTML DIV Tag CSS Outlines JavaScript Math , Date , String , HTML Span Tag CSS Text Formattings Number Objects HTML Text Formatting Tags CSS Fonts JavaScript DOM Intro HTML Un ordered Lists CSS Links JavaScript DOM Manipulations HTML Ordered Lists CSS JavaScript Event Handling HTML Images CSS Positions JavaScript Event Listeners HTML Tables CSS Box Model JavaScript Form validation HTML Links CSS Display Properties JavaScript Number App HTML Entities CSS Floats JavaScript Calculator App HTML I frames CSS Vertical Navigation bar JavaScript SMS App Project: The Yummy Foods Website CSS Horizontal Navigation bar JavaScript Digital clocks

JavaScript Dependent Select Boxes JavaScript AJAX Auto margin & wrapping order in Project: JavaScript Typing Tester App JQuery AJAX Carousels in bootstrap JQuery AJAX with Bootstrap Collapse classes in Bootstrap Advanced JavaScript Project: JQuery Typing Tester App Tooltips in Bootstrap JavaScript Callback Functions Project: JQuery Employee Popovers in Bootstrap JavaScript Promises Registration App Modals in bootstrap JavaScript Scopes & Closures ES6 features Bootstrap 4 Project: Corporate Website ES6 Template Strings What is Bootstrap? Project: Admin Dashboard Website ES6 for-of loops Features of Bootstrap ES6 Lamda / Arrow Functions History of Bootstrap ES6 DE structuring Concept Bootstrap Overview ES6 Spread Operators Bootstrap Installation ES6 Classes Tools Used for Web Development ES6 Inheritance with Classes Setting Development Environment ES6 Collections like Map, Set Bootstrap First Application JavaScript Exception Handling Bootstrap Components Overview Project: JavaScript Book Store App Basic Typography JQuery Text Alignment & Display Introduction Floats Position in Bootstrap JQuery Basics Colors Background JQuery Selectors Spacing in Bootstrap JQuery Events Sizing in Bootstrap JQuery Effects Breakpoints in Bootstrap JQuery Examples Buttons in Bootstrap JQuery DOM Manipulation Navigation bars in Bootstrap JQuery forms Manual List groups and Badges in Bootstrap JQuery forms Automatic Forms in Bootstrap JQuery with Bootstrap App Input groups in Bootstrap JQuery Magnifier Plugin Alerts & Progress bars in Bootstrap JQuery Count To Plugin Tables & Pagination in Bootstrap JQuery Gauge Plugin Cards in Bootstrap JQuery Calculator App Media Objects JQuery Dependent Select boxes Grid System in Bootstrap JQuery Form Validation Grid Alignments in Bootstrap AJAX Basics Flex boxes in Bootstrap JSON Basics

NODE JS Mongo DB Type Script What is Node JS? Introduction to Databases Introduction to Why Use Node JS Advantages of Mongo DB over RDBMS TypeScript Installation Features of Node JS Installation of Mongo DB Typescript variable declarations Traditional Webserver Model Usage of Mongo DB Shell Typescript data types Node JS Webserver Model Mongo DB Create / DROP Database Typescript conditional / looping Node JS Installation Mongo DB Create / DROP Collections statements Node JS Console, REPL Mongo DB READ operations Typescriptobjects , Arrays REPL Commands Mongo DB UPDATE Operations Typescript functions Node JS Basics Mongo DB DELETE Operations Object orientation concepts Node JS Modules Intro Integration of MongoDB to Node JS ->private , protected , public Export and Import Modules App ->objects Node JS Core Modules Integration of MongoDB to Express JS ->classes Node JS Custom Modules Web App ->constructors Node JS Nodules Integration Express JS ,MongoDB , ->encapsulations Creating Node JS Web Server Bootstrap ->inheritance Node JS Routing System Server Side Form Validation using ->interfaces Frameworks for Node JS Express Validator ->getters , setters (ACT Service Website using Express JS, ->methods Express JS Mongo DB) Collections in typescript Introduction to Express JS Exception handling in typescript Express JS Installation Unit Testing Modules in typescript Creating Webserver using Express JS Introduction to Unit Testing Express JS Routing System Advantages of Unit Testing Design patterns in typescript Handling Requests with Express JS Roles of Developer in Unit Testing GET Request Parameters with Express Various Unit Testing libraries and Angular 9 JS frameworks Angular Introduction GET Request Queries with Express JS Setting up environment with Unit Angular JS vs Angular POST Request handling with Express Testing Angular Architecture JS Mocha Library Integration What is Single Page Application? Serving Static with Express JS Chai Library Introduction to Angular CLI MVC architecture with Express JS JEST testing framework Software setup of Angular Express JS with Bootstrap Integration Importance of Test Coverage in Unit Angular CLI Commands Template Engines Introduction testing Creating AngularApplication Express Generator Tool and Usage Test coverage reports Angular Modules Creation EJS Template Engine and Usage Generating test coverage reports with Angular Components Creation EJS Template Engine with Bootstrap Istanbul Angular Template Generation App Generating test coverage reports with ConfiguringStyles with Angular REST API with Express JS JEST Application like CSS , Bootstrap frameworks

Data Binding with Angular Importance form validations Angular Interpolation Template Driven Form Validation Angular Material Angular Event Binding (template to Reactive Form Validation Angular Material Introduction class) Demo App on Form Validation + Angular Material Integration Angular Template Reference Variables Routing + HTTP + Routing + Bootstrap Angular Material Form Components Checkbox, date picker, radio buttons, Angular Two-way Data Binding Introduction to Authentication & select, slider (FormsModule) Authorization Angular Material Navigations Menu, -> username change JWT Web tokens & Sessions sidebars, Navigation bars -> select box change Configuring JWT with Angular Angular Material Layout components -> show password example Local Storage of Tokens in Angular Cards, grid list, steppers,tabs, trees -> sms application Verification of Tokens with NODE JS Angular Material Buttons, Badges, -> dependentselectbox server chips, progress bars, tooltips, -> Range selection Demo App on Login & Logout Pagination, tables etc. -> form Submission Mechanism Angular Structural Directives Importance of Routing in Angular -> ng-if Configuring Angular Routes Projects in Angular -> ng-switch Configuring Navigation links with 1) Github finder App -> ng-for Angular 2) Spotify Music App using Angular -> Usecases Demo App on Angular Routing & 3) Events Booking App with JWT Demo App on Angular Directives Bootstrap Authentication with Server & Angular component Lifecycle MongoDB Demo Products Kart Application Integrating Angular apps with Server 4) Employee Portal App Angular Components Interaction environments like Node JS , Express JS Angular Pipes | Filters Examples Form handling with client and server What is Angular Services &Usage with databases. Dependent Injection Integrating Angular apps with Creating Angular Services using CLI Configuring Angular Services, Custom Webhosting of Angular App on Services Heroku and Netlify websites. Demo App on Angular Services + Bootstrap Use of Angular with HTTP Module Configuring HTTP clients with Angular Introduction of Angular Observables Angular Handling HTTP Errors Demo App on Angular HTTP + Bootstrap