Learning Outcomes

HTML and CSS Fundamentals

CSS and Web Design Fundamentals

Use of JavaScript

Lesson Summary

In this module, we will introduce you to the key features of HTML and CSS. You will learn how to design the layout of your web applications and make them accessible on multiple device types. We'll show you how to use JavaScript to handle the functionality of web pages, write conditional statements and loops and handle user interactions.

UI5 Development Essentials

UI5 Application Development

Building Robust Multi-language Applications

This module will introduce you to UI5 libraries and various UI5 tools required to create web applications. We'll show you how to arrange data into a more meaningful and easier-to-understand format. You'll learn how to translate the content of web pages for internationalization to help users move between different views and pages.

Mastering Data Management With OData Service

Effortless Data Management with OData Service V4

Deployment to SAP and Non-SAP Environments

This module will introduce you to the core concept of OData Services versions V2 and V4 and Fiori Launchpad. You'll learn how to perform various data manipulation operations with the help of OData Services. We'll show you how to solve commonly occurring problems in UI5 applications and deploy UI5 applications to both SAP and non-SAP environments.

Diploma in SAP UI5 Development  - Course assessment

Unlock the power of the SAPUI5 JavaScript framework and build innovative business solutions in this free online course.

Diploma in SAPUI5 Development

Ready to take your web development skills to the next level? This course will help you discover a world of new possibilities in web application development with SAPUI5. By delving into core concepts and essential tools, you'll comprehensively understand how to build SAPUI5 applications. You'll learn to create web applications that are easily accessible across multiple device types, fix web application issues and deploy them to various platforms.

UX/UI Introduction

Introduction to the Web Industry

Project Management

In this module, we will introduce you to Adobe XD for User Experience (UX)  and User Interface (UI). You will also be presented with an overview of the UX/UI designer marketplace, what it means to be a professional in this space, including the roles and responsibilities and the importance of being a well-rounded designer.

Using Colors in Graphic Design

Using Fonts and Icons

Graphic Design Software Tools

This module covers the elements of graphic design, namely, colors, fonts, and icons. You will learn about color schemes and palettes, the psychology of color, and why and how you should use colors in web design. About fonts and icons, you will learn their types and how best you can use them in your design.

What is User Experience Design

User Profiles

Customer Journey and Sales Funnels

The Buying Process

Principles of Influences and Triggers

Marketing and User Flow

In this module, you will learn all about User Experience (UX) design, from user profiles and pain points, through a customer's journey, to triggers and influences. You will understand the process of UX design, considering all the different factors.

User Experience Design: Storyboards

User Experience Design: Moodboards

Information Architecture

UX Design: Wireframes

UX Design: Evaluation

This module will teach you how to work with storyboards, moodboards, wireframes, and prototypes. You will also learn about Sitemap and Information Architecture and how to test and evaluate your website.

Diploma in User Experience Design for the Web using Adobe XD - First Assessment

This assessment enables you to review your learning so you can determine your knowledge and understanding from the first four modules of the following course: 
Diploma in User Experience Design for the Web using Adobe XD.

UI Design Introduction

Landing Pages

UI Controls and Navigation

This module will give you an overview of the user interface (UI) and its design aspects. You will learn about different types of interfaces and how to design the landing page. You will also learn about UI controls and navigational elements.

Header Design

Layout Designs

Button and Input Design

Filter and Search Bar Design

UI Kits and Microinteractions

In this module, you will go deeper into the design of a UI and learn about the headers, layouts, and footers. You will also learn to design buttons and interactions, especially micro-interactions. In the process, you will be able to distinguish between designs for mobile and desktops.

Optimization and Feedback

Above the Fold

Analytics for Optimization

Usability Report

It would be best to design your UI the way your users like it and find it helpful. In this module, you will learn how to understand your users by analyzing their behaviour. Once you know what your users want and need, you can optimize your UI for better usability and referrals.

Careers in UX/UI - Learning Objectives

Possible Careers

Freelancing and Consulting

Building your Brand

In this module, you will learn valuable insights about building your career in UX/UI and building your life around it. You will learn about the career options, freelance and client consulting resources, building a brand, marketing your skills, and branding yourself.

Creating a Website

Setting up your Website

Creating Your Business Profile

