UI Development – Beyond the Basics

Classroom course
Virtual course
Sr. No.Batch CodeStart DateEnd DateTime SlotTraining OptionInstructorEnroll now
1smbuia1-28518th Nov, 202410th Feb, 202510:00 AM to 11:00 AMClass Room TrainingUI MentorEnroll Now
2smbuia2-28418th Nov, 202410th Feb, 202512:30 PM to 1:30 PMClass Room TrainingUI MentorEnroll Now
3smbuia3-28518th Nov, 202410th Feb, 20253:00 PM to 4:00 PMClass Room TrainingUI MentorEnroll Now
4smbuia4-28518th Nov, 202410th Feb, 20255:30 PM to 6:30 PMClass Room TrainingUI MentorEnroll 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
  • 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

    Subscribe to get latest updates regarding courses, IT industry and career prospects.

    Copyright 2016-2024 Smart Mentors. All Rights Reserved.

    Login

    FORGOT PASSWORD

    Sign up now to Become An Instructor

      Register your Interest

        cf7captchaRegenerate Captcha