Project Description


Detailed Course Content

What Is UI/Web Development?

  • What is web how it works?
  • What is UI Development?
  • Basic overview of application architecture
  • Key elements and technologies in UI Development

UXD Overview

  • Strategy
  • Scope
  • Structure
  • Skeleton
  • Surface
  • Misc(Wireframe, Information Arc, Interaction Design, Accessibility, Usability etc)

UI Design

Html/Html 5 Elements

  • What is html?
    • What is tags and elements
    • What is attributes

Purpose of html

Html Document anatomy

Html Validation

More about Doc types

Html Document Head

  • Title
  • Meta tag
  • Charset
  • Style tag
  • Script tag
  • Link tag
  • Base tag
  • Complete overview of head

Html Body

  • Content types/ Data types
  • What is Semantic?
  • Block vs Inline elements
  • Text format
  • Display different type of text content
  • Header tags
  • White spaces
  • Formatting etc
  • Html entities
  • Links
  • Anchor tags
  • Target, title attributes
  • Relative vs Absolute
  • Id links and External id links
  • Access Keys ………
  • Html Lists
    • i.    Unordered list
    • ii.   Ordered list
    • iii.  Definition list
  • Nested list
  • Table
    • i       Table structure
    • ii      Semantic Table structure
    • iii.    Rows – Columns
    • iv.    Col Span
  • Row Span
  • Cell padding, Cell spacing
  • Borders and formatting table
  • Images and objects
  • Embedding images
  • Working with Transparent images
  • Embedding Video audio
    • Object tag with params
    • Html5 video audio embedding system
    • Browser compatibility issues and how to over come
  • Html forms
  • Form tag
  • Input types
  • Accessible forms
  • URL Encoding
  • Layouts and semantic html layout structure
  • Usability & Accessibility standards
  • Creating pure html template
  • Conditional statements
  • Improve Performance
  • HTML 4 vs HTML 5

What are JS Frameworks?


  • What is JQeury?
  • Embedding JQuery to html documents
  • Jquery Selectors
  • Jquery Css
  • Jquery Dimensions
  • Manipulation
  • Traversing
  • Jquery Events
  • Jquery Effects
  • Ajax
  • Data manipulation from Dynamic sources
  • Services
    • REST
    • SOAP overview
  • Form Validation
  • Project With JQuery
  • Plugins
  • Exploring Jquery UI


  • What is css?
  • Types of css
  • Syntax
  • Selectors
  • Colours
  • Lengths & Percentages
  • Formatting html elements
  • Css box model
  • Grouping
  • Nesting
  • Pseudo classes and elements
  • Floats
  • Display property
  • Positions
  • Layers
  • Background images
  • Shorthand properties
  • Css specificity
  • Css 3 new features
    • Rounded corners
    • Gradients
    • Embedding fonts
    • Transitions
    • Miscellaneous other features
  • Layouts
    • Fixed layouts
    • Fluid Layouts
    • RWD
    • UCD
    • Discussing other layout types
  • Working with project
  • Embedding Fonts
  • Media queries
  • RWD
    • What is RWD
    • RWD View ports
    • RWD Videos/Images
    • Working with RWD project with core technologies
    • RWD Frameworks Overview
  • Improving Performance
  • Optimizing css
  • Css Browser Hacks
  • Compatibility issues and how to solve

Bootstrap RWD Framework

  • What is bootstrap?

  • Exploring bootstrap

    • Layout system
    • Grid system
    • Components
    • Exploring all other features
  • Creating Project with bootstrap
  • DOM
  • What is Dom?
  • Working with dom?
  • Dom structure
  • Traversing Dom
  • Working on CRUD with DOM
  • Angular Js
  • What is Angular Js?
  • Exploring Angular Features
  • What is MVC Architecture?
  • Angular MV* Structure
  • Directives
  • Expressions
  • Controllers
  • Filters
  • Other DOM Activities with Angular
  • Components
  • Angular Module
  • Ajax
  • Angular modules overview
  • Angular Project modular based with latest APP architecture.
  • Varies App structure overview
  • Node js
  • Node Js Fundamentals
  • Application Environment setup with Node , Bower etc
  • Exploring HTML5 new features
  • GEO Location
  • Drag/Drop
  • Local Storage
  • App Cache
  • WEB Workers
  • SSE
  • Data types
    • Numbers
    • Strings
    • Boolean
    • Undefined
    • Null
    • Arrays
    • Objects
  • Variables
  • Comments
  • Operators
    • Arithmetic operators
    • Comparison operators
    • Logical operators
    • Assignment operators
    • Conditional operator

Conditional Statements

  • If , if else, if else if
  • Switch


  • While loop
  • Do while loop
  • For loop (Advance concepts how to optimize)
  • For in loop (will be discussed in objects)


  • Defining function
  • Types of defining functions and types of calling functions
  • Function statements
  • Working parameters
  • Passing params to functions
  • Working with ‘N’ number of params
  • Special Arguments array
  • Return statements
  • Anonymous functions
  • Nested functions
  • Function that return functions
  • Self-invoking functions
  • Literal functions
  • Scopes
  • Lexical scope
  • Closures
  • Closures in Loop

