We may earn an affiliate commission when you visit our partners.
CodeMash
This course is no longer available. Find something similar by browsing:
React
Design Systems
Storybook
Component Library
User Interface (UI)
Collaboration
Custom UI
Register for this course and see more details by visiting:
OpenCourser.com/course/orpkxs/bringing
Traffic lights
Traffic lights
Read about what's good
what should give you pause and
possible dealbreakers
Teaches about using design systems to create a custom UI for clients, which is applicable to web development
Presents a real-world experience that demonstrates the effectiveness of combining React, design systems, and Storybook to create a component library
Highlights tools and libraries that are essential for UI framework creation
May be more relevant to web developers who have some knowledge of React and design systems
Save this course
Create your own learning path.
Save this course to your list so you can find it easily later.
Save
Save
Activities
Coming soon
We're preparing activities for
Bringing Order to Chaos: CodeMash.
These are activities you can do either before, during, or after a course.
Career center
Learners who complete Bringing Order to Chaos: CodeMash will develop knowledge and skills
that may be useful to these careers:
Front-End Developer
Front-End Developer
Front End Developers are responsible for the design and implementation of the user interface of a website or application. Those in this role should know React and how to use it to create UI components. Thus, a course that combines React, design systems, and Storybook would be quite valuable for a Front End Developer. This course will teach developers how to use these tools to create an effective UI framework, which can be highly beneficial in this role.
UI/UX Designer
UI/UX Designer
UI/UX Designers focus on the user experience (UX) and user interface (UI) of a website or application. This course teaches developers how to create UI components and design systems, which are essential skills for UI/UX Designers. This course may also be helpful for those in this role who wish to collaborate with developers.
Software Engineer
Software Engineer
Software Engineers are responsible for designing, developing, and maintaining software applications. This course can help Software Engineers learn how to create their own component library from scratch and collaborate with designers to create a custom user interface (UI) for their clients.
Web Designer
Web Designer
Web Designers are responsible for the visual design of a website or application. This course provides skills that can help those in this role develop consistency across a website or application by creating a component library and design system, which can save time and resources.
Information Architect
Information Architect
Information Architects are responsible for organizing and structuring the content of a website or application. This course teaches developers how to create a custom user interface (UI) for their clients, which is an important skill for Information Architects to have.
Product Designer
Product Designer
Product Designers are responsible for the design and development of a product. This course will teach learners how to use React, design systems, and Storybook to create a component library from scratch, which is a valuable skill for Product Designers to have.
Web Developer
Web Developer
Web Developers are responsible for the development and maintenance of websites. This course teaches developers how to create and use a component library, which is a valuable skill to have when developing websites.
UX Researcher
UX Researcher
UX Researchers are responsible for conducting user research to improve the user experience (UX) of a product. This course teaches developers how to create a custom user interface (UI) for their clients, which is an important skill for UX Researchers to have.
Interaction Designer
Interaction Designer
Interaction Designers are responsible for designing the interactions between users and products. This course will teach learners how to use React, design systems, and Storybook to create a component library from scratch, which may be a valuable skill for Interaction Designers to have.
Graphic Designer
Graphic Designer
Graphic Designers are responsible for creating visual concepts, using computer software or by hand, to communicate ideas that inspire, inform, and captivate consumers. This course teaches developers how to collaborate with designers, which is a valuable skill for Graphic Designers to have.
Technical Writer
Technical Writer
Technical Writers are responsible for writing technical documentation, such as user manuals, white papers, and training materials. This course teaches developers how to create a custom user interface (UI) for their clients, which is an important skill for Technical Writers to have.
Technical Project Manager
Technical Project Manager
Technical Project Managers are responsible for planning, organizing, and managing the development and implementation of technical projects. This course teaches developers how to create a custom user interface (UI) for their clients, which is an important skill for Technical Project Managers to have.
Business Analyst
Business Analyst
Business Analysts are responsible for analyzing business needs and requirements and developing solutions to meet those needs. This course teaches developers how to create a component library from scratch, which may be a valuable skill for Business Analysts to have.
Marketing Manager
Marketing Manager
Marketing Managers are responsible for developing and implementing marketing strategies to promote products and services. This course may be somewhat helpful for those in this role by teaching how to collaborate with designers to create a custom user interface (UI), which can help with marketing campaigns.
Project Manager
Project Manager
Project Managers are responsible for planning, organizing, and managing projects. This course teaches developers how to create and use a component library, which may be a helpful skill for Project Managers to have.
For more career information including salaries, visit:
OpenCourser.com/course/orpkxs/bringing
Reading list
We haven't picked any books for this reading list yet.
Save
Practical guide to using React Hooks, a new set of features introduced in React 16.8. It covers the use of hooks for state management, side effects, and custom functions, making it suitable for beginner and intermediate React developers who want to learn how to leverage the power of hooks.
Explores advanced techniques and patterns for building scalable, maintainable, and performant React applications. It covers topics such as state management, dependency injection, and code organization, making it suitable for intermediate and experienced React developers.
Teaches how to build cross-platform mobile applications using React Native. It covers the core concepts of mobile development, including navigation, gestures, and camera integration, making it suitable for React developers who want to build native mobile applications.
Save
Comprehensive guide to advanced React development for experienced JavaScript developers. It covers topics such as performance optimization, scalability, and code organization, making it suitable for React developers who want to become experts in building efficient and maintainable React applications.
Save
Covers the full stack development process using React, including setting up a development environment, building a RESTful API, and deploying to production. It provides a comprehensive guide for beginners who want to learn full-stack development with React.
Teaches how to build full-stack applications using React and GraphQL, a data fetching and manipulation library. It covers the basics of GraphQL, integration with React, and building real-world applications, making it suitable for beginner and intermediate React developers who want to learn how to use GraphQL.
Ideal for those just starting out with design systems, this book guides readers through the initial steps of organizing, strategizing, and implementing a design system. It covers creating a shared design language and includes case studies.
Offers practical advice and tips for creating, documenting, and maintaining design systems. It covers different approaches and emphasizes branding and creating lasting foundations. It's a valuable resource for both beginners and those looking to improve existing systems.
Explores the role of branding in the digital era and how design systems can contribute to building strong and recognizable brands online.
Save
Covers a comprehensive range of topics related to designing digital products, including elements of design systems such as typography, color theory, and iconography.
Explores the concept of pattern languages in architecture, which has heavily influenced the idea of design patterns and systems in software and web design. It provides a philosophical foundation for creating harmonious and effective environments, relevant to the underlying principles of design systems.
Save
Introduces the Lean UX methodology, which emphasizes iterative design, rapid prototyping, and continuous feedback in the design process.
Save
Considered an earlier work in the space that predates the widespread use of the term "design systems," this book explores the concept of modularity in web design. It's a foundational text for understanding the principles behind component-based design.
Focuses on creating design systems that are not only dependable but also accommodate change and creativity. It emphasizes collaboration and is suitable for teams looking to build flexible and experimental systems.
Save
Published recently, this book addresses the challenges of creating and maintaining design systems that are sustainable and successful within organizations. It offers practical steps and processes for designers, engineers, and product managers.
Focuses on the technical aspects of building design systems, specifically the frontend architecture. It's geared towards developers and design engineers and provides practical tips and real-world examples for creating scalable systems.
Save
While not exclusively focused on design systems, this book offers valuable insights into the importance of a human-centered approach and designing for seamless user experiences across multiple platforms.
Save
While not directly about design systems, this book provides a crucial understanding of systems thinking, which is fundamental to building and maintaining effective design systems. It helps readers understand how different parts of a system interact and influence each other.
Save
A comprehensive guide to creating effective design languages for digital products, focusing on the 'how' and 'why' behind design systems. It delves into the principles, patterns, and shared language necessary for successful implementation. is highly regarded and provides a solid understanding for anyone involved in building or maintaining a design system.
Save
Introduces the foundational concept of Atomic Design, a methodology for creating design systems based on chemistry. It provides a clear mental model for organizing UI components from smallest to largest parts. While published in 2013, its principles are still highly relevant for understanding the building blocks of design systems and is considered a classic in the field.
For more information about how these books relate to this course, visit:
OpenCourser.com/course/orpkxs/bringing
Share
Similar courses
Similar courses are unavailable at this time. Please try again later.
Via
Pluralsight
Instructor
CodeMash
This course belongs to a
collection
called
CodeMash Conference 2020. It's comprised of 94 courses:
- Event Processing without Breaking Production: CodeMash
- Bringing Order to Chaos: CodeMash (viewing)
- Finding Service Boundaries: CodeMash
- API Gateways and Microservices: CodeMash
- Vertical Slice Architecture: CodeMash
- Killing REST and Adopting RPC: CodeMash
- 5 Ideas For Writing Better Cloud Native Microservices: CodeMash
- Going Crazy with CQRS: CodeMash
- Cosmic Full-Stack a Blazor, ML.NET, and CosmosDB Mashup: CodeMash
- Quantum Computing Deep Dive: CodeMash
- What Building Architecture Can Teach Us About Software Architecture: CodeMash
- You Version Your Code, Why Not Your Database: CodeMash
- A .NET Data Access Layer You're Proud of: CodeMash
- API Design for ETL: CodeMash
- Common Data Problems Solved with Graphs: CodeMash
- What Time Is It Anyway: CodeMash
- Learning R through Sports, or Learning Sports through R: CodeMash
- Creating a Chess AI That Can Beat You: CodeMash
- DevOps as a Force Multiplier for Agile: CodeMash
- Automating Your Automation: CodeMash
- Creating Container Images with Cloud Native Buildpacks: CodeMash
- A Developer's Introduction to Electronics: CodeMash
- Assembly Language: The (Sega) Genesis of Programming: CodeMash
- Open Source XAML Takes You Places: CodeMash
- Building Mobile Applications with the Ionic Framework: CodeMash
- What's New in Xamarin Forms 4.0: CodeMash
- Taking Control of Errors in Swift: CodeMash
- How to Get Started with Swift in 2020: CodeMash
- Android: A Peek under the Hood: CodeMash
- One Codebase, Many Screens - Flutter in a Nutshell: CodeMash
- Kotlin for C# Developers: CodeMash
- A Mobile App Success Starter Pack: CodeMash
- Practical Functional Programming: CodeMash
- The Immutable Laws of Software and Life: CodeMash
- Machine Learning on the Cheap and without a PhD in Math: CodeMash
- Hold up, Wait a Minute, Let Me Put Some Async In It: CodeMash
- Solving the Boolean Identity Crisis: CodeMash
- Unit Testing Strategies and Patterns in C#: CodeMash
- Python, The World Beyond Scripting: CodeMash
- Test-driven Development: CodeMash
- Everything I Needed to Know About Debugging I Learned in Elementary Physics: CodeMash
- The Best Code Is the Code Never Written: CodeMash
- Git Back to Basics: CodeMash
- Hobby Projects Are Awesome: CodeMash
- Antifragile Teams: CodeMash
- Will the Real "Women in Tech" Please Stand Up: CodeMash
- Document Yourself: A Framework for Career Advancement: CodeMash
- Hiring, Firing, and Inspiring an Exceptional Team: CodeMash
- Communicating Code to Business Stakeholders: CodeMash
- Technical Leadership 101: CodeMash
- Conducting Humane Code Reviews: CodeMash
- Public Speaking For Engineers: CodeMash
- The Art of Delivering Quality Software Quickly: CodeMash
- Dealing with Disagreement: CodeMash
- How to Recognize and Avoid Programmer Burnout: CodeMash
- Coaching and Communicating with Diverse Teams: CodeMash
- The Hows and Whys of Podcasting in 2020: CodeMash
- Threat Modeling on the Family Road Trip: CodeMash
- How CTF Competitions Make You a Better Developer: CodeMash
- Practical Cryptography for Developers: CodeMash
- Securing Your API Endpoints: CodeMash
- Open Source Security Vulnerabilities in Containers: CodeMash
- What Happens When Your App Is Hacked: CodeMash
- Intro to Mobile Security Testing: CodeMash
- Including Security in the Development Testing Process: CodeMash
- Explain It to Me Like I'm 5: OAuth2 & OpenID: CodeMash
- DDoS Attacks: Threat Landscape & Defensive Countermeasures: CodeMash
- Hacking on a Home Server for Fun and Profit: CodeMash
- Learning from Bug Bounty Results: CodeMash
- End to End Testing with Cypress: CodeMash
- Postman Delivers: CodeMash
- Mutation Testing to the Rescue of Your Tests: CodeMash
- From Manual Testing to Automation Suite: CodeMash
- Example Mapping: CodeMash
- Becoming a Better Curator of Your Code: CodeMash
- Let's Talk About Documentation: CodeMash
- Hey, You Got Your TDD in MySQL DB: CodeMash
- A Brief History of Version Control: CodeMash
- Azure Application Insights to Improve Your Code: CodeMash
- How Using Your Words Improves QA Work: CodeMash
- Beyond Alt-text: Trends in Online Accessibility: CodeMash
- Building a Custom CSS Framework Was Easier Than I Thought: CodeMash
- Twelve Spins on User Experience: CodeMash
- The UX of Configuration Files: CodeMash
- Usability Starts with Accessibility: CodeMash
- Angular and the Case for RxJS: CodeMash
- Mock It 'til You Make It: CodeMash
- An Introduction to WebAssembly: CodeMash
- Principles of Modern JavaScript: CodeMash
- Vue 3.0 Better, Faster, and Stronger: CodeMash
- React State: Redux & Context & Hooks, Oh My: CodeMash
- Human Readable JavaScript: CodeMash
- StencilJS and Universal Components: CodeMash
- JavaScript the Grumpy Parts: CodeMash
Our mission
OpenCourser helps millions of learners each year. People visit us to learn workspace skills, ace their exams, and nurture their curiosity.
Our extensive catalog contains over 50,000 courses and twice as many books. Browse by search, by topic, or even by career interests. We'll match you to the right resources quickly.
Find this site helpful? Tell a friend about us.
Affiliate disclosure
We're supported by our community of learners. When you purchase or subscribe to courses and programs or purchase books, we may earn a commission from our partners.
Your purchases help us maintain our catalog and keep our servers humming without ads.
Thank you for supporting OpenCourser.
© 2016 - 2025 OpenCourser