UI Development – Beyond the Basics
Sr. No. | Batch Code | Start Date | End Date | Time Slot | Training Option | Instructor | Enroll now |
---|---|---|---|---|---|---|---|
1 | smbuia1-285 | 18th Nov, 2024 | 10th Feb, 2025 | 10:00 AM to 11:00 AM | Class Room Training | UI Mentor | Enroll Now |
2 | smbuia2-284 | 18th Nov, 2024 | 10th Feb, 2025 | 12:30 PM to 1:30 PM | Class Room Training | UI Mentor | Enroll Now |
3 | smbuia3-285 | 18th Nov, 2024 | 10th Feb, 2025 | 3:00 PM to 4:00 PM | Class Room Training | UI Mentor | Enroll Now |
4 | smbuia4-285 | 18th Nov, 2024 | 10th Feb, 2025 | 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
Subscribe to get latest updates regarding courses, IT industry and career prospects.
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
Subscribe to get latest updates regarding courses, IT industry and career prospects.
Copyright 2016-2024 Smart Mentors. All Rights Reserved.
FORGOT PASSWORD
Sign up now to Become An Instructor