Objects /Prototype & patterns (Object oriented javascript)

  • What is objects?
  • Defining Objects?
  • Properties and methods
  • Inheritance
  • Prototype
  • Js patterns
  • Singleton pattern
  • Constructor pattern
  • Discussing about other patterns
  • Linking objects with another object
  • Accessing other object properties and methods
  • Data Structures
  • Application Data Structures
  • Looking into other frame works (special topic)


  • Defining arrays
  • Exploring arrays properties
  • Exploring array methods
  • Working with multi-dimensional arrays
  • Looping array data
  • More Advanced concepts in Arrays and array methods

Javascript Built in Functions and objects

  • String
  • Date
  • Math
  • Regex . . .
  • BOM, DOM, Window,


  • Exploring event types
  • Binding events
  • Optimal way of attaching events
  • Event Phases
  • Capturing
  • Bubbling
  • Targeting
  • Event Delegation
  • Prevent Default
  • Stop propagation
  • Stop immediate propagation
  • Exploring other event methods
  • Working with timeout functions
  • Ajax with Core javascript
  • Form handling with javascript
  • Working with Core javascript project
  • Cookies
  • Error Handling
  • Debugging
  • JS Miscellaneous


Role : Java – Subject Matter Expert
Experience : 11+ Yrs of IT Experience across MNC Companies
Technologies : J2EE, Core Java, Anjular-JS, Node-JS, React-JS,  Servlets, JSP, JDBC, Struts 2, Hibernate, Springs, JavaScript, CSS, JQuery, Ajax, ..etc
About Trainer :

SME in Java Technologies working with Product based Company having 11+ years for experience in software development. Strong technical and development knowledge of Java, Servlets, JSP, Struts, Spring, EJB, Hibernate, JSF, WebService Technologies with knowledge On Big Data ,Hadoop, HDFS, Spark, Scala, Pig, Hive. Expertise in Software Development Life Cycle (SDLC) for banking, insurance and financial domain projects

Certifications : Sun Certified Java Programmer
Oracle Certified Professional -Java SE 6 Programmer

Trainings and Batches

Mode of Training

Numaware provides the following list of trainings according to Trainee or Colleges or Organization preference

  • Classroom Training
  • Online Training
  • Corporate Training
  • Campus Training
  • University Training
  • Virtual Instructor-Led Training
  • Instructor-led Live Classroom Training

Batches Available

We are Flexible with following list of batches as per the student requirements and availability.

  • Regular Batch
  • Weekend Batch
  • Weekday Batch
  • Fast-Track Batch
  • One to One Batch
  • Customized Batch

Flexible Timings

Numaware providing Flexible timings to schedule the Batches according to student-preferred timings at either Morning or Evening

  • Morning : 6.00 AM to 12.00PM
  • Evening : 3.00 PM to 10.00PM

Affordable Fees

We Charge very nominal, least and best price for all trainings when compared to Market or any other institutes with good quality standards and no compromise on commitment of providing Quality of Training.

Digital and Flexible Payment Options are available with Numaware Technologies Pvt. Ltd

  • Cash with Invoice
  • Credit-Card Pay
  • Debit-Card Pay
  • Any Digital-Pay
  • Account Transfer
  • Pay-Tm Transfer

Note: Fee will be finalized after demo session as per the Trainer suggestions and Student requirement.

Numaware Benefits

Numaware Technologies Pvt. Ltd is one of the best training institutes in Bangalore, offering Job demanding IT courses, Niche skills for working professionals, fresher’s, and students to ensure a successful future. We offer 100% placement support, cost-effective courses, real-time project experience, resume support, interview support and more. Our courses will equip you to get jobs in top MNCs and launch a successful career.

TRAINING BENEFITS in Numaware Technologies :

  • Training with IT Industry experts and Certified professional s working in MNC Companies.
  • Importance given to both theory and practice
  • Hands-on experience in real-time projects
  • Assistance in all stages of getting a job
  • Proven track record
  • Limited students in a batch
  • Flexible timings
  • Certification support

STUDENT BENEFITS in Numaware Technologies:

  • Post-training and on-job support
  • Backup classes for missed sessions
  • Remote lab facility, Wi-Fi access and LED TV projection
  • Mock exams and interviews for real-life simulation experience
  • Affordable fees with 2 easy installments

PLACEMENT BENEFITS in Numaware Technologies:

  • Our recruitment team will send you for interviews till you get placed
  • Frequently asked interview Q & A will be shared
  • Resume build support from industry professionals
  • We train you with real cases studies for interviews
  • Emphasis on practical knowledge in everything

Job Demanding Courses

Numaware Trainings is a Platform for Learning Technologies

Learn what really matters

Just work hard and focus on your job… because luck truly favors the prepared!!
All the best for your career

Java UI Training |Best Java UI Training Institute in Bangalore |Best Java UI Training Institute in Marathahalli |Best Java UI Training Institute in India |Java UI Online Training |Best Java UI Online Training Institute in Bangalore |Best Java UI Online Training Institute in Marathahalli |Best Java UI Online Training Institute in India |Java UI Corporate Training |Java Training | Best JAVA Training Institute in Bangalore |Best Java  Training Institute in Marathahalli |Best Java Training Institute in India |JAVA Online Training |Best JAVA Online Training Institute in Bangalore |Best JAVA Online Training Institute in Marathahalli |Best JAVA Online Training Institute in India |JAVA Corporate Training |Best Java user interface Institute in Bangalore |Best Java user interface Institute in Marathahalli |Best Java user interface Institute in India| Best Java UI Training in Marathahalli