Includes:
- 7 hours of lecture Videos
- 170 hands-on practice exercises
- 35 Assessment exercises
- 134 code analysis exercises
- 320 knowledge based questions
-
4 Live connect sessions
(Master classes) - Lifetime access
+91 95669 33778
User Experience Design
ABOUT THE COURSE
User Experience design is the process of enhancing user satisfaction with a product by improving the Usability, Accessibility. UX design is the process of designing (digital or physical) products that are useful, easy to use, and delightful to interact.COURSE DESCRIPTION
This course aims at helping you design better products, services, processes, strategies, spaces, and experiences.COURSE OBJECTIVE
Upon successful completion of this course learners will be able to to develop practical and innovative solutions for UX Design Problems.Course Content
Introduction to User Experience Design
In this module you will gain a basic idea about UI Design and UX Design. On sucessful completion of this module you will be able to see, think and talk about the various aspects and aesthetics of design.
- Live Session
User Experience Research
In this module you will learn the process of discovering behaviour, motivations and needs of the customer through observation, task analysis and user feedback.
- Live Session
Information Architecture and User Flows
In this module you will learn how to organize, structure, and label content in an effective and sustainable way, to enable users achieve their required motive.
- Live Session
Sketching and Wireframing
In this module you will learn to define the heirarchy of components on a screen and communicate what the items on the page should be, based on user needs.
- Live Session
ProtoTyping and Testing
In this module you will learn the different prototyping methods and the way in which each of these prototyping models can be used to test the application.
- Live Session
Testing
In this module you will learn the different testing methods such as A/B card Sorting and User Testing thereby delivering a complete product.
- Live Session
Visual Design for Web Designers, UI Designers & Developers
ABOUT THE COURSE
Visual design aims to shape and improve the user experience through considering the effects of illustrations, photography, typography, space, layouts, and color on the usability of products and on their aesthetic appeal. To help designers achieve this, visual design considers a variety of principles, including unity, Gestalt properties, space, hierarchy, balance, contrast, scale, dominance, and similarity.COURSE DESCRIPTION
This course aims at helping you design visual designs that are aesthetically appealing and user friendly using the various principles of Visual Design.COURSE OBJECTIVE
Upon successful completion of this course learners will be able to design better applications putting together the various principles of Visual Design.Course Content
Color Theory
In this module you will learn in-depth about color theory. You will also learn to user colors in a more harmonic and well organised manner.
- Live Session
Typography
In this module you will learn about Typography - history, uses, text arrangement and the aesthetic use of fonts in web / mobiel applications.
- Live Session
Space and Layouts
In this module you will learn how to use space and layout effectively to create readable, easily navigatable and organized designs.
- Live Session
Proximity, Alignment, Contrast and Repetition
In this module you will learn about the vital elements in Visual Design - Proximity, Alignment, Contrast and Repretition for a better and aesthetically looking design.
- Live Session
Visual Heirarchy and UI Trends
In this module you will learn about the different UI trends and how visual heirarchy helps the consumer to percieve the motto of the application.
- Live Session
Brand Identity
In this module you will learn to present a business to cultivate the company's brand in the consumer's mind.
- Live Session
Icons and Vector Graphics
In this module you will learn about the various types of icons, ways and tools to create them and appropriate usage in design.
- Live Session
UI Patterns and Components
In this module you will learn about the various UI patterns and components and how to incorporate them into the design.
- Live Session
Mobile and Web Guidelines
In this module you will learn about the most common Web and Mobile Guidelines and how to incorporate them in your designs
- Live Session
Build Real World Websites using HTML and CSS
ABOUT THE COURSE
This course will help you learn step by step all the fundamental concepts of HTML and CSS that you need to know to create a website. We cover how to properly use selectors to make it easier and move straight forward to select HTML elements. Making your own templates allows you to add your own creativity into your web pages. This course is perfect for anyone who wants to learn more about web development.COURSE OBJECTIVES
Upon successful completion of the course, the learner will be able to :- Understand HTML/CSS Basics, Images, Tables, Links, Lists, Forms, charts and media types and much more.
- Transform designs of problem solutions into HTML/CSS programming languages.
- Write the code and execute programs on an IDE.
- Apply the testing techniques to find and resolve errors.
- Understand the different aspects of front end web development.
Course Content
HTML Tags, Elements, Attributes
In this topic you are going to learn about HTML tag, elements and attributes. Tags are used to mark up the start and end of an HTML element. A start tag, content, and an end tag. An attribute defines a property for an element, consists of an attribute/value pair, and appears within the element's start tag. An element's start tag may contain any number of space separated attribute/value pairs.
- 1 Video
- 12 Hours
- 35 Problems
HTML Images
HTML Images are very essential to beautify your web sites. This session will take you through step by step process to use images in your web pages like embedding an image, alternate text for an image, how to specify the width and height of an image, different types of attributes, tags which is used to define image and also about HTML path which describes the location of a file in a web site's folder structure.
- 1 Video
- 7 Hours
- 29 Problems
HTML Tables
HTML Tables are used to organize the data and present data in rows and columns, here you will learn about <table>,<tr>,<td>,<th> tags, Attributes like row span, col span ,HTML vertical align and cell padding & cellspacing attributes which is used to give your table cells a little more breathing room, By default, table cells tend to be squeezed close to each other.
- 1 Video
- 6 Hours
- 28 Problems
HTML Links
Links are one of the fundamental technologies which make you to move from one page to another, In HTML links you are going to explore about <a> tag which defines a hyperlink,href attribute which indicates the link's destination, <nav> tag which define a set of navigation links and how to refer social networks using html links.
- 1 Video
- 6 Hours
- 30 Problems
HTML Lists
In HTML lists you would learn to present list of information in well formed and semantic way. You will get good knowledge about different types of HTML lists like ordered and unordered lists which is define using <ul> and <ol> tags , Description list which is used to display a list of terms and their descriptions and Nested list using <li> tag.
- 1 Video
- 5 Hours
- 28 Problems
HTML Forms
HTML Forms will collect data from user and will deliver to web server for processing the data, it acts as a user interface between a web user and application, In HTML forms you will have better information about how you want to collect information from website users, designing your own forms by using <form> elements, will come to know about ‘autocomplete attribute’ which specifies whether or not an input field should have autocomplete enabled, placeholder attributes and ‘file upload’ which allow users to choose the image file they want to upload.
- 1 Video
- 9 Hours
- 32 Problems
CSS Basic Styles
CSS is used to describe how HTML elements are to be displayed on screen. In CSS basic styles you will get exposure about background image styling, css font size, css internal and external styling, font style, style by class, color property, text transform and css column-count.
- 1 Video
- 9 Hours
- 32 Problems
CSS Images & Links
In CSS Image and links you will learn to style the images and links using css properties like color, background, text decoration, responsive images which will automatically adjust to the screen size. In ‘CSS filter’ you will get knowledge to add visual effects and will get some information about CSS – Hover Flip .
- 1 Video
- 6 Hours
- 31 Problems
CSS Tables, Borders & Margins
In this topic you will get to know how borders are set using border property, css using styling the table, striped tables using class and ids, display properties which is used to controlling layouts, and also you will get education about ‘Responsive Table’ which display a horizontal scroll bar if the screen is too small to display the full content.
- 1 Video
- 6 Hours
- 31 Problems
CSS Lists, Padding & Cursors
The goal of this session is to provide knowledge about properties like CSS Padding which is used to define the space between the element content and the element border. CSS Cursor which controls how the mouse cursor will look like when it is located over the element in which this property is set. CSS list which is used to specify the position of the list-item markers and how to create a button with icon and text field with icons using CSS
- 1 Video
- 6 Hours
- 31 Problems
CSS Validations, Charts & Media Types
This session will provide an insight about animation property like animation-name, animation-duration, animation-timing-function, animation-delay etc. The ‘video autoplay’ property which is used to play video automatically and <iframe> tag/ frameborder attribute which specifies whether or not to display a border.
- 1 Video
- 8 Hours
- 52 Problems
JavaScript for Beginners - Learn JavaScript from Scratch
ABOUT THE COURSE
In this course, you will learn how JavaScript works under the hood, and how that knowledge helps you avoid common pitfalls and drastically improve your ability to debug problems. This course follows a hands-on, example-driven approach to show and explain all the important features added to JavaScript. This course is perfect for anyone who wants to learn more about web development.COURSE OBJECTIVES
Upon successful completion of the course, the learner will be able to :- Gain familiarity with what JavaScript is, what it can do, and how it fits into a website.
- Understand Javascript Basics, Control Structures, Objects, Arrays, Strings, Functions, DOM Events, Error Handling and much more.
- Transform designs of problem solutions into Javascript Programming language.
- Write the code and execute programs on an IDE.
- Apply the testing techniques to find and resolve errors.
- Understand the different aspects of front end web development.
Course Content
JS Basics
In this module you will get full information about how JavaScript provide dynamic interactivity on websites. We'll show how to add some basic JavaScript functionalities to your page like printing a welcome message using Javascript, single and multiline comments using and //, changing a CSS property using JavaScript and also there will be some good programming practice tips throughout this module.
- 1 Video
- 7 Hours
- 30 Problems
JS Control Statements
Control statements which allows you to create scripts that can decide which lines of code are evaluated, or how many times to evaluate them. In ‘JS control statements’ you will get the knowledge about flow control in programs and also which will describes the use of if statement, if else statement, switch statement, while loop and the for loop etc..
- 1 Video
- 3 Hours
- 27 Problems
JS Objects, Number, Boolean
In this topic you will learn about objects, numbers and boolean. Javascript object is a collection of properties. Object properties are usually variables that are used internally in the object's methods, but can also be globally visible variables that are used throughout the page. The Number object represents numerical date, either integers or floating-point numbers. The Boolean object represents two values, either "true" or "false".
- 1 Video
- 3 Hours
- 25 Problems
JS Strings
String is an object that represents a sequence of characters which is used to store and manipulate the text. In this topic you will learn about string properties, methods, how to encrypt and decrypt text, ‘validating alphabets’ which is used to check whether the required field in the HTML form contains only letters, match and equal functions.
- 1 Video
- 7 Hours
- 30 Problems
JS Arrays
Arrays are a powerful and comprehensive tool of JavaScript which is used to store multiple values in a single variable. In this module you will get information about its properties, methods, merging arrays and validating duplicate events.
- 1 Video
- 6 Hours
- 29 Problems
JS Functions and Events
In this module you will get complete knowledge about javascript functions and events. In Js function you will learn how to define a function, adding parameters to it and about the return values. Events are an action which occurs when the user or the browser manipulates a page. In Js Events you will get to know about different type of events and how the event functions used in JavaScript.
- 1 Video
- 8 Hours
- 30 Problems
JS Date, Math, RegExp & Validations
The role of this topic is to give information about JS Date, Math, RegExp &Validations. In Date Object topic we will see about the retrieval of date and times, syntax to be used and its parameters. In RegExp &Validations we will learn about how well we can validate the fields inside a form.
- 2 Videos
- 6 Hours
- 44 Problems
JS DOM Events and Event Listeners
In this topic we can understand about where to use DOM events and Event Listeners and its working. HTML DOM events allow JavaScript to register different event handlers on elements in an HTML document. The addEventListener() method attaches an event handler to an element without overwriting existing event handlers.
- 1 Video
- 7 Hours
- 30 Problems
JS Error Handling
In this module you will learn about how to handle and fix errors on your websites, you will get full information about different types of statements like try, catch, throw and finally with simple programs to practice.
- 1 Video
- 5 Hours
- 26 Problems
JS Multimedia & Image Map
In JS Image maps you will get information about how an image on a web page that provides various links to navigate to other web pages or some sections of the same web page and also uses of different tags like ,
- 1 Video
- 8 Hours
- 29 Problems
Projects and Case Studies
Taxi Pooling App
In this project you will be designing and building a taxi pooling application from scratch.
- Live Projects
Food Delivery App
In this project you will be designing and building a food delivery application from scratch.
- Live Projects
Fitness Tracking App
In this project you will be designing and building a fitness tracking application from scratch.
- Live Projects
Mail App
In this project you will be re-designing an existing E-Mail application.
- Live Projects
Messaging App
In this project you will be re-designing an existing messaging application.
- Live Projects
