UI Development & Accessibility resources

Or how to learn and keep up to date with the latest UI Development & Accessibility implementation trends for free (Front End Development)

This article is aimed at both sides of the spectrum:

  • Developers/Programmers (Front end and back end) wanting to dig deeper into your front end, UI specialist or UI champion skills
  • UI/UX Designers with interest in implementing your own designs and exploring what’s possible with web technologies.

In my work within UX consulting, I not only work with IT, business and users but also support all groups of colleagues in design and technical matters, in order to improve interdepartmental communication, break silos, and increase collaboration.

My team and I can help by sharing some of our knowledge in workshops, and training sessions, but, just like we didn’t learn it all in a week, we will not expect anybody else to.

Also, not everyone has the budget or can fit it into their schedule to get custom tailored training with a teacher or coach onsite. And even if you did, you can still save some time and money if you have updated your previous knowledge. This is why I prepared this resource list to facilitate access for wider audiences with interest in getting a deeper understanding in UI & front end technologies. Many of the following MOOCs (Massive Open Online Courses) offer an official certificate (paid version), but all of them are also available to review and learn for free.

This list is mainly ordered by providers: w3c, Google-Udacity, Microsoft-Edx, Coursera-University of London & University of Michigan.

The sole exception that confirms the rule being the accessibility courses, listed at the very beginning. If the course is provided in a language other than English, I put a note before the name of the course.

There are courses for all levels, so feel free to create the order that better suits your needs.

But… if you are not sure where to begin or feel overwhelmed by this list, I would 1) start by learning HTML & CSS (metaphorically, HTML represents the body with its bones and muscles and CSS the clothes you put on based on the body you have created); 2) exploring all the actions you could do with JS (for example: change clothing style, and even change certain parts of this body!); … and last but not least… 3) don’t forget to check the accessibility (for everyone — from search engines to power users — to perceive and enjoy the great character you have created).

Enjoy!

Accessibility

w3c — World Wide Web Consortium

Google - Udacity

Microsoft — Edx

Coursera

University of London

  1. Responsive Website Basics: Code with HTML, CSS, and JavaScript https://www.coursera.org/learn/website-coding
  2. Responsive Web Design https://www.coursera.org/learn/responsive-web-design
  3. Responsive Website Tutorial and Examples https://www.coursera.org/learn/responsive-website-examples

University of Michigan

  1. Introduction to HTML5 https://www.coursera.org/learn/html
  2. Introduction to CSS https://www.coursera.org/learn/introcss
  3. Advanced Styling with Responsive Design https://www.coursera.org/learn/responsivedesign