JSJ 397: Design Systems with Kaelig Deloumeau-Prigent

JSJ 397: Design Systems with Kaelig Deloumeau-Prigent

Kaelig Deloumeau-Prigent is a self taught web developer from west France. He has worked for BBC, The Guardian, and The Financial Times in the UK. He has also worked in the US for SalesForce and currently works for Shopify on their Polaris design system. Shopify has multiple design systems, and Polaris is open source. Today the panel is talking about design systems and developer tooling around design systems. To begin, Kaelig explains what a design system is. A design system is all of the cultural practices around design and shipping a product. It includes things like the words, colors, spacing grid system, and typography, plus guidance on how to achieve that in code. The panelists discuss what has made design systems so popular. Design systems have been around for a while, but became popular due to the shift to components, which has been accelerated by the popularity of React. The term design system is also misused by a lot of people, for it is much more than having a Sketch file. Next, they talk about whether design systems fall under the jurisdiction of a frontend developer or web designers. Kaelig has found that a successful design system involves a little bit of everyone and shouldn’t be isolated to one team. They talk about what the developer workflow looks like in a design system. It begins with thinking of a few common rules, a language, and putting it into code. As you scale, design systems can become quite large and it’s impossible for one person to know everything. You either give into the chaos, or you start a devops practice where people start to think about how we build, release, and the path from designer’s brain to production.The panelists then talk about how to introduce a design system into a company where there are cultural conflicts. Kaelig shares his experience working with SalesForce and introducing a design system there. They discuss what aspects of a design system that would make people want to use it over what the team is currently doing. Usually teams are thankful for the design system. It’s important to build a system that’s complete, flexible, and extensible so that you can adapt it to your team. A good design system incorporates ‘subatomic’ parts like the grid system, color palette, and typography, referred to as design tokens. Design systems enable people to take just the bits of the design system that are interesting to them and build the components that are missing more easily. The conversation turns to the installation and upgrade process of a design system. Upgrading is left up to the customer to do on their own time in most cases, unless it’s one of the big customers. They talk about the role of components in upgrading a design system. Kaelig talks about the possibility of Shopify transitioning to web components. Kaelig shares some of his favorite tools for making a design system and how to get started making one. A lot of design teams start by taking a ton of screen shots and looking at all the inconsistencies.Giving them that visibility is a good thing because it helps get everyone get on the same page. The panelists talk about the role of upper management in developing components and how to prioritize feature development. Kaelig talks about what drives the decision to take a feature out. The two main reasons a feature would be removed is because the company wants to change the way things are done and there’s a different need that has arisen. The show concludes by discussing the possibility of a design system getting bloated over time. Kaelig says that Design systems takes some of the burden off your team, help prevent things from getting bloated, allow you to ship less code. Panelists
  • Chris Ferdinandi
  • Aimee Knight
  • Steve Emmerich
With special guest: Kaelig Deloumeau-PrigentSponsorsLinks Follow DevChatTV on Facebook and Twitter PicksSteve Emmerich:Aimee Knight:Chris Ferdinandi:Kaelig Deloumeau-Prigent:Special Guest: Kaelig Deloumeau-Prigent.

Support this podcast at — https://redcircle.com/javascript-jabber/donations

Privacy & Opt-Out: https://redcircle.com/privacy

Become a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

Avsnitt(735)

JSJ 449: The Things Every JavaScript Developer Must Know

JSJ 449: The Things Every JavaScript Developer Must Know

In this episode the panel discusses various programming topics, and whether or not they are required knowledge for JavaScript programmers. This includes topics such as scopes and hoisting, closures, the event-loop, and the behavior of this. For each such topic, the panel discusses whether or not JavaScript devs are required to know and understand them in order to write better code, or pass job interviews, or to understand existing codebases. Alternatively, if these are topics that JavaScript developers don’t need to know, and maybe should even avoid.SponsorsAudible.comThe Complete Software Developer’s Career Guide – Grab a Copy TodayCacheFlyPanelAJ ONealCharles Max WoodDan ShappirSteve EdwardsLinks10 Interview Questions Every JavaScript Developer Should Know – AKA: The Keys to JavaScript Masteryhttps://kentcdodds.com/blog/newspaper-code-structurehttps://developer.mozilla.org/en-US/docs/Web/JavaScript/ClosuresYour Coffee Shop Doesn’t Use Two-Phase CommitPicksAJCrock on JS Follow JavaScript Jabber on Twitter: @JSJabberSupport this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

15 Sep 20201h 5min

JSJ 448: MongoDB Schema Fundamentals with Joe Karlsson

