UI Development – Beyond the Basics
Sr. No. | Batch Code | Start Date | End Date | Time Slot | Training Option | Instructor | Enroll now |
---|---|---|---|---|---|---|---|
1 | smbuia1-272 | 6th May, 2024 | 29th Jul, 2024 | 10:00 AM to 11:00 AM | Class Room Training | UI Mentor | Enroll Now |
2 | smbuia2-271 | 6th May, 2024 | 29th Jul, 2024 | 12:30 PM to 1:30 PM | Class Room Training | UI Mentor | Enroll Now |
3 | smbuia3-272 | 6th May, 2024 | 29th Jul, 2024 | 3:00 PM to 4:00 PM | Class Room Training | UI Mentor | Enroll Now |
4 | smbuia4-272 | 6th May, 2024 | 29th Jul, 2024 | 5:30 PM to 6:30 PM | Class Room Training | UI Mentor | Enroll Now |
For Demo Session & Consultation97370 05566
Course Curriculum
Collapse All
Expand All
Section 1 - Introduction of UI/UX
What is UI?
What is UX?
What’s the difference between UI and UX?
Section 2 - Basic understanding of HTML & CSS
What is HTML?
What is CSS?
Understanding CSS Terminology
Adding Rules to a Style Sheet
Adding Selectors
Importing & Embedding Style Sheet
Three ways to use CSS (Internal, External, Inline)
CSS Classes and ID
!important Declaration
Understanding Inheritance
Section 3 - HTML Introduction
What is HTML?
HTML Tags
HTML Page Structure
The Declaration
HTML Versions
HTML Basic Examples
Section 4 - Elements, Attributes
Elements
Element
Element
Other Elements
Element Attributes
Section 5 - Headings, Paragraphs & Styles
Heading Tags
Horizontal Rules
HTML Paragraphs – <p>..</p>
HTML Line Breaks – <br/>
HTML <pre> Element
HTML Style Attribute & Properties
Section 6 - Formatting
Text Formatting Elements
Quotation and Citation Elements
Computer Code Elements
Comment Tags
Section 7 - Styling HTML with CSS
CSS Types
HTML Style Tags
The class & id Attribute
CSS Margin & Padding
HTML Colors (RGB & HEX Value)
Section 8 - Links & Images
HTML Links – Hyperlinks
The <a> Tag & Attributes
The target Attribute
Create a Bookmark
The <img> Tag
Section 9 - HTML Tables
Defining HTML Tables
Tags & Attributes
Caption & Header
Section 10 - Lists & Blocks
Unordered List – <ul>, <li>
Unordered HTML List – Choose List Item Marker
Ordered List – <ol>, <li>
The Type Attribute
Description Lists
Nested HTML Lists
Horizontal Lists
Section 11 - Block and Inline Elements, Classes
Block-level Elements
Inline Elements
Grouping Tags
The class Attribute
Section 12 - Iframes
Iframe Syntax
Set Height and Width
Remove the Border
iframe as a Target for a Link
Section13 - HTML Forms
The <form> Element
The Method Attribute
The Action Attribute
Input Types
Input Attributes
Grouping Form Data with <fieldset>
Section 14 - What is New in HTML5?
Introduction Of HTML5, What is new in HTML 5?
Lay out a page with HTML 4 (the “old” way) and HTML 5
New HTML5 Structural Tags
What problems HTML4 and XHTML addresses
New HTML5 API’s (Application Programming Interfaces)
Removed Elements in HTML5
Section15 - Using CSS to Effect Page Layout
Introducing CSS Box Model
Section 16 - Foreground and Background Properties
Multiple Backgrounds
Rounded Corners & Properties
Borders & Borders Properties
Section 17 - CSS3 Colors, Gradients & Shadow
Colors introduces in CSS3
CSS3 Gradients
CSS3 Text Properties
Section 18 - Sizing Fonts
The @font-face Rule
Different Font Formats
CSS3 Font Descriptors
Section 19 - Responsive Web Design - Introduction
What is Responsive Web Design?
Designing For The Best Experience For All Users
What is The Viewport?
Setting The Viewport
Size Content to The Viewport
What is a Media Query?
Add a Breakpoint
Always Design for Mobile First
Another Breakpoint
Orientation: Portrait / Landscape
Section 20 - jQuery Basics
What is jQuery?
Why jQuery?
Getting started with jQuery
jQuery Syntax
jQuery Selectors
jQuery Event Methods
The noConflict() Method
Section 21 - Bootstrap
What is Bootstrap?
Bootstrap Grid System
Bootstrap Text/Typography
Section 23 - Design exporting with Responsive CSS
Custom design exporting with Responsive CSS
Bootstrap design exporting with Responsive CSS
Section 24 - Bootstrap Scaffolding
Global Settings
Default grid system
Layouts
Responsive design
Section 25 - Extending Bootstrap With Custom Plugin
Why use custom plugins?
Popular plugins
Section 26 - Using Online Offline Icons & Font Attachment
How To Add Icons
Online Attachment
Offline Attachment
Different Font Formats
Browser Support for Font Formats
CSS3 Font Descriptors
Section 27 - Advanced Javascript
JavaScript – Errors And Exceptions Handling
JavaScript – Form Validation
JavaScript – Animation
JavaScript – Multimedia
JavaScript – Debugging
JavaScript – Image Map
JavaScript – Browsers Compatibility
Section 28 - jQuery Basic
jQuery Introduction
jQuery Get Started
jQuery Syntax
jQuery Selectors
jQuery Event Methods
Section 29 - jQuery Effects
Hide And Show
Fading
Sliding
Animation
Stop Animations
Callback Functions
Method Chaining
Section 30 - jQuery HTML
Get Content and Attributes
Set Content and Attributes
Add Elements
Remove Elements
Get And Set CSS Classes
jQuery css() Method
jQuery Dimension Methods
Section 31 - jQuery Traversing
What is Traversing?
Ancestors
Descendants
Siblings
Filtering
Section 32 - jQuery AJAX
AJAX Introduction
AJAX load() Method
AJAX get() and post() Methods
Section 33 - jQuery Misc
The noConflict() Method
Related Courses
-
Total student passedout : 69
Instructor Details
Course Categories
GET FREE CONSULTATION
Call Us Now For Free Consultation97370 05566
Our experts listen to you patiently and suggest you the right course after conducting a personality profile test. Register your interest below to schedule personality profile test for you.
SUBSCRIBE TO OUR NEWSLETTER
Copyright 2016-2024 Smart Mentors. All Rights Reserved.
FORGOT PASSWORD
Sign up now to Become An Instructor
Other Elements
Element Attributes
Section 5 - Headings, Paragraphs & Styles
Heading Tags
Horizontal Rules
HTML Paragraphs – <p>..</p>
HTML Line Breaks – <br/>
HTML <pre> Element
HTML Style Attribute & Properties
Section 6 - Formatting
Text Formatting Elements
Quotation and Citation Elements
Computer Code Elements
Comment Tags
Section 7 - Styling HTML with CSS
CSS Types
HTML Style Tags
The class & id Attribute
CSS Margin & Padding
HTML Colors (RGB & HEX Value)
Section 8 - Links & Images
HTML Links – Hyperlinks
The <a> Tag & Attributes
The target Attribute
Create a Bookmark
The <img> Tag
Section 9 - HTML Tables
Defining HTML Tables
Tags & Attributes
Caption & Header
Section 10 - Lists & Blocks
Unordered List – <ul>, <li>
Unordered HTML List – Choose List Item Marker
Ordered List – <ol>, <li>
The Type Attribute
Description Lists
Nested HTML Lists
Horizontal Lists
Section 11 - Block and Inline Elements, Classes
Block-level Elements
Inline Elements
Grouping Tags
The class Attribute
Section 12 - Iframes
Iframe Syntax
Set Height and Width
Remove the Border
iframe as a Target for a Link
Section13 - HTML Forms
The <form> Element
The Method Attribute
The Action Attribute
Input Types
Input Attributes
Grouping Form Data with <fieldset>
Section 14 - What is New in HTML5?
Introduction Of HTML5, What is new in HTML 5?
Lay out a page with HTML 4 (the “old” way) and HTML 5
New HTML5 Structural Tags
What problems HTML4 and XHTML addresses
New HTML5 API’s (Application Programming Interfaces)
Removed Elements in HTML5
Section15 - Using CSS to Effect Page Layout
Introducing CSS Box Model
Section 16 - Foreground and Background Properties
Multiple Backgrounds
Rounded Corners & Properties
Borders & Borders Properties
Section 17 - CSS3 Colors, Gradients & Shadow
Colors introduces in CSS3
CSS3 Gradients
CSS3 Text Properties
Section 18 - Sizing Fonts
The @font-face Rule
Different Font Formats
CSS3 Font Descriptors
Section 19 - Responsive Web Design - Introduction
What is Responsive Web Design?
Designing For The Best Experience For All Users
What is The Viewport?
Setting The Viewport
Size Content to The Viewport
What is a Media Query?
Add a Breakpoint
Always Design for Mobile First
Another Breakpoint
Orientation: Portrait / Landscape
Section 20 - jQuery Basics
What is jQuery?
Why jQuery?
Getting started with jQuery
jQuery Syntax
jQuery Selectors
jQuery Event Methods
The noConflict() Method
Section 21 - Bootstrap
What is Bootstrap?
Bootstrap Grid System
Bootstrap Text/Typography
Section 23 - Design exporting with Responsive CSS
Custom design exporting with Responsive CSS
Bootstrap design exporting with Responsive CSS
Section 24 - Bootstrap Scaffolding
Global Settings
Default grid system
Layouts
Responsive design
Section 25 - Extending Bootstrap With Custom Plugin
Why use custom plugins?
Popular plugins
Section 26 - Using Online Offline Icons & Font Attachment
How To Add Icons
Online Attachment
Offline Attachment
Different Font Formats
Browser Support for Font Formats
CSS3 Font Descriptors
Section 27 - Advanced Javascript
JavaScript – Errors And Exceptions Handling
JavaScript – Form Validation
JavaScript – Animation
JavaScript – Multimedia
JavaScript – Debugging
JavaScript – Image Map
JavaScript – Browsers Compatibility
Section 28 - jQuery Basic
jQuery Introduction
jQuery Get Started
jQuery Syntax
jQuery Selectors
jQuery Event Methods
Section 29 - jQuery Effects
Hide And Show
Fading
Sliding
Animation
Stop Animations
Callback Functions
Method Chaining
Section 30 - jQuery HTML
Get Content and Attributes
Set Content and Attributes
Add Elements
Remove Elements
Get And Set CSS Classes
jQuery css() Method
jQuery Dimension Methods
Section 31 - jQuery Traversing
What is Traversing?
Ancestors
Descendants
Siblings
Filtering
Section 32 - jQuery AJAX
AJAX Introduction
AJAX load() Method
AJAX get() and post() Methods
Section 33 - jQuery Misc
The noConflict() Method
Related Courses
Total student passedout : 69
Instructor Details
Course Categories
GET FREE CONSULTATION
Call Us Now For Free Consultation97370 05566
Our experts listen to you patiently and suggest you the right course after conducting a personality profile test. Register your interest below to schedule personality profile test for you.
SUBSCRIBE TO OUR NEWSLETTER
Copyright 2016-2024 Smart Mentors. All Rights Reserved.
FORGOT PASSWORD
Sign up now to Become An Instructor