Registration To Forum Is 100% Free

+91 97370 05566

Registration To Forum Is 100% Free

Home | Courses | UI / UX Development | UI Development for Beginners

UI Development for Beginners

Classroom course
Virtual course
Click Here To Check Batch Availability
Sr. No.Batch CodeStart DateEnd DateTime SlotTraining OptionInstructorEnroll now
1smbuib1-28421st Oct, 202416th Dec, 202410:00 AM to 11:00 AMClass Room TrainingUI MentorEnroll Now
2smbuib2-28421st Oct, 202416th Dec, 202412:30 PM to 1:30 PMClass Room TrainingUI MentorEnroll Now
3smbuib3-28421st Oct, 202416th Dec, 20243:00 PM to 4:00 PMClass Room TrainingUI MentorEnroll Now
4smbuib4-28621st Oct, 202416th Dec, 20245: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
  • 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
    • Check Batch Availability
    Register Interest
    Enroll Now

    Related Courses

    Enroll Now
    • ₹ 26727₹ 9100
    • 8 Weeks
    • 96 Hours
    • Surat

    Total student passedout : 56

    Instructor Details

    UI Mentor
    More Courses by UI Mentor

    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.

    I'm Interested
    Copyright 2016-2024 Smart Mentors. All Rights Reserved.

    Login

    FORGOT PASSWORD

    Retrieve Password
    Back to login

    Sign up now to Become An Instructor

      Register your Interest

        cf7captchaRegenerate Captcha