JSJ 448: MongoDB Schema Fundamentals with Joe Karlsson

MongoDB is a popular option for databases which provides objects that look and act like JavaScript Objects. We brought an expert, Joe Karlsson to clear up some of the confusion on how to arrange your data in MongoDB. Joe provides a rundown on how to think about your data with a smaller dataset, a medium sized dataset, and a large dataset. The panel also dives into how the database works and how things are managed and arranged by the MongoDB database engine.SponsorsThe Complete Software Developer’s Career Guide – Grab a Copy TodayCacheFlyPanelCharles Max WoodAimee KnightDan ShappirAJ ONealSpecial GuestJoe KarlssonLinksM320: Data Modelingdeveloper.mongodb.comPicksChuckLeadership in Turbulent TimesAimeeProsourceFit Acupressure MatAJAcupuncture MatSQL vs NoSQLChiron Beta Primessh-pubkeyArs Technica War Stories: Ultima Online (about sharding)Joe KarlssonStamped From the BeginningSpecial Guest: Joe Karlsson. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

8 Sep 20201h 8min

JSJ 447: Using Javascript for Data Analysis and Data Science with Daniel Lathrop

JSJ 447: Using Javascript for Data Analysis and Data Science with Daniel Lathrop

Our guest is Daniel Lathrop, a freelance investigative data journalist and educator, and formerly a newspaper reporter and Professor of Journalism and Media informatics at the University of Iowa. On this show, Daniel describes how JavaScript is a great choice for doing data analysis and data science, potentially even more so than other languages which are often used for this purpose, such as Python and R. Daniel also provides information about lots of useful tools and techniques to use in this context.SponsorsThe Complete Software Developer’s Career Guide – Grab a Copy TodayCacheFlyPanelAJ ONealAimee KnightDan ShappirSpecial GuestDaniel LathropLinkshttps://daniel.buzz/PicksAimeeForecasting at ScaleDan Shappirhttps://www.data-forge-notebook.comAJPropaganda in Nazi GermanyDaniel Lathrophttps://www.data-forge-notebook.comhttps://www.claudiajs.comhttps://js4ds.org/Follow JavaScript Jabber on Twitter > @JSJabberSpecial Guest: Daniel Lathrop. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

1 Sep 202053min

JSJ 446: Achieving Work-Life Balance, Especially When WFH

JSJ 446: Achieving Work-Life Balance, Especially When WFH

The reality of Covid-19 has changed the way that many people work, working remotely from home instead of coming into the office. Achieving work-life balance can always be a challenge in tech, but can be especially challenging when work and life mix in the same location. In this episode the panel discusses this important topic, and how it has impacted their own lives and careers. Also, how it changes over time and during a career.SponsorsThe Complete Software Developer's Career Guide - Grab a Copy TodayPanelAJ O’NealAimee KnightCharles Max WoodSteve EdwardsDan ShappirLinkshttps://www.figma.comJSJ 431: Personal Branding for Developers with Morad SternGPT3() - The spreadsheet function to rule them all.I built a React dice component with GPT-3PicksSteveHow Does The Internet Work? AJhttps://blerp.comhttps://webinstall.dev/curlieDanWear Maskshttps://github.com/openai/gpt-3 Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

25 Aug 20201h 4min

JSJ 445: Augmented Reality for Mobile Browsers with Connell Gauld

JSJ 445: Augmented Reality for Mobile Browsers with Connell Gauld

Connell has been working on Universal AR, a cross-platform Augmented Reality kit for Mobile Browsers delivering native-level performance using only JavaScript (and a bit of WASM under the hood). We talk about what AR actually is, some of its use cases, as well as the fascinating details as to how the Zap.works team is delivering near native performance and accuracy without IR, LiDAR, or any other of the common advanced AR sensors - just the good ol' phone camera and advanced Computer Visual trickery.SponsorsScout APM | We'll donate $5 to the open source project of your choice when you deploy ScoutThe Complete Software Developer's Career Guide - Grab a Copy TodayDo you code in .NET? Check out Adventures in .NETPanelAJ ONealSteve EdwardsSpecial GuestConnell GauldLinksUniversal ARZappar content development toolsPicksSteveLooney TunesAJripgrepConnellDark on NetflixSpecial Guest: Connell Gauld. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

18 Aug 202053min

JSJ 444: Coding Front-end JavaScript for Accessibility with Neha Sharma

JSJ 444: Coding Front-end JavaScript for Accessibility with Neha Sharma

