Scribd
Upload
587 views3 pages

Syllabus of UX-UI

This document provides a syllabus for a UI/UX course. It begins with an introduction to UI and UX, explaining the differences between the two. It then outlines the main types of user interfaces and gives an overview of the UX design process. The rest of the syllabus details the topics and modules that will be covered for HTML, CSS, JavaScript, Bootstrap, jQuery, and tools used for UI/UX design like Adobe XD and Figma.

Uploaded by

A2IT Pvt. Ltd.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
587 views3 pages

Syllabus of UX-UI

This document provides a syllabus for a UI/UX course. It begins with an introduction to UI and UX, explaining the differences between the two. It then outlines the main types of user interfaces and gives an overview of the UX design process. The rest of the syllabus details the topics and modules that will be covered for HTML, CSS, JavaScript, Bootstrap, jQuery, and tools used for UI/UX design like Adobe XD and Figma.

Uploaded by

A2IT Pvt. Ltd.
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 3

UI/UX Course Syllabus

Introduction of UI/UX:
The user interface (UI) is the point of human-computer interaction and communication in a
device. This can include display screens, keyboards, a mouse and the appearance of
a desktop. It is also the way through which a user interacts with an application or a website.
The growing dependence of many businesses on web applications and mobile applications
has led many companies to place increased priority on UI in an effort to improve the user's
overall experience.
Types of user interfaces
The various types of user interfaces include:
Graphical user interface (GUI)
Command line interface (CLI)
Menu-driven user interface
Touch user interface
Voice user interface (VUI)
Form-based user interface
Natural language user interface
UX (User Experience :-User experience (UX) design is the process of building products that
are easy and enjoyable for people to use. By building products to be as effortless as possible
for users, you can encourage adoption, retention, and loyalty.
UX is an iterative process of constant improvement: product teams and designers use data
and usability testing to continuously refine the product experience so it becomes easier for
users as the product develops.
Difference between UI AND UX:
User interface (UI) design is a part of UX design that focuses on the visual look of a product.
For example, a UI designer may focus on the layout of a website page or app screen, or the
color used for CTA buttons.
UI and UX design are often confused or considered to be the same thing. That's
understandable: the user interface is a part of the user experience, but UI design is more
narrowly focused on the visuals and aesthetics of the interface users see, whereas UX is a
broader process of identifying and solving user problems.
For example: typography, color scheme, branding, button design, animations, and imagery
are all a part of UI; while user flow, product features, and accessibility are a part of UX.
Designing process in UI/UX:
HTML Syllabus
Introduction to HTML
Tags and Attributes
Importance of Anchor and usage
Images
Tables and Colors
After JavaScript
Forms and Form Elements
Canvas
Media Usage
Using APIs - Geolocation, Drag and Drop
CSS Syllabus
Understanding Browsers and viewports
Importance of Formatting
Introduction to CSS and Syntax
Inline CSS
Internal CSS
External CSS
Menu Creation, Gradients, Pagination, Border Box and Animation
Media Query and Responsive Design
Template Customization
JavaScript Syllabus
Understanding JavaScript and Syntax genesis
Control Structures
Exercise using all Control Statements
Regular Expressions
Functions
Introduction to OOPS
Document Object Model, Node
Event Handling
Testing and Debugging
Exercise: Form Validation
Cookie Handling
Introduction to JS plugins
Bootstrap Syllabus
All about Bootstrap
Grid based structure
Understanding Navbar, Carousel, Model Window and ScrollSpy
Exercise - Create Fluid design Single Page Template
JQuery Syllabus
Understanding JQuery and Syntax genesis
JQuery Animation and Effects
Dynamic Form handling using JQuery - Example and Exercise
Dynamic Formatting and CSS handling using JQuery
Traversing
Ajax in JQuery - The Load function
Modules in UI/UX:
Module 1: Introduction to User Experience Design
Module 2: User experience research
Module 3: Visual Design
Module 4: User experience design strategy
Module 5: Mock-up
Tool used for UI/UX during the course
Adobe xD
Figma
Learn anywhere with A2IT- iOS and Android App
Now Get Free Video Courses, E-Books, Event Updates & Class Notes Anywhere
Anytime:

www.a2itsoft.com

You might also like