Tools and Tips

In this module, you will learn the importance of having a website and a logo and how to create them step-by-step. This includes developing your business profile and business email. You will also get some tools and tips to get your UI/UX career started.

Diploma in User Experience Design for the Web using Adobe XD - Second Assessment

This assessment enables you to review your learning so you can determine your knowledge and understanding from modules five to nine of the following course: 
Diploma in User Experience Design for the Web using Adobe XD.

Diploma in User Experience Design for the Web using Adobe XD - Final Assessment

Take your career to the next level with this free online course about UI/UX design using the Adobe XD platform.

Diploma in User Experience Design for the Web using Adobe XD

This course is for those who want to start a career in User Experience (UX) design. It teaches you everything that you need to know, starting from scratch with Adobe XD basics to more advanced types of User Interfaces (UIs) and UI elements. Gain a wealth of knowledge, tips, tricks, tools, and resources to jumpstart your career. We will also cover project management, marketing and networking, building your website, logo, and brand.

The "Curb Cut" Effect: An Accessible Web Benefits All

Accessibility Law: Accessibility for Ontarians & Global Perspective

Types of Disabilities and Associated Barriers

Screen Readers: An Introduction

Screen Readers: ChromeVox

Activity 1: Experience Barriers

This module covers why you should learn about Web Accessibility. This module highlights the important role of web accessibility in the modern day. This module covers concepts such as the "curb cut" effect, accessibility law, types of disabilities and associated barriers and an introduction to screen readers.

WCAG Principles

WCAG Accessibility Levels

Sufficient and Advisory Techniques

Compliance Requirements

Activity 2: WCAG Scavenger Hunt

This topic covers everything about WCAG. In this topic you will learn about WCAG principles. accessibility levels, guidelines and success criteria, compliance requirements as well as the differences between different versions of WCAG.

Introduction to Perceivable

1.1 Text Alternatives (Level A)

1.2 Time-Based Media (Level A)

1.2 Time-Based Media (Level AA)

1.2 Time-Based Media (Level AAA)

1.3 Adaptable (Level A)

1.3 Adaptable (Level AA and AAA)

1.4 Distinguishable (Level A)

1.4 Distinguishable (Level AA and AAA)

Activity 3: Creating Closed Captions

This topic gives an introduction to perceivable in web accessibility. In this topic you will learn about text alternatives, time-based media, adaptable, distinguishable and creating closed captions.

2.1 Keyboard Accessible (Level A)

2.2 Enough Time (Level A)

2.3 Seizures and Physical Reactions (Level A)

2.4 Navigable (Level A)

2.4 Navigable (Level AA and AAA)

2.5 Input Modalities (Level A)

Activity 4: Understanding the Limitations of Automated Accessibility Checkers

This topic gives an introduction to operable in web accessibility. In this topic you will learn about keyboard accessibility, giving enough time to those that need it, seizures and physical reactions to certain types of web content, input modalities and more.

3.1 Readable (Level A)

3.2 Predictable (Level A)

3.3 Input Assistance (Level A)

Activity 5: Writing for the Web

This topic covers understandable objects in web accessibility. In this topic you will learn about objects that are readable, predictable, the concept of input assistance and how to write for the web.

4.1 Compatible (Level A and AA)

Introduction to WAI-ARIA

Activity 6: HTML Markup Validation

Intro Assessment

This topic gives an introduction to robust in web accessibility. In this module you will learn about compatibility, an introduction to WAI-ARIA as well as a HTML markup validation.

Why Learn About Accessible Web Development

About WCAG and WAI-ARIA

In this topic you will learn about disabilities and barriers, web accessible web development, AODO background as well as about WCAG and WAI-ARIA.

Submitting Coding Assignments and Using GitHub

Introduction to the jQuery Plugin and the ChromeVox Screen Reader

Activities : How to Submit Assignments & Set Up and Use ChromeVox

This module covers an introduction to  web accessible development. In this module you will learn about submitting coding assignments using Github, WAI-ARIA libraries, ChromeVox Screen Reader and HTML 5.

What is WAI-ARIA?

Static vs. Dynamic WAI-ARIA

Graceful Degradation vs. Progressive Enhancement

WAI-ARIA Taxonomy

