Introduction to the course.
Completely custom user interfaces using Styled Components,
Tailwind CSS, Gatsby JS and a little bit of GraphQL.
JAMStack Web development principles is the future. Using Gatsby JS, we will explore this morden way of build web experiences
Button styling with Tailwind CSS and Styled Components.
Input styling with Tailwind CSS and Styled Components.
Javascript in CSS. Template Literals.
Powerful image optimisation
Intro into GraphQL
Designing for re-usability, fully branded components using Microsoft Design Principles for web applications
Branding
Colour management
Colour generation tools for web and accessibility
Form pseudo elements styling
We will be using a highly efficient, modern and powerful technology stack to build the reusable components in the course.
Take a look at the stack below
Gatsby JS
Free and open source framework based on React that helps developers build blazing fast websites and apps
Styled Components
Visual primitives for the component age.Use the best bits of ES6 and CSS to style your apps without stress
React JS
Build encapsulated components that manage their own state, then compose them to make complex UIs.
Tailwind CSS
Highly customizable, low-level CSS framework that gives you all of the building blocks you need to build bespoke designs
Graphql
GraphQL provides a complete and understandable description of the data in your API
Codesandbox
Web Development Made Faster. An instant IDE and prototyping tool for rapid web development.
Hi, I’m Shingai Munyuki
A professional UI designer in front end developer with more than 8 years in the industry.
Working with a multitude of small to medium-sized businesses, understanding their end-to-end online technical problems has helped me build online platforms that companies run their businesses on both in development and UI product design.
Over the years I've learned how to identify and be proactive in solving potential problems that will arise in your online digital systems, which will cost you in money and time over the long run.