Web designing (UI)

UI Development Training In Hyderabad.\n\nThis advanced expert driven training program of UI Development will make the students towards mastering their skills in HTML, HTML5, CSS, CSS3, JavaScript, jQuery, Bootstrap3, AngularJS, & further core concepts as well.


  • HTML
  • CSS



  • The format is 40% theory, 60% Hands-on.
  • It is a 60 days program and extends up to 1 hrs each.


  • The format is 40% theory, 60% Hands-on.
  • It is a 5 days program and extends up to 8 hrs each.


  • Private Classroom arranged on request and minimum attendees for batch is 5.

Course Content

Basics in Web Design

  • Brief History of Internet
  • What is World Wide Web
  • Why create a web site
  • Web Standards
  • Audience requirement.

Introduction to HTML

  • What is HTML
  • HTML Documents
  • Basic structure of an HTML document
  • Creating an HTML document
  • Mark up Tags
  • Heading-Paragraphs
  • Line Breaks
  • HTML Tags.

Elements of HTML

  • Introduction to elements of HTML
  • Working with Text
  • Working with Lists, Tables and Frames
  • Working with Hyperlinks, Images and Multimedia
  • Working with Forms and controls.

Introduction to Cascading Style Sheets

  • Concept of CSS
  • Creating Style Sheet
  • CSS Properties
  • CSS Styling(Background, Text Format, Controlling Fonts)
  • Working with block elements and objects
  • Working with Lists and Tables
  • CSS Id and Class
  • Box Model(Introduction, Border properties, Padding Properties, Margin properties)
  • CSS Advanced(Grouping, Dimension, Display, Positioning, Floating, Align, Pseudo class, Navigation Bar, Image Sprites, Attribute sector)
  • Creating page Layout and Site Designs.

Java Script

  • What is JavaScript
  • Java “vs” JavaScript
  • Variables
  • Data Types
  • Event Handlers
  • Functions
  • Loops
  • Decision Making
  • Form Validation


What is Angular?                                                                       

Introduction to Angular

  • How AngularJS is opinionated
  • Difference between Backbone.js and AngularJS

Angular Building Blocks

  • Controller Component
  • Model Component
  • View Component
  • Directives
  • Filters
  • Services
  • Providers
  • Factory
  • DI in AngularJS

Anatomy of Angular Applications

  • Creating Boundaries using ng-app
  • Model View Controller
  • Templates and Data Binding
  • Repeating elements in templates
  • Using Expressions, CSS Classes and Styles
  • Using Controllers for UI responsibility separation
  • Responding to model changes

Data Binding in Angular

  • Understanding Built-in Directives
  • Scope resolution
  • One way and Two way data binding

Using Filters

  • Filters Overview
  • Understanding Filter Expressions
  • Building custom Filters