Course Content
1. HTML 4

•  Introduction To HTML

•  Basic Tags And Guidelines

•  W3C Validations

•  HTLM Tags And Their Behavior

•  List And Tables

•  Forms

2. CSS 2

•  Introduction To CSS

•  Ways To Implement CSS

•  ID And Class

•  More CSS Selectors

•  Pseudo Classes

•  Nth Child Selectors

•  Backgrounds And Borders

•  Floating And Clear

•  Positions

•  Display

•  Pseudo Elements

•  Making A Web Page Using HTML 4 And CSS 2 Only

3. JavaScript

•   Introduction To JS

•  Basics Of Javascript

•  Variables, Loops And Conditional Statements

•  Introduction To DOM And BOM

•  Understanding Events Like Onclick, Onblur, Onchange, And Other Events

•  Form Validations

•  Regular Expressions

•  Functional Programming With JS

•  Making An Application Using JS

•  Introduction To AJAX

•  Fetching JSON Data Using AJAX

4. HTML5

•  HTML5 New Tags (Semantics Vs Non-Semantics)

•  HTML 5 Form Validations And Attributes

•  Multimedia – Audio And Video

•  Offline Web Pages

•  Localstorage

•  Geolocation

•  Canvas & SVG

•  Drag And Drop

5. CSS3

•  Introduction To CSS 3

•  Changes In CSS 3

•  Selectors

•  Rounded Borders

•  Shadow

•  2D + 3D Transformations

•  Animations And Keyframes

•  Making Different Type Of 2D And 3D Animations

•  Column Layout

•  Grid

•  Flexbox

•  Media Queries

6. Bootstrap

•  Accordion Content

•  Introduction To Bootstrap

•  Bootstrap 3 Vs Bootstrap 4 Vs BootStrap5

•  Containers And Container-Fluid

•  Grid System

•  Bootstrap Components

•  Navbar, Forms, List And Other Components

•  Making Responsive Web Pages

7. JQuery

•  Introduction To Jquery

•  Selectors And Events

•  Effects And Animation

•  DOM Traversing

•  AJAX With Jquery

•  Jquery Plugins


The UI Development course is designed to provide students with the knowledge and skills necessary to create effective and engaging user interfaces. This course covers essential lessons related to front-end development, including HTML, CSS, JavaScript, and popular UI frameworks.

UI (User Interface) development involves creating the visual and interactive elements of a software application or website. It focuses on designing and implementing the user interface components that users interact with, such as buttons, menus, forms, and other graphical elements.


Basic design skills, including knowledge of design principles, color theory, typography, layout, and visual hierarchy.

Proficiency in graphic design software such as Adobe Photoshop, Adobe Illustrator, or Sketch.

Understanding of user experience (UX) design concepts, including user research, personas, wireframing, and prototyping.

Familiarity with HTML and CSS for implementing UI designs on the web.

Knowledge of responsive design principles for creating interfaces that work well across different devices and screen sizes.

Course Instructors
Instructor 1

Ravikant Tyagi

Hello everyone, I am Ravikant Tyagi and I do have experience of 8+ years in IT as a developer and trainer. I have more than 100 websites live on internet and I have taught thousands of students, teachers & developers to learn to code and how to become professional developer with 100% practical knowledge.

What People Says About us

Frequently Asked Questions
Can I attend a demo session before enrolment?

•  Yes! You can attend a One Demo class free of Cost.

What if I miss a class?

•  All Classes sessions are recorded in HD Quality , so if you miss a class so you can watch the recordings.

Will I get placement assistance?

•  100 % Placement Assistance.

Who are the Trainers at Brain Mentors?

•  All our Trainers are Software Professionals, Having 7 to 15 Years’ of Experience. All Trainers worked with Top Brands.

What if I have more queries?

•  Feel free to contact us on :7042434524 01145138947

Join Us Today

Questions, concerns or feedback? We're here to listen. Use the form to contact us.