UI Development for Beginners
Sr. No. | Batch Code | Start Date | End Date | Time Slot | Training Option | Instructor | Enroll now |
---|---|---|---|---|---|---|---|
1 | smbuib1-273 | 6th May, 2024 | 1st Jul, 2024 | 10:00 AM to 11:00 AM | Class Room Training | UI Mentor | Enroll Now |
2 | smbuib2-273 | 6th May, 2024 | 1st Jul, 2024 | 12:30 PM to 1:30 PM | Class Room Training | UI Mentor | Enroll Now |
3 | smbuib3-273 | 6th May, 2024 | 1st Jul, 2024 | 3:00 PM to 4:00 PM | Class Room Training | UI Mentor | Enroll Now |
4 | smbuib4-275 | 6th May, 2024 | 1st 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
Section 13 - 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
Section 15 - 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
Sectiom 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 - 22 Javascript Basics
What is JavaScript?
Client-Side JavaScript
Advantages of JavaScript
Limitations of JavaScript
JavaScript Development Tools
JavaScript – Syntax
Placement
Section - 23 Exporting Of Psd Design To Web And Mobile Html
What is PSD to HTML?
Section - 24
test unit
Adding Selectors ui
Related Courses
-
Total student passedout : 56
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
Section 13 - 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
Section 15 - 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
Sectiom 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 - 22 Javascript Basics
What is JavaScript?
Client-Side JavaScript
Advantages of JavaScript
Limitations of JavaScript
JavaScript Development Tools
JavaScript – Syntax
Placement
Section - 23 Exporting Of Psd Design To Web And Mobile Html
What is PSD to HTML?
Section - 24
test unit
Adding Selectors ui
Related Courses
Total student passedout : 56
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