2021, May 5 Start 11:00 GMT Duration 6 hours online
"Component-Driven Design Systems"
Workshop #1
Andrey Okonetchnikov
Frontend engineer and an interaction designer
Ended
AGENDA
2021, May 5
Introductions
Component-Driven Development
UI Inventory & Design Tokens
Basic Primitives
Layout Primitives
UI Patterns
Discussion and Q&A
Introductions
Component-Driven Development
UI Inventory & Design Tokens
Basic Primitives
Layout Primitives
UI Patterns
Discussion and Q&A
WHAT YOU WILL LEARN
How to design and implement a UI component library that is easy to use and maintain
How to apply this knowledge to build a real product using only components from the UI library
How to establish and maintain company-wide processes to work with design systems
Overview of the different approaches to styling and architecture of React applications
What is a design system and how can it enforce the design language
Introduction to the Component-Driven Development process
How to automatically generate a living styleguide from the source code
How to identify problems and issues with user interface, perform a UI inventory — a process where we're going to identify problems with the current UI and structure it in a systematic way
SPEAKER'S BIO
Andrey Okonetchnikov
Frontend engineer and an interaction designer
Andrey is a frontend engineer and an interaction designer, specializing in UX, design systems, and modern frontend architecture. He has been designing and developing real products using web technologies for the past 20 years. Andrey is a co-organizer of ReasonConf, ReactVienna, co-creator of MonoLisa (https://monolisa.dev) and ColorSnapper (https://colorsnapper.com), author and maintainer of several popular open source projects like lint-staged and react-dropzone, international speaker and workshops coach.
WHAT DO WE OFFER
maximum 10 people in a group, so you will definitely receive enough attention from trainer
experienced trainer, who will lead you through workshop's program
support team, who will help you with all questions and issues
high quality content
If you are a developer:
If you are a manager or business owner:
Investments in your employees's skills and knowledge is always a good idea. Firstly, because they definitely will appreciate your care and rate you as excellent employer, and secondly, because as higher expertise employees gain, higher ROI company will receive.

So investing only $299 and couple of hours mean long time benefit for your company.
Our workshops will help you stay up-to-date and to deep your expertise in React JS development. We offer workshops for different levels of knowledge. After completing workshops you will definitely rise your level of expertise, what will help you to stay in demand and explore fantastic career opportunities.
If you are a developer:
Our workshops will help you stay up-to-date and to deep your expertise in React JS development. We offer workshops for different levels of knowledge. After completing workshops you will definitely rise your level of expertise, what will help you to stay in demand and explore fantastic career opportunities.
If you are a manager or business owner:
Investments in your employees's skills and knowledge is always a good idea. Firstly, because they definitely will appreciate your care and rate you as excellent employer, and secondly, because as higher expertise employees gain, higher ROI company will receive.

So investing only $299 and couple of hours mean long time benefit for your company.
SHOW MORE
FOR WHOM?
It's mainly designed for frontend developers with the focus on HTML and CSS and basic React. That being said, if you're a designer, you'll learn how modern frontend development look like which can help you communicate with you dev team. This workshop doesn't cover the technological aspect (although we'll write some code) but is more focused on the way you think and structure your design system.
WHAT YOU NEED BEFORE WE START
To learn styled-components we recommend Introduction to styled-components video lesson.
Git 2.0, or newer Node.js 10.0, or newer npm 6.0, or newer
To learn command line basics we recommend Really Friendly Command Line Intro by Tracy Osborn.
To learn React we recommend the official tutorial and The Beginner's Guide to React course by Kent C. Dodds.
Basic JavaScript, CSS, HTML and React experience is required. Styled-components experience and command line basics will be very useful.
COURSE BENEFITS
Design systems help teams to stay focused on things that matter and ship higher quality products in less time and effort.
Design systems offer a systematic approach to the process of product creation. This approach establishes an organization-wide design language that can be backed into a UI library and the styleguide and becomes the single source of truth for the entire organization. Component libraries and living styleguides encourage reuse, promote consistency, improve team productivity, help to identify common patterns and solve similar problems only once.
Workshop Ended
Workshop #1
"Component-Driven Design Systems"
Responsible for payment:
Additional information
Geekle Corp.
910 Foulk Road, Suite 201
Wilmington, DE
19803, USA
Designed by:
Our website is almost ready
Create a targeted live campaign.
Scale your infrastructure with our simple service.
Days
Hours
Minutes
Seconds
Leave your email below to receive updates
Click to order
Total: 
Contact Information
Promo code
Payment method
Contact the organizer if you need a refund