UI Development – Beyond the Basics

Classroom course
Virtual course

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
  • 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
  • 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

    Contact Us

    Working Hours

    • Monday9:00 AM – 9:00 PM
    • Tuesday9:00 AM – 9:00 PM
    • Wednesday9:00 AM – 9:00 PM
    • Thursday9:00 AM – 9:00 PM
    • Friday9:00 AM – 9:00 PM
    • Saturday9:00 AM – 9:00 PM
    • SundayClosed
    Copyright 2016-2018 Smart Mentors. All Rights Reserved.

    Login

    EXISTING MEMBER LOGIN

    FORGOT PASSWORD

    Sign up now to Become An Instructor

    Register your Interest