UI Technologies with Full Stack (Online)

(HTML5, CSS3, JavaScript ES6, JQuery, AJAX, TypeScript, Bootstrap 4, Node JS, Express JS,
Mongo DB, React JS, Unit Testing)
HTML Form Elements like Input, text area, select Box,
Introduction to UI data list etc.
Web Application Architecture HTML Form Input Types
List of Technologies used to Web Development HTML Form Attributes
Understanding project development process HTML Field Set & Legend Tags
List of environments involved in Development (Online Job Application Form)
Types of Software Companies
Roles of UI Developer
Layout Elements in HTML 5
Roles of UI Designer
Introduction
Difference between UI Developer & UI Designer
HTML Header Tag
Tools Used for UI / UX HTML footer Tag
Development Environment Setup
HTML Section, Article Tags
Installation of Editors like WebStorm IDE
HTML Aside Tag
Installation of Node JS
Installation of Live Server HTML Nav Tag
How to download source code for development HTML figure , figcaption tags
Integrate the source code with the editor HTML Details , Summary tags
Usage of live server HTML Audio , Video tags
Usage of Source Code (Documentation Website)
Basics of UI
Introduction to Web Introduction to CSS3
Introduction to HTML 5 Introduction,
How it works CSS Selectors, CSS Pseudo classes selection
Structure of an HTML Doc Inline CSS, Internal CSS, External CSS
HTML First Application CSS Basics
Rules of HTML coding CSS Colors RGB , HEX , HSL , RGBA , HSLA
HTML Headings CSS Backgrounds
HTML Paragraphs CSS Borders
HTML DIV Tag CSS Margins
HTML Span Tag CSS Paddings
HTML Text Formatting Tags CSS Outlines
HTML Un ordered Lists CSS Text Formatting
HTML Ordered Lists CSS Fonts
HTML Images CSS Links
HTML Tables CSS Tables
HTML Links CSS Positions
HTML Entities CSS Box Model
HTML I frames CSS Display Properties
(A Food Website) CSS Floats
CSS Vertical Navigation bar
HTML forms CSS Horizontal Navigation bar
Introduction to HTML Forms CSS Dropdowns
CSS Dropdown Navigation bar

----------------------------------------------------------------------------------------------------------------------------------------------------------------
https://github.com/thenaveensaggam | https://uibrains.github.io/ | Ui Brains | Mr. Naveen Saggam
 UI Technologies with Full Stack (Online)
(HTML5, CSS3, JavaScript ES6, JQuery, AJAX, TypeScript, Bootstrap 4, Node JS, Express JS,
Mongo DB, React JS, Unit Testing)
CSS Tooltips Advanced JavaScript
CSS Forms JavaScript Callback Functions
CSS Image Gallery JavaScript Promises
CSS 2D Transformation JavaScript Scopes & Closures
CSS 3D Transformation ES6 features
CSS3 Transitions ES6 Template Strings
CSS3 Animations ES6 for-of loops
CSS3 Advanced Animations ES6 Arrow Functions
CSS3 Flex boxes ES6 DE structuring Concept
CSS3 Media Queries ES6 Spread Operators
(Electronic Gadgets Website) ES6 Classes
(Online Resume Website) ES6 Inheritance with Classes
(OYO Rooms Website) ES6 Collections like Map, Set
JavaScript Exception Handling
JavaScript with ES6 (JavaScript Book Store App)
Introduction to JavaScript
JavaScript features JQuery
Understanding Runtime Env Introduction
Why to Learn JavaScript JQuery Basics
Setting up Development Env JQuery Selectors
JavaScript Variable Declaration JQuery Events
JavaScript Data Types JQuery Effects
JavaScript Operators JQuery Examples
JavaScript Conditional Statements JQuery DOM Manipulation
JavaScript Intro Data Structures JQuery forms Manual
JavaScript Objects JQuery forms Automatic
JavaScript Arrays JQuery with Bootstrap App
JavaScript Functions JQuery Magnifier Plugin
JavaScript Math , Date , String , Number Objects JQuery Count To Plugin
JavaScript DOM Intro JQuery Gauge Plugin
JavaScript DOM Manipulations JQuery Calculator App
JavaScript Event Handling JQuery Dependent Select boxes
JavaScript Event Listeners JQuery Form Validation
JavaScript Form validation AJAX Basics
JavaScript Number App JSON Basics
JavaScript Calculator App JavaScript AJAX
JavaScript SMS App JQuery AJAX
JavaScript Digital clocks JQuery AJAX with Bootstrap
JavaScript Dependent Select Boxes (JQuery Typing Tester App)
(JavaScript Typing Tester App) (JQuery Employee Registration App)

