UI/UX Web Designing Course

Why UI/UX Web Designing Course?

About course
We are introducing UI/UX Web designing course, here pioneer your UI/UX skills with iTpreneur. All the training program Developed by the Expert’s and will be execute by the industry expert trainers. We also offering 100% job Placement after completing UI/UX Designing Course.

Introduction
The teams at Apple Computer develop and expand on the idea of the GUI. And in 1984 they released the Macintosh, which was the first commercially successful desktop computer to use an interface with multiple windows and a point-and-click mouse.
The advent of the GUI introduced the need for a new breed of designer—one who was focused on the graphical interface of a personal computer. And that’s when the UI designer stepped onto the scene.
This discipline has evolved over the last few decades, and it’s going to continue to evolve in the future.

What is UI?

The user interface (UI) is what people interact with as part of that experience. Let’s say designer chooses to include the option of dragging files around as a means of organizing content. In descriptive way web UI is the design, presentation and execution of the elements that make up a web page.
User Interface (UI) Design focuses on anticipating what users might need to do and ensuring that the interface has elements that are easy to access, understand, and use to facilitate those actions. UI brings together concepts from interaction design, visual design, and information architecture
The Web user Experience (UX) is the abstract feeling people get from using a website. User experience design is a concept that has many dimensions, and it includes a bunch of different disciplines—such as interaction design, information architecture, visual design, usability, and human-computer interaction.

Why choose UI as Career?
UI Development is one of the leading training courses in market and it is also a Growing field, if willing to start or shift your career then UI/UX Designing Course is Best available option for you.

Why choose Itpreneur ?
Itpreneur is the best training institute in pune producing quality result in the field of education, also helping Students by Pioneering there Technical Skills and Placing them in good Companies. We are the only institute in pune who provides pay fees on job assurance with 100% job placement.

Program Objectives

• To provide students with requisite knowledge and skills to enable them to pursue a career in the IT Industry.
• To provide skill based professional training for career advancement
• To provide the entry level and mid career professionals with concrete building blocks to create a path for full employment and successful career.

iTpreneur Advantage: (Pay Fees On Job)

• Certified Trainers from the IT industry with rigorous understanding of specialized domain
• Lecture contents prepared by Industry expert
• Live Projects to work on with IT industry standards.
• Focus on cross cultural and various onshore and offshore client oriented trainings
• Weekly workshop from industry experts
• Emphasis on soft skill and aptitude training to maximize placement chances
• Daily 5-6 hours Rigorous Training Program
• Strategic Association for global certification

Duration: 100 Hours

2 Months (Regular/Weekend Batch)

Program Structure:

The course will have regular classroom Lectures, Practical Sessions, Seminars, Tutorials, Case Studies, Assignments and Exams.

Eligibility:

• Undergraduates, Graduates and Post-Graduates
• Job aspirants looking to make career in Android
• No Previous Programming Experience necessary

Career Prospects:

UI Fresher, Junior UI Developer, Trainee UI Developer, Trainee UX Developer, Trainee Web Designer, Angular Js Developer, Senior UI/UX Developer

Program Contents / Syllabus:

Basic Course Of UI Developer:

HTML

DOCTYPE
Head Tag
Meta Tag
CSS Includes
Scripts Include
Title Tag
Link Tag
Block Vs Inline Element
Div based Layout
Heading Group
h1,h2,h3,h4,h5,h6
Paragraph Tag
HTML Elements
Div,span,ul,ol,li,table,p,pre,hr,strong
HTML Attributes
HTML Links
HTML Comments
HTML Image Tag
HTML Form Elements
HTML Iframe
HTML Concepts and Best Practice
HTML Validator

CSS

Basic
Types of CSS
Reset CSS
BOX Model Layout
Use of Class and IDs
CSS Rendering Concept
CSS Concepts
Psudo Selector
CSS Layouts
Fixed Layout
Fluid Layout
Responsive Layout
CSS Specificity
CSS Hierarchy
CSS Properties (Short-hand Properties)
CSS Position Concepts
CSS Floating and Clearing Concepts
CSS Element display Concept
CSS Media Queries
CSS Web Fonts & Custom Fonts

Browser Concepts

Developer Tools
Firebug (Mozilla)
Chrome Dev Tool (Chrome Tool)
Inspect View (Internet Explorer)
Debugging Techniques
Creating the Main Navigation and Drop
Starting the Navigation
Using Pseudo Classes
Absolute Positioning
Building the Drop-down
Finalizing the Navigation

HTML 5

Semantics tags
Introduction
HTML5 New Elements
HTML5 Video
HTML5 Video/DOM
HTML5 Audio
HTML5 Drag and Drop
HTML5 Canvas
HTML5 SVG
HTML5 Canvas vs. SVG
HTML5 Geolocation
HTML5 Web Storage