Activity 3: WAI-ARIA Scavenger Hunt

This module covers what is WAI-ARIA. learn about roles, states and properties. learn about static vs dynamic WAI-ARIA and browser and screen reader support.

WAI-ARIA Landmarks

WAI-ARIA Alert and Message Dialogs

Keyboard Interaction

Application and Presentation Roles

Activity 4: WAI-ARIA Landmarks and Alerts

This module covers basic WAI-ARIA. In this module you will learn about common static WAI-ARIA. Learn about Alert and message dialogs, using TabIndex and keyboard interaction.

Toggle Buttons (Activity Example)

Suggestion Boxes

Activity 5: Accessible Suggestion Box

Tooltips

Activity 6: Accessible Tooltips

Progress Bars

Activity 7: Accessible Progress Bar

This topic covers the basics of interactive WAI-ARIA. In this topic you will learn about toggle buttons, suggestion boxes and an accessible suggestion box.

Sliders

Activity 8: Accessible Slider

Accordions

Activity 9: Accessible Accordion

Tab Panels

Carousels

Activities: Accessible Tab Panel & Accessible Carousel

This topic cover intermediate WAI-ARIA. In this topic you will learn about sliders, accordions, accessible tab panels, carousels and more.

Menu Bars

Tree Menus

Activity 12 & 13: Accessible Menu Bars & Accessible Tree Navigation

Sortable Lists

In this topic you will learn about the advanced parts of interactive WAI-ARIA. TIn this topic you will learn about tree menus, sortable lists and more.

Course Recap

Developer Assessment

This module is a course recap of the course material and provides links to other important aspects of web accessibility.

Introduction

Activity: Start Your Web Accessibility Auditing Toolkit

In this topic you will get an introduction in to web accessibility auditing. You will learn about why web accessibility auditing is important and how to start your web accessibility auditing toolkit.

Aspects of Auditing and Types of Disabilities and Associated Barriers

Aspects Of Auditing and Things to Watch For

Automated and Manual Web Accessibility Testing

Introduction to User Testing, Code Examination and Repair

ChromeVox Screen Reader

This module covers the different aspects of web accessibility auditing  such as the types of disabilities and associated barriers, automated web accessibility testing and an user testing.

Introduction to WCAG and the evolution of Web Accessibility

WCAG Accessibility Conformance

10 Key Guidelines and WCAG Web Auditing Review Template

Activity: WCAG Scavenger Hunt

In this module you will get an introduction to WCAG, the principles of WCAG and the evolution of web accessibility.

Automated Testing Tools

Colour Contrast Evaluation

Readability Testing

Activity: Compare AChecker and WAVE

In this module you will learn about automated testing tools. This module covers web accessibility checkers, the WAVE accessibility evaluation tool and other notable review tools.

Introduction to Manual Testing Strategies

Code Examination and Repair

Media Review

In this module you will learn about the different forms of manual testing strategies. This module covers the testing strategies, as well as

Screen Reader Testing

Summary of Available Screen Readers

Other Assistive Technologies

This module gives an introduction into assistive technology testing. How to test the various technologies used in web accessibility. In this module you will learn about screen reader testing and other assistive technologies.

Involving User Testers

Developing a Test Protocol

Activity: Finding User Testers

This module covers user testing in web accessibility auditing. In this module you will learn about involving user testers, recruiting user testers, developing a test protocol and recording observations.

Informal Reviews

General Audits and more

Tour of an Audit Report

This module covers the basics of web accessibility reporting. In this module you will learn about choosing an audit, informal reviews, general audits, detailed audits and more.

Content Recap

Accessibility Guidelines and more

ISO/IEC-24751 (AccessForAII)

Auditing Assessment

This module covers other accessibility standards. In this module you will learn about international web accessibility guidelines, ISO as well as user agent accessibility guidelines.

Diploma in Web Accessibility - Assessment

Learn about web accessibility and the Web Content Accessibility Guidelines (WCAG) with this free online course.

Diploma in Web Accessibility

This free online course explores issues pertaining to web accessibility and its vital role in modern web design and development. This course explains why web accessibility is important, whom it helps and the kind of technologies and measures that can create accessible interfaces for all. This course is split into three sections: an introduction to web accessibility, its development and finally its auditing.