Comprehensive
Curriculum
- Gain an in-depth knowledge on topics like software development methodologies, software designing, and software management
Industry
Collaboration
- Get personalised mentoring and guidance from leaders with years of industry experience.
- 100+ hrs of instructional content with live doubt-clearing sessions
Dedicated Career
Assistance
- Exclusive career fairs for our learners.
- 400+ hiring partners, 8000+ career transitions, Avg. hike of 48%.
UI Development Course Program
Live Online Classes | 1 Month
Upcoming Batch Schedule for UI Development Course
Sri VidyaTechnologies provides flexible timings to all our students. Here is the UI Development Course Training Schedule in our branches. If this schedule doesn’t match please let us know. We will try to arrange appropriate timings based on your flexible timings.
 20-12-2020 | Monday (Monday - Friday) Weekdays Regular | 08:00 AM (IST) (Class 1Hr - 1:30Hrs) / Per Session | Course Fees |
| 21-12-2020 | Monday (Monday - Friday) Weekdays Regular | 11:00 AM (IST) (Class 1Hr - 1:30Hrs) / Per Session | Course Fees |
Sri Vidya Technologies Certificate
Curriculum
The curriculum has been designed by faculty at Sri Vidya Tech and leading industry leaders. The teaching, content and projects in the course are by world-renowned faculty and other practicing management professionals from leading companies.
MODULE 1: Introduction to UI Technologies
- 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
MODULE 2: Basics
- 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
MODULE 3: More Tags in HTML
- 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)
MODULE 4: More CSS properties
- 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
MODULE 5: Form Elements
- Get & Post
- Validating input values in a form
- Form action and type
MODULE 6: JavaScript
- 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
MODULE 7: JavaScript Supported Data structures
- Arrays
- Predefined methods in arrays
- Strings and predefined methods
- Objects
- JSON
MODULE 8: Advanced JavaScript
- Prototyping in JavaScript
- Closures in JavaScript
- Inheritance in JavaScript
- Adding methods for an object
MODULE 9: jQuery Framework
- 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
MODULE 10: jQuery Traversing Methods
- Finding elements using jQuery techniques
- Filtering elements
MODULE 11: Events using jQuery
- Binding events
- Dynamic binding
- List of events been supported in jQuery(blur, change, click, dbclick….etc)
MODULE 12: AJAX
- 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
MODULE 13: jQuery Templating
- Loading DOM dynamically using jQuery templates
- loading templates using AJAX
MODULE 14: HTML5
- 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.
MODULE 15: CSS 3
- 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
MODULE 15: Responsive Designs
- Difference between multiple devices, making a page to work on multiple devices
- Media queries
- Introduction to Bootstrap CSS API(2hrs)
MODULE 15: AngularJS Framework
- 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
UI Development Training Overview
The UI/UX Design Specialization brings a design-centric approach to user interface and user experience design, and offers practical, skill-based instruction centered around a visual communications perspective, rather than on one focused on marketing or programming alone. In this sequence of four courses, you will summarize and demonstrate all stages of the UI/UX development process, from user research to defining a project’s strategy, scope, and information architecture, to developing sitemaps and wireframes. You’ll learn current best practices and conventions in UX design and apply them to create effective and compelling screen-based experiences for websites or apps.
User interface and user experience design is a high-demand field, but the skills and knowledge you will learn in this Specialization are applicable to a wide variety of careers, from marketing to web design to human-computer interaction.
UI Development : About Trainer
Our Trainers provide complete freedom to the students, to explore the subject and learn based on real-time examples. Our trainers help the candidates in completing their projects and even prepare them for interview questions and answers. Candidates are free to ask any questions at any time.
- More than 7+ Years of Experience.
- Trained more than 2000+ students in a year.
- Strong Theoretical & Practical Knowledge.
- Certified Professionals with High Grade.
- Well connected with Hiring HRs in multinational companies.
- Expert level Subject Knowledge and fully up-to-date on real-world industry applications.
- Trainers have Experienced on multiple real-time projects in their Industries.
- Our Trainers are working in multinational companies such as CTS, TCS, HCL Technologies, ZOHO, Birlasoft, IBM, Microsoft, HP, Scope, Philips Technologies etc
Key Features of UI Development Training
UI Development Training Overview
The UI/UX Design Specialization brings a design-centric approach to user interface and user experience design, and offers practical, skill-based instruction centered around a visual communications perspective, rather than on one focused on marketing or programming alone. In this sequence of four courses, you will summarize and demonstrate all stages of the UI/UX development process, from user research to defining a project’s strategy, scope, and information architecture, to developing sitemaps and wireframes. You’ll learn current best practices and conventions in UX design and apply them to create effective and compelling screen-based experiences for websites or apps.
User interface and user experience design is a high-demand field, but the skills and knowledge you will learn in this Specialization are applicable to a wide variety of careers, from marketing to web design to human-computer interaction.
UI Development : About Trainer
Our Trainers provide complete freedom to the students, to explore the subject and learn based on real-time examples. Our trainers help the candidates in completing their projects and even prepare them for interview questions and answers. Candidates are free to ask any questions at any time.
- More than 7+ Years of Experience.
- Trained more than 2000+ students in a year.
- Strong Theoretical & Practical Knowledge.
- Certified Professionals with High Grade.
- Well connected with Hiring HRs in multinational companies.
- Expert level Subject Knowledge and fully up-to-date on real-world industry applications.
- Trainers have Experienced on multiple real-time projects in their Industries.
- Our Trainers are working in multinational companies such as CTS, TCS, HCL Technologies, ZOHO, Birlasoft, IBM, Microsoft, HP, Scope, Philips Technologies etc
Key Features of UI Development Training