----------------------------------------------------------------------------------------------------------------------------------------------------------------
https://github.com/thenaveensaggam | https://uibrains.github.io/ | Ui Brains | Mr. Naveen Saggam
 UI Technologies with Full Stack (Online)
(HTML5, CSS3, JavaScript ES6, JQuery, AJAX, TypeScript, Bootstrap 4, Node JS, Express JS,
Mongo DB, React JS, Unit Testing)
Bootstrap 4 Node JS Installation
What is Bootstrap? Node JS Console, REPL
Features of Bootstrap REPL Commands
History of Bootstrap Node JS Basics
Bootstrap Overview Node JS Modules Intro
Bootstrap Installation Export and Import Modules
Tools Used for Web Development Node JS Core Modules
Setting Development Environment Node JS Custom Modules
Bootstrap First Application Node JS npm Nodules
Bootstrap Components Overview Creating Node JS Web Server
Basic Typography Node JS Routing System
Text Alignment & Display Frameworks for Node JS
Floats Position in Bootstrap Express JS
Colors Background Introduction to Express JS
Spacing in Bootstrap Express JS Installation
Sizing in Bootstrap Creating Webserver using Express JS
Breakpoints in Bootstrap Express JS Routing System
Buttons in Bootstrap Handling Requests with Express JS
Navigation bars in Bootstrap GET Request Parameters with Express JS
List groups and Badges in Bootstrap GET Request Queries with Express JS
Forms in Bootstrap POST Request handling with Express JS
Input groups in Bootstrap Serving Static files with Express JS
Alerts & Progress bars in Bootstrap MVC architecture with Express JS
Tables & Pagination in Bootstrap Express JS with Bootstrap Integration
Cards in Bootstrap Template Engines Introduction
Media Objects Express Generator Tool and Usage
Grid System in Bootstrap EJS Template Engine and Usage
Grid Alignments in Bootstrap EJS Template Engine with Bootstrap App
Flex boxes in Bootstrap
Auto margin & wrapping order in
Carousels in bootstrap
Mongo DB
Collapse classes in Bootstrap Introduction to Databases
Tooltips in Bootstrap Advantages of Mongo DB over RDBMS
Popovers in Bootstrap Installation of Mongo DB
Modals in bootstrap Usage of Mongo DB Shell
(Corporate Website Using Bootstrap) Mongo DB Create / DROP Database
(Admin Dashboard Website Using Bootstrap) Mongo DB Create / DROP Collections
Mongo DB READ operations
Node JS Mongo DB UPDATE Operations
What is Node JS? Mongo DB DELETE Operations
Why Use Node JS Integration of MongoDB to Node JS App
Features of Node JS Integration of MongoDB to Express JS Web App
Traditional Webserver Model Integration Express JS , MongoDB , Bootstrap
Node JS webserver Model
----------------------------------------------------------------------------------------------------------------------------------------------------------------
https://github.com/thenaveensaggam | https://uibrains.github.io/ | Ui Brains | Mr. Naveen Saggam
 UI Technologies with Full Stack (Online)
(HTML5, CSS3, JavaScript ES6, JQuery, AJAX, TypeScript, Bootstrap 4, Node JS, Express JS,
Mongo DB, React JS, Unit Testing)
Server Side Form Validation using Express Validator
(ACT Service Website using Express JS, Mongo DB)
Course Highlights:
React JS
1) Complete Real Time Oriented Course Structure
Introduction to React JS
2) Laptops are mandatory for attending this
First Application Creation
course.
File Structure
3) Each Technology will be covered from Zero to
Functional Components
Hero strategy.
Class based Components
4) Each Technology is perfectly organized with
JSX Info
Starter Template and Completed Template.
Styling Using CSS
5) Complete Source code will be provided time to
Styling Using Bootstrap
time after completion of each Topic (Daily).
Props in React JS
State in React JS
Event Handling in React JS Thanks for your interest in learning and
Event Binding in React JS Development of UI Technologies.
Form Handling in React JS - Naveen Saggam
Conditional Rendering
List Rendering
Component LifeCycle Methods
Axios Library Introduction
Sending HTTP requests Using Axios.
Configure React with Express JS Backend
Employee Portal Website (MERN Stack) with React JS,
Bootstrap, Node JS, Express JS , Mongo DB

Unit Testing with JavaScript

Introduction to Unit Testing
Importance of UNIT Testing
Introduction to JavaScript Testing Libraries
Mocha Testing Library
Chai, Simon Testing Library
Introduction to Test Coverage
Istanbul Test Coverage Tool
JEST Testing Framework for JavaScript
Future Learnings and careers opportunities of UI and
Certification in UI, Resume Preparation

----------------------------------------------------------------------------------------------------------------------------------------------------------------
https://github.com/thenaveensaggam | https://uibrains.github.io/ | Ui Brains | Mr. Naveen Saggam