VAIDEHI SOFTWARE TECHNOLOGIES
The Post Graduate Diploma program in UI/UX DESIGNER is an intensive six months job oriented programme. This course is targeted towards engineers and IT professionals or any participant with mathematical background who wish to start their carrier into the domain of UI/UX DESIGNER. The course aims to groom the students to enable them to work on current technology scenarios as well as prepare them to keep pace with the changing face of technology and the requirements of the growing IT industry. The course curriculum has been designed keeping in view the emerging trends in UI/UX DESIGNER as well as contemporary and futuristic human resource requirements of the IT industry. The entire course syllabus, course ware, teaching methodology and the course delivery have been derived from the rich research and development background from VAIDEHI SOFTWARE TECHNOLOGIES. The depth of the course is unique in the industry covering a wide spectrum of requirements of the IT industry.
User interface design (UI) or user interface engineering is the design of user interfaces for machines and software, such as computers, home appliances, mobile devices, and other electronic devices, with the focus on maximizing usability and the user experience. The goal of user interface design is to make the user's interaction as simple and efficient as possible, in terms of accomplishing user goals (user-centered design).
Good user interface design facilitates finishing the task at hand without drawing unnecessary attention to itself. Graphic design and typography are utilized to support its usability, influencing how the user performs certain interactions and improving the aesthetic appeal of the design; design aesthetics may enhance or detract from the ability of users to use the functions of the interface.[1]The design process must balance technical functionality and visual elements (e.g., mental model) to create a system that is not only operational but also usable and adaptable to changing user needs.<
Interface design is involved in a wide range of projects from computer systems, to cars, to commercial planes; all of these projects involve much of the same basic human interactions yet also require some unique skills and knowledge. As a result, designers tend to specialize in certain types of projects and have skills centered on their expertise, whether that be software design, user research, web design, or industrial design.
- UI Developer roles and Responsibilities
- UX designer roles
- Technologies needed
- Power of UI
- Current market requirements on UI
- Sample Web pages
- Crawling and meta tags
- DOM
- Structure of HTML Page
- Mandatory tags in the 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 block-level elements
- 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
- image tag, p tag, ul and ol tags, li, nobr, hr, br etc
- Layouts, forms, buttons
- Input fields (textbox, radio button, checkbox, dropdown, text area etc)
- Adding borders, font, pseudo classes
- Positioning elements (absolute, relative, fixed and static)
- Image spriting
- Box model (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, if-else, while, for, switch case statements
- Dynamic creation and manipulation of dom elements using js
- Adding dynamic event listeners to dom elements
- Event capturing and event bubbling
- Validations using key char codes
- 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 onready diffrence
- jQuery selectors
- Multiple ways of refering dom 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
- Loading DOM dynamically using jQuery templates
- loading templates using AJAX
- 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(2hrs)
- 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
