UI DEVELOPER
Introduction
Keen Tech Training is a trusted and preferred online training partner for corporate and professionals. Keen Tech imparts training across the globe in different IT specializations. Keen Tech is known for its state-of-the art Online tutorial classes facility, and a distinguished faculty. Keen Tech’s strength lies in delivering industry expected training with hands-on experience in handling real business challenges.
User Interface- UI Development is one of the hottest topics across industries today, thanks to the forays made in technology and the rise of e-commerce and smart gadgets. User interface development has also gained importance as the need of intelligent smart and intuitive customer handling mechanisms have become pertinent and indispensable for organizations today. The onus of creating a memorable and great user experience lies on the shoulders of the UI developer and he therefore needs to be adept with different technologies to be able to furnish this experience.
The UI Developer course at Keen Tech understands the importance of good UI design and offers a course that covers the latest and best UI development mechanisms.
Have a quick glance at the course summary below for more details.
COURSE SUMMARY
Course Name | UI Developer Online Training |
Contents | Fundamentals of UI Development |
Duration | 60 Hours with Flexible timings |
Delivery | Instructor Led-Live Online Training |
Eligibility | Creative bent of mind and basic knowledge of UI Development |
Ideal For | Professional seeking to make a career in UI Design and Development |
Next Batch | Please visit the schedule section |
Course Objectives
HIGHLIGHTS OF USER INTERFACE DEVELOPMENT ONLINE TRAINING AT Keen TECH
- Introduces you to the basic of UI Design and development
- Gives an overview of different kinds of environment, users and their expectations from the UI
- Covers topic of psychology of users and how to win users with UI development
- Covers in detail HTML fundamentals
- Focuses on working with CSS
- Explains on how to use links and lists
- Includes module on Bootstrap
- Covers topics on Angular JS
- Keeps you updated with the latest happenings in Oracle Exadata
CORE BENEFITS OF LEARNING UI DEVELOPMENT
UI Development and Design is one of the most sought out specialization in the industry today. An interesting and creative field it has seen a tremendous rise in the last few years. With the growing competition and lesser attention span of individuals it is imperative to create interesting, intuitive, intelligent and fast UIs. A course in UI development helps a user sharpen his creative acumen, gather required technical knowledge and understand the latest in the field of UI development.
Course Curriculum
HTML FUNDAMENTALS, TEST, LISTS, LINKS AND TABLES
- Fundamentals & Benefits of HTML
- First Look of a HTML Document
- Detailed Coverage of New Features of HTML
- Design Limitations of HTML
- Overview of HTML Page Header
- Overview of HTML Page Navigation
- Overview of HTML Page Section & Articles
- Overview of HTML Page Footer
- Introduction of HTML documents
- Working Knowledge of doctype
- Importance of The head element, The body element
- Working Knowledge of <head>
- Working Knowledge of id and class attributes
- Importance of Headings , Block Vs. Inline Elements & Whitespace
- Working Knowledge of Headings
- Working Knowledge of Block and Inline Elements
- Working Knowledge of Whitespace
- Importance of Additional Text Elements , Lists & Link concepts
- Working Knowledge of Additional Elements
- Working Knowledge of Creating Lists
- Working Knowledge of List Rendering
- Working Knowledge of Linking Documents
- Overview of Targets, Additional Link Attributes & Table Elements
- Working Knowledge of Linking to Targets
- Working Knowledge of Structuring a Table
- Importance of Table Data , Spanning Columns & Rows
- Working Knowledge of Table Formatting
EXPLORE HTML FORM FUNCTIONALITY
- HTML Forms Introduction
- Working Knowledge of HTTP Get Request
- Working Knowledge of HTTP POST Request
- Working Knowledge of Form Input Elements
- Overview of Form Basics & Form Settings
- Working Knowledge of Form Basics
- Working Knowledge of Form Settings
- Importance of Text inputs, Selections & Input attributes
- Working Knowledge of Text inputs
- Working Knowledge of Selections
- Working Knowledge of Input attributes
- Importance of Image and Object Concepts
- Working Knowledge of Adding Images & Adding Objects
- Details on Form New Input Types , Elements
- Working knowledge of New Attributes in Form Tag
- Working knowledge of New Attributes in <input> Tag
WORKING KNOWLEDGE OF CANVAS
- Overview of Coordinates ,Path & Curves
- Working knowledge of Drawing Lines, Rectangles and Circles
- Working knowledge of Text and Font
- Working knowledge of Color Gradiations
- Working knowledge of Drawing Images
COMPARE CANVAS WITH SVG FUNCTIONALITY
WORKING KNOWLEDGE OF MEDIA & AUDIO
- Overview of Audio, Video & Source tags
- Working knowledge of Track tag
- Working knowledge of Mime types supported
- Overview of Browser Compatibility
- Working knowledge of Javascript Programming
CSS FUNDAMENTALS & WORKING KNOWLEDGE
- Conceptual & Fundamentals of CSS
- Understanding Document Object Model
- Overview of style sheets
- Working knowledge of CSS Syntax, CSS Comments
- Working knowledge of CSS
- Working knowledge of External style sheet , Internal style sheet
- Working knowledge of Inline style
- Overview of The element Selector
- Overview of The id Selector
- Overview of The class Selector
- Overview of Grouping Selectors
- Working knowledge of Background Color , Background Image
- Operation on Background Image : Repeat Horizontally or Vertically
- Operations on Background Image : Set position & no-repeat
- Working knowledge of CSS Font Families, Font Style & Font Size
- Working knowledge of Text Color , Text Alignment &Text Decoration
- Overview of Text Transformation
CSS LIST, LINK, TABLES, POSITIONING, COLORING & STYLING
- Working knowledge of Styling Links
- Explore Common Link Styles
- Working knowledge of List Item Markers
- Working knowledge of Image as The List Item Marker
- Working knowledge of Table Borders , Collapse Borders
- Working knowledge of Table Width and Height , Text Alignment& Table Padding
- Working knowledge of Table Color , Web colors, hex colors & Color tools
- Working knowledge of Content , Padding, Border & Margin
- Explore CSS Display & Visibility
- Elements Float Functionality
- Working knowledge of Turning Off Float by Using Clear
- Positioning : Static , Fixed, Relative & Absolute
CSS3 FUNDAMENTALS AND ADVANCED CONCEPTUAL
- Overview of CSS3
- Working knowledge of Selectors & Box Model
- Functionality of border-radius, box-shadow & border-image
- Working knowledge of background-size , background-origin
- Working knowledge of Linear Gradients ,Radial Gradients
- Explore text-shadow, word-wrap
- Working knowledge of custom fonts
- Working knowledge of Font Descriptors
- Functionality of translate, rotate, scale, skew& matrix
- Functionality of rotate , Animations& Transitions
JAVASCRIPT BASIC CONCEPTUAL
- Functionality of Variables, Arrays , Strings & Loops
- Working knowledge of If/else & equivalence
- Working knowledge of Object Literals , JSON
- Working knowledge of Functions
- Javascript Scope & Hoisting
WORKING KNOWLEDGE OF JQUERY
- Explore JQuery Library
- Experience First JQuery
- Functionality of The Document Ready Function
- Functionality of special character
- Functionality of Basic Selectors , Precise Selectors
- Functionality of Combination of Selectors
- Overview of Hierarchy Selectors
- Functionality of Selection Index Filters
- Functionality of Visibility Filters
- Functionality of Forms Selectors , Forms Filters
- Overview of Events Helpers
- Work on Attach Event , Detaching Events
- Work on Events Triggering
- Work on Live Events
- Overview of UI frame work
- Explore JQuery Effects
- Explore JQuery & HTML Manipulation
WORKING KNOWLEDGE OF BOOTSTRAP3
- Introduction to Bootstrap3
- History , Conceptual & Importance of Bootstrap
- Set Bootstrap in to page
- Explore Grid System , Grid Classes
- Functionality of Bootstrap Stacked/Horizontal
- Functionality of Bootstrap Grid Small
- Functionality of Bootstrap Grid Medium
- Functionality of Bootstrap Grid Large
- Explore Text , Contextual Colors & Backgrounds
- Functionality of Rounded Corners , Circle& Thumbnail
- Functionality of Inside Container , Outside Container
- Functionality of Button Styles
- Work on btn-default , btn-primary, btn-success
- Work on btn-info ,btn-warning, btn-danger &btn-link
- Explore Button Sizes
- Work on btn-lg, btn-md , btn-sm& btn-xs
- Overview of Active/Disabled Buttons
- Overview of Vertical Button Groups
- Overview of Nesting Button Groups & Drop Down Menus
- Explore Functionality of Bootstrap Glyphicons
- Explore Functionality of Bootstrap Pagination
- Explore Functionality of Bootstrap Pager
- Explore Functionality of Bootstrap List Groups
- Explore Functionality of Bootstrap Forms
- Explore Functionality of Bootstrap Inputs
- Explore Functionality of Bootstrap Carousel
- Explore Functionality of Bootstrap Plugins
WORKING KNOWLEDGE OF ANJULARJS
- Architecture , Version & Tools of Angular
- Functionality of Angular Seed
- Functionality of AngularJS Controllers & Scope
- Working Knowledge of Controllers
- Functionality of border-image
- Work on Displaying Repeating Information
- Working Knowledge of ng-repeat
- Working Knowledge of Event Handling
- Overview of Event Scope , Event Directives
- Functionality of built in directives & Other Directives
- Functionality of Expressions, Filters & Built-in Filters
- Conceptual & Benefits of two way binding
- Working Knowledge of Two Way Binding
Course Reviews
No Reviews found for this course.
Write a Review