UI Developer Training

The main objective of this course is to make you fundamentally knowledgeable in the below areas:

• Cascading style sheets
• DOM Manipulation & jQuery Effects
• jQuery Plugins
• jQuery UI
• jQuery AJAX & Utilities
• Javascript

• There is a huge demand for the web and mobile application in the market. 
• Deployment of User Interface has grown tremendously over the years. 
• The average salary received by a UI developer is $113,299 per annum.

Candidates who wish to start their career in front end development can learn this course course. Following are the professionals who can benefit from learning this course:

• Front end developers
• Web developers
• Software engineers

Following are the prerequisites to learn this course:

• Graphic design
• CSS
• AJAX
• jQuery
• Ruby on Rails
• HTML
• JavaScript
• JSON
• Java
• SQL database

Yes, upon the successful completion of the UI Developer course you will get the course completion certificate form the SK trainings. This Certificate is valid across all the top organizations and simplifies your job search process.

• DOM
• Structure of HTML Page
• Including external page links in a page using anchor tags and its properties
• Working with row and column data using table tags
• Hiding and unhiding elements using display property
• img tag, p tag, ul and ol tags, li, nobr, hr, bretc
• Layouts, forms, buttons
• Input fields (textbox, radiobutton, checkbox, dropdown, textareaetc)

• Difference between HTML5 and HTML 4
• List of Browsers support HTML5
• Doctype
• Media tags (audio and video tags)
• Graphics using Canvas tag
• Drag and Drop features
• Working on locations lat and lng using Geolocation
• Storing userpreferences using Localstorage.

• Difference between CSS2 and CSS3
• Adding borders and backgrounds
• Advanced text effects(shadow)
• 2D and 3D Transformations
• Adding Transitions to elements
• Adding animations to text and elements

• Difference between multiple devices, making a page to work on multiple devices
• Media queries
• Introduction to Bootstrap CSS API

• Mandatory tags in html page (html, head, body)
• What is CSS
• Different ways of applying css for elements, and priority chain of css
• Heading tags(H1…H6), Tags and attributes(Class, Id, style..etc)
• Inline and blocklevel elements
• Adding borders, font, pseudo classes,
• Positioning elements (absolute, relative, fixed and static)
• Image spriting
• Boxmodel (margins, padding)
• Floating elements (float left, right etc.)
• Including external resources
• Absolute and Relative paths
• Including external resources like css, images etc

• Get & Post
• Validating input values in a form.
• Form action and type.

• Introduction
• Data types and data structures in Js
• Control structures, if, ifelse, while, for, switch case statements
• Dynamic creation and maniplation of dom elements using js
• Adding dynamic event listerners to dom elements
• Event capturing and event bubbling
• Validations using key charcodes
• Arrays
• Predefined methods in arrays
• Strings and predefined methods
• Objects
• JSON

• Prototyping in JavaScript
• Closures in JavaScript
• Inheritance in JavaScript
• Adding methods for an object

• Onload and onreadydiffrence
• jQuery selectors
• Multiple ways of referingdom elements using jQuery selectors
• jQuery methods
• Adding dynamic properties for dom elements
• Toggleing elements
• Creating dynamic elements using jQuery
• Finding elements using jQuery techniques
• Filtering elements
• Binding events
• Dynamic binding
• List of events been supported in jQuery(blur, change, click, dbclick….etc)

• Advantages with Ajax and its limitations
• Samples working with Ajax
• Different data formats used in Ajax (string, xml, Json, etc)
• XML and JSON difference
• Crossdomain interactions using JSONP

• Introduction
• Power of ngjs
• Controllers and modules in ngs with sample program
• Data binding with sample program
• What is filter and adding filters to dom elements with sample code.
• Loading multiple page content into a single page using ng-routing – Working example.
• Developer Tools Addons:
• Firebug, chrome and IE Developer tools.

• js Environment setup
• First application,REPL terminal
• Package Manager
• Callbacks concept
• Event loop and Emitter
• Buffers
• Streams
• FileSystem
• Global objects
• Utility modules
• Web module
• Express framework
• RESTful API
• Packaging

• Virtual DOM
• React without JSX
• Npm Tools
• Gulp vs Grunt
• Gulp basic
• Gulp build react
• ES5 vs ES6
• Babel trans-compiler
• Babel options (.babelrc)
• React using ES6 syntax
• Key differences
• Stateless vs Stateful components
• Parent - Child components
• Smart Parent
• Lifecycle of Components
• Forcing component rendering
• Reusable Components Controlled Components
• Server Side Communication
• Promises using Fetch
• CORS
• Get vs POST
• Other REST methods
• Routing and SPA
• Configuration based routing
• Passing parameters
• React Architecture with Flux / Redux
• State container
• Reducers
• Principles
• Store
• Actions
• Dispatcher
• Routing
• Unit Testing
• Cucumber
• Enzyme
• Jasmine TestFramework

Looking for common debugging practices like W3c validator, Firebug, Chrome Dev Tools.

canvas | audio | svg | header | footer | aside | article | nav | section etc…

Mozilla, Stack Overflow, CSS-Tricks . . .

Clearfix, Float Parent as well, User overflow property other than ‘visible’.

//* This is a Comment *//

or ||, and &&, not equal to !

2020

Asynchronous JavaScript and XML. Client side process used for GET, POST etc to get new data without having to refresh the page.

var colors = [‘red, ‘yellow’, ‘green’, ‘blue’];
for( var i = 0; i < colors.length; i++ )
{ 
console.log(colors[i]); 
}

            

A JavaScript Framework/Library that make things like DOM selection/manipulation, AJAX, and animation, easier.

Clientside

$(‘.selected’);

$number = 3

$_GET[“urlkey”]

$_GET[“urlkey”]

function function_name(){ 
global $the_global_var;
} 

class=”col-md-6 col-lg-12″

As the name suggest UI / UX stands for User Interface Design or User Experience Design. The role of UI / UX developer is to focus on the way the functionality is displayed and the detail on how users interact with the users. They code for the functioning of the front end interface or User Interface.

static, absolute, fixed, relative, inherit.