User log in
User registration
Registrations are open
Click here to register
Email: forgotten email?
Password: lost pass?
  Resend activation email
Get VPN Now for FREE! Get VPN Now for FREE! Get VPN Now for FREE! Protect your privacy! Use a VPN When Downloading Torrents
Your IP Address is . Location is .
Your Internet Provider is tracking your torrent activity! Hide your IP ADDRESS with a VPN!
We strongly recommend using Trust.Zone VPN to anonymize your torrenting!
Also, while you are using Trm705e96ust.xf4dd01Zone VPN you get No Ads on Demonoid site Get xf4dd01VPN Nxf4dd01ow!
Details for FullStack | Build A Complete Company Design System [FCO]
Created by Ratio: 1.00SaM 23 days ago
Miscellaneous
Lynda and other Courses >>> https://freecoursesonline.me/
Forum for discussion >>> https://onehack.us/


Build-a-Complete.png

FullStack - Build a Complete Company Design System [FCO]

About

This course is a comprehensive guide to publishing your first component library and design assets using React, TypeScript, Storybook, Tailwind CSS, and Styled Dictionary. You’ll create a flexible, enterprise-grade design system library that your co-workers will actually enjoy.

What You Will Learn

- How a simple monorepo works with Yarn workspaces
- What design tokens are, and how to generate them with Styled-Dictionary
- How to create a shared component library
- Automate testing for accessibility issues (Axe) and visual changes (Chromatic)
- Develop and document our design system with Storybook
- How to publish with Github Actions and Changesets
- How to provide a Tailwind configuration for other teams

In-Detail

In this course, we will dive into the world of design systems. We will learn how they can help developers increase their productivity, create consistency across a company's products, and ultimately speed up the development process.

We will start by covering the fundamental concepts of design systems, then move on to the architecture of a monorepo codebase. We will set up shared configurations for TypeScript, ESLint, and Prettier, and create a foundation package for hosting and distributing design tokens and assets.

Next, we will create a React package with demo components that are styled using our design system's style tokens. We will also create a Storybook package and learn the best practices for developing and documenting components with TypeScript. We will focus on styling our components in two ways: using CSS-in-JS with styled-components and JavaScript design tokens, as well as Tailwind CSS classes.

Finally, we will learn how to create tests for our React components using React Testing Library and AXE, and manage releases using changesets and set up a CI pipeline with GitHub Actions.

This course aims to be a comprehensive guide, or a cookbook, to building a complete company design system from scratch. By the end of the course, you will have the knowledge and skills to create a practical and maintainable design system for any organization.

Who is this course for?

This course is for Web Developers that want an Engineering Design System Cookbook that will provide recipes they can use from day 1 to start building and shipping their own design system library.

What are the prerequisites?

This course assumes that you are familiar with React (or any front-end framework) and the basics of front-end development including HTML, CSS, and JavaScript. While TypeScript will be used, an absence of knowledge will not be a roadblock.

Instructor(s)

Hi! My name is Costa and I'm a Senior software engineer. Currently, I lead the design system at Neo4j, a system that is used by 8+ teams and more than 40 engineers.

I have been working with user interfaces and design for the last 5 years and have focused on shared front-end experience and tooling since 2020. I truly enjoy creating the best shared developer experiences possible, which inspired this course. In the course, you’ll not only get detailed instructions on how to create a complete company design system, you’ll also come to understand best practices that I acquired by building these systems from scratch previously at VisualEyes and Neo4j.

General Info:

Author(s): Costa Alexoglou
Language: English
Updated: 12/2022
Videos Duration: 1h 19m
Publisher: Fullstack.io
Course Source: https://www.newline.co/courses/build-a-complete-company-design-system

Thank-you-seeding.gif
Facebook Twitter Digg Reddit LinkedIn StumbleUpon Email
Show Demonoid some love with BitCoin: 1DNoidyJgB159bLJT5hDnCkZ4uQrhkfBVk How to get BitCoins?
Peers: 21 seeders, 2 leechers, 1593 total - Updated: 7 hours 14 seconds ago
Size: 234.65 MB  

Sponsored links
Related torrents
Torrents you may also like:
Download this torrent
Extra information
Tracker: udp://tracker.torrent.eu.org:451/announce
Torrent hash: A6244C71 4317D6FC 09BE5EBB AD9FE156 282EA2EF
Files described inside the torrent: 27 [ Click here to show the full list ]
Comments
No comments posted yet

Disclaimer: None of the files shown here are actually hosted or transmitted by this server. The links are provided solely by this site's users. The site moderation is also a service provided by the site's users. The administrator of this site (demonoid.is) cannot be held responsible for what its users post, or any other actions of its users. You may not use this site to distribute or download any material when you do not have the legal rights to do so. It is your own responsibility to adhere to these terms.

By using this site you indicate your agreement to our terms and conditions
   
Link to us | Contact us | API | Feeds/RSS | DMCA
This site and the Demonoid logo are Copyright © Demonoid. All rights reserved.

Show Demonoid some love with 1DNoidyJgB159bLJT5hDnCkZ4uQrhkfBVk