In this episode of JavaScript Jabber we interview Neha Sharma about the importance of coding front-end JavaScript with accessibility in mind. She explains practical methods in which to generate accessible UX when using front-end frameworks, such as React and Angular. For example, the importance of generating proper semantic markup, and considering behaviors and responses to user interactions.PanelAJ O’NealAimee KnightDan ShappirGuestNeha SharmaSponsorsScout APM | We'll donate $5 to the open source project of your choice when you deploy ScoutThe Complete Software Developer's Career Guide - Grab a Copy TodayReact Native Remote Conf 2020PicksNeha Sharma:Follow Neha on Twitter > @hellonehhaNader Dabit (@dabit3)AJ O’Neal:Microservices ParodyAHA ProgrammingWindows 10: tar, ssh, curl, pwshYellowstonewebinstall.devAimee Knight:Software should be designed to lastDan Shappir:#javascriptriddleFollow JavaScript Jabber on Twitter > @JSJabber Special Guest: Neha Sharma . Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

11 Aug 202044min

JSJ 443: All About InertiaJS with Jonathan Reinink

JSJ 443: All About InertiaJS with Jonathan Reinink

The panel talks with Jonathan Reinink about his new library, IntertiaJS. InertiaJS is a tool that allows you to create a monolith server rendered site, but where you write your own custom back end, and then use a front end framework like React, Vue, or Svelte. We discuss how Intertia works at a very granular level, how it compares to tools like Next.js and Nuxt, why monoliths are better than using APIs, how Interita handles authentication and form submissions, and much more.PanelAJ O’NealAimee KnightSteve EdwardsGuestJonathan ReininkSponsorsScout APM | We'll donate $5 to the open source project of your choice when you deploy ScoutReact Native Remote Conf 2020LinksTurbolinks PicksJonathan Reinink:Follow Jonathan on Twitter > @reinink, WebsiteInertia.js - The Modern MonolithLost in SpaceAimee Knight:Our AWS bill is ~ 2% of revenue. Here's how we did itSteve Edwards:ColonoscopyFollow JavaScript Jabber on Twitter > @JSJabber Special Guest: Jonathan Reinink. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

4 Aug 20201h 3min

JSJ 442: Breaking Into Tech with Danny Thompson

JSJ 442: Breaking Into Tech with Danny Thompson

Danny Thompson discusses his road to a successful tech career, after working for years outside the industry (frying chicken at gas-stations). He explains the importance of setting goals and following through, and how to overcome adversity, and handle setbacks. It's simultaneously a very inspirational story, but also filled with lots of very practical advice and action items to pursue. For example, the importance of attending and participating in Meetups and engaging with the local tech community.PanelAJ O’NealAimee KnightCharles Max WoodSteve EdwardsDan ShappirGuestDanny Thompson SponsorsG2i | Enjoy the luxuries of freelancingScout APM | We'll donate $5 to the open source project of your choice when you deploy ScoutReact Native Remote Conf 2020LinksAI powered resume builderPicksDanny Thompson:Follow Danny Thompson on Twitter > @DThompsonDevJames Q Quick - YouTubeBrad Traversy - YouTubeFlorin Pop - YouTubeAJ O’Neal:TemplateResumeThis Video Is Sponsored By ███ VPN The Wisdom of the Ancients by Sir Francis Bacon Free AudioBook)Aimee Knight:Amazon Web ServicesEco Performance Bamboo Clothing I Handmade I by TransientCraftCharles Max Wood:The One Funnel Away Challenge!Devchat.tv ConferencesSteve Edwards:xkcd: Wisdom of the AncientsCasablanca (1942) - IMDbDan Shappir:Adopt a puppy or other petFollow JavaScript Jabber on Twitter > @JSJabber Special Guest: Danny Thompson. Support this podcast at — https://redcircle.com/javascript-jabber/donationsPrivacy & Opt-Out: https://redcircle.com/privacyBecome a supporter of this podcast: https://www.spreaker.com/podcast/javascript-jabber--6102064/support.

28 Juli 20201h 25min

Populärt inom Business & ekonomi

framgangspodden
badfluence
varvet
rss-borsens-finest
rss-jossan-nina
svd-tech-brief
avanzapodden
dynastin
fill-or-kill
uppgang-och-fall
bathina-en-podcast
rikatillsammans-om-privatekonomi-rikedom-i-livet
rss-inga-dumma-fragor-om-pengar
rss-dagen-med-di
kapitalet-en-podd-om-ekonomi
rss-kort-lang-analyspodden-fran-di
rss-svart-marknad
borslunch-2
rss-borslunch
rss-veckans-trade