CSS 3

CSS3 Introduction
CSS3 Rounded Corners
CSS3 Border Images
CSS3 Backgrounds
CSS3 Colors
CSS3 Gradients
CSS3 Shadows
CSS3 Text
CSS3 Fonts
CSS3 2D Transforms
CSS3 3D Transforms
CSS3 Transitions
CSS3 Animations

Photoshop

Introduction
Basics of Designs
Image Fundamental
Color Concept for Web
Photoshop Tools
Layers Concept
Images Slicing
Sprite Image Concept
Introduction of UI Development
Basics of UI Development
Roles and Responsibility
Corporate Work Environment for UI
Code Editors

Advance Course for UI Developer

JavaScript

Introduction
Experimenting with JavaScript
JavaScript Basics
Introduction
JavaScript in Web Pages
Variables
Primitive data types
Numbers
Strings
Boolean Values
undefined and null
Objects
Function Fundamentals if and switch Statements
while and do...while Statements for and for...in
JavaScript Usage Features
Scope
Global Scope
Function Scope
Block Scope
Operators
Introduction
Addition
Subtraction
Multiplication, Division, modulo
Unary Operator
Ternary Operators
Equality Operators
Logical Operators
Miscellaneous Operators
Arrays and Reference Types
Introduction
Understanding Reference Types
Reference Type Examples
Array Fundamentals
Array Features
Date Fundamentals
Regular Expressions
JSON
Introduction
JSON Example
Functions
Introduction
Naming Function Expressions
Constructor Functions
The this Keyword
Calling Functions
Programming the BOM and DOM
Introduction
The window Object and Timers
System Dialogs
The location Object
Document Basics
Query Selectors
Event Handlers
Introduction
Events
The Event Object
Handling Events
Event Listeners
Event Bubbling
Summary
Built-in Objects and Functions
Introduction
Global Functions
The Math Object
The String Object
Arguments
Summary
Miscellaneous JavaScript Topics
Introduction
Error Handling Using try, catch, finally

Advance JavaScript

Introduction
Overview of advance JavaScript
JavaScript Variable Scope
Lexical Scope
IIFE Pattern
Hoisting
JavaScript Objects in detail
Object with constructor
Object literals
Anonymous functions
Callback functions
IIFE function
Closure concept
Closure example
Design Patterns
Modular Pattern Example
OOP in JavaScript

Jquery

Introduction
Overview Selectors
Class ,ID, Tag
Document ready vs window load jQuery Attributes
attr getAttr
jQuery Effects
jQuery Hide/Show jQuery
Fade jQuery Slide jQuery
Animate jQuery stop
jQuery Events
Mouse Events
Click
Dblclick
Mouseenter
Mouseleave
Keyboard events
Keypress
Keydown
Keyup
Form Events
Submit
Change
Focus
Blur
Document/Window Events
load
resize
scroll
unload
DOM Manipulation
addClass
append
appendTo
attr
before
css
hasClass
height
html
innerHeight innerWidth
offset outerHeight outerWidth
remove
removeAttr
removeClass
text toggleClass,
width, offset
jQuery Traversing
add, children closest, each
eq find first next not parent
parents prev siblings
jQuery Misc
stopPropagation preventDefault length
data index noConflict param
removeData toArray
jQuery AJAX
jQuery AJAX Intro
jQuery LoadjQuery Get/Post

Angular Js

Introduction
Engineering concepts in JavaScript frameworks
MVC and MVVM
Two way data-binding
Dependency Injection (DI)
Single Page Applications (SPAs)
managing state and Ajax (HTTP)
Application structure
Modules
Setters
Getters
Module practices
HTML bootstrapping
Understanding $scope
$rootScope
Controllers
Methods and presentational logic
New "controllerAs" syntax
Services and Factories
Service method
Factory method
Templating with the Angular core
Expressions
Using Angular core Directives
Directives (Core)
ng-repeat
ng-model
ng-click
ng-href/ng-src
ng-class
ng-show/ng-hide
ng-if
ng-switch
ng-bind
ng-view
Extending HTML
Directives (Custom)
Custom Elements
Shadow DOM
Templating and HTML Imports
Template property
Template Url property
Directive API
restrict
replace
scope
controllerAs
controller
link
Directive creation
Filters (Core)
Date filters
JSON filter
limitTo and orderBy
Filters (Custom)
Single value Filters
Data set Filters
Controller ($scope) Filters
Dynamic routing with $routeProvider
$routeParams
Form Validation
HTML5 features
$pristine
$dirty
$valid
$invalid
Model based validation
Server communication with $http and $resource
$http
$resource

Find Out What Our Students Say About Us...!

We Will Be Happy To Help You Please Fill Your Details

Share This Post:

iTpreneu