UI / UX DESIGN ONLINE TRAINING COURSE IN INDIA

INTRODUCTION TO UI / UX

  • Roles of UI Developer
  • Roles of UI Designer
  • Difference between UI Developer & UI Designer
  • Technologies required for UI Development

TOOLS USED FOR UI / UX

  • Notepad++, Atom, Sublime Text, Brackets
  • Visual Studio Code, WebStorm IDE
  • Live Server using npm
  • All tools installation and usage

BASICS OF UI

  • Introduction to Web

INTRODUCTION TO HTML 5

  • How it works
  • Structure of an HTML Doc
  • HTML First Application
  • Rules of HTML coding
  • Header Tags, Paragraph tag
  • DIV tag, Span Tag, Text Formatting
  • Unordered List, Ordered List
  • Images, Tables, Links, HTML Entities, Iframes
  • Mini Project (The Great India Website)

FORMS IN HTML 5

  • Introduction, Form Elements
  • Input Types, Attributes
  • Mini Project (Online Job Application)

INTRODUCTION TO CSS3

  • Introduction,
  • CSS Selectors, CSS Pseudo classes selection
  • Inline CSS, Internal CSS, External CSS
  • Div, Id, Classes, Colors, Borders
  • Margins, Paddings, Text-formatting
  • Fonts, Lists, Styling Links, Tables, Box Model
  • Display, Position, Float, Align, Pseudo Elements
  • Navbars, Tooltips, Forms, Opacity, Image Gallery

2D TRANSFORMS IN CSS 3

  • Introduction
  • translate (), rotate(), scale(), skewX(), skewY()
  • skew (), matrix()

3D TRANSFORMS IN CSS 3

  • Introduction
  • RotateX, RotateY, RotateZ

ANIMATIONS IN CSS3

  • Key frames rule, Delay Animation
  • Specify animation speed curve
  • Animation shorthand

BUTTONS IN CSS3

  • Basic Button Styling, Buttons Colors, Button Sizes.
  • Rounded Buttons, Hover able Buttons
  • Shadow Buttons, Disabled Buttons
  • Button Groups, Animated Buttons
  • Mini Project (Technology Portal Website)

BASIC JAVASCRIPT

  • Introduction to JavaScript
  • JavaScript features
  • Understanding Runtime Env
  • Why to Learn JavaScript
  • Interesting Facts of JS
  • History of JavaScript
  • Setting up Development Env
  • JavaScript Basics
  • Inline JavaScript
  • Internal JavaScript
  • External JavaScript
  • Variable Declaration in JS
  • JS Data Types and Operators
  • JS Conditional Statements
  • JS Objects, Arrays and Functions
  • JS Math & Date Objects
  • JS DOM Manipulation

ADVANCED JAVASCRIPT

  • JS Scopes Concepts
  • JS Advanced functions
  • JS Closures
  • JS Objects advanced
  • JS Prototypes
  • JS Objects Inheritance
  • Mini Project (Typing Speed Tester App)

JQUERY

  • Introduction
  • JQuery selectors, Events, and Effects
  • JQuery with HTML

ECMA SCRIPT 6 FEATURES

  • Default Parameters
  • Template Strings
  • Let & Const
  • For….of loops
  • Lambdas
  • Destructing
  • The Spread Operator
  • Computed Properties

TYPESCRIPT DEVELOPMENT

  • Introduction to TypeScript
  • TypeScript Overview
  • Differences between JavaScript and TypeScript
  • TypeScript Editors
  • Installing TypeScript
  • Project Setup in TypeScript
  • TypeScript Hello World
  • TS Data Types, Enums and Functions
  • TS Default Arguments and Optional Arguments
  • TS Function Overloading
  • TS Interfaces, Classes, Constructors and Methods
  • TS Getters & Setters
  • TS Lambda Expressions

BOOTSTRAP 4 DEVELOPMENT

  • Introduction
  • What is Bootstrap?
  • Features of Bootstrap
  • History of Bootstrap
  • Bootstrap Overview and Installation
  • Tools Used for Web Development
  • Setting Development Environment
  • Bootstrap First Application and Components Overview
  • Basic Typography
  • Text Alignment & Display
  • Floats Position in Bootstrap
  • Colors Background
  • Spacing in Bootstrap
  • Sizing in Bootstrap
  • Breakpoints in Bootstrap
  • Buttons in Bootstrap
  • Navbars in Bootstrap
  • List groups and Badges in Bootstrap
  • Forms in Bootstrap
  • Input groups in Bootstrap
  • Alerts & Progress bars in Bootstrap
  • Tables & Pagination in Bootstrap
  • Cards in Bootstrap
  • Media Objects
  • Grid System in Bootstrap and Alignments in Bootstrap
  • Flex boxes in Bootstrap
  • Auto margin & wrapping order in
  • Carousels in bootstrap
  • Collapse classes in Bootstrap
  • Tooltips in Bootstrap
  • Popovers in Bootstrap
  • Modals in bootstrap

INTRODUCTION TO ANGULAR JS

  • Introduction
  • What is Single Page Application?
  • Declarative vs Imperative Programming
  • How Angular Application Works
  • First Angular JS Application
  • Angular Directives, Controllers and Modules
  • Dependency Injection
  • Two way Data binding
  • Examples of Two way Data binding
  • Mini Project (Simple Angular JS App + Bootstrap 4)
  • Major Real Time Projects & live Coding

CONTACT US

Free Courses

Duis egestas aliquet aliquet. Maecenas erat eros, fringilla et leo eget, viverra pretium nulla. Quisque sed augue tincidunt, posuere dui tempor.

Premium Courses

Duis egestas aliquet aliquet. Maecenas erat eros, fringilla et leo eget, viverra pretium nulla. Quisque sed augue tincidunt, posuere dui tempor.