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.

Jaksot(735)

231 JSJ Codewars with Nathan Doctor, Jake Hoffner, and Dan Nolan

231 JSJ Codewars with Nathan Doctor, Jake Hoffner, and Dan Nolan

3:23 Discussing the purpose and aim of Codewars7:30 The process for building a program with Codewars11:07 The UI and editor experience12:55 The challenges faced when first building Codewars14:23 Explaining PJAX16:54 Building code on Codewars21:24 The expanded use of KATA on Codewars23:11 Practicing “solving problems” and how it translates to real world situations34:00 How Codewars proves out the persistence of coders36:41 How Codewars appeals to collaborative workers44:40 Teachable moments on Codewars49:40 Always check to see if Codewars is hiring. Codewars uses Qualified.io, which helps automate the hiring process.PICKS: Marrow Sci-fi book Uprooted Fantasy book “Write Less Code” blog post “The Rands Test” blog post Five Stack software development studio “Stranger Things” on Netflix Angular 2 Class in Ft. Lauderdale, Discount Code: JSJ Lean Analytics book Code book Datasmart book Letting Go bookSpecial Guests: Dan Nolan, Jake Hoffner, and Nathan Doctor. 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 Syys 201658min

230 JSJ Node at Capital One with Azat Mardan

230 JSJ Node at Capital One with Azat Mardan

00:51 Jameson is looking for clients who need front and back end code for apps; @Jergason (Contact him via Direct Message)04:40 An explanation of Capital One and its operations6:06 How many Capital One developers are using Node and how it is being implemented10:30 Process of approval for app/website development14:15 How the culture at Capital One affects technology within the company18:25 Using Javascript libraries to manage different currencies19:40 Venmo and its influence on banking22:32 Whether banks are prepared to operate in a cashless society29:44 Using HTML and Javascript for updating projects or creating new ones35:21 Who picks up Javascript easily and why: “It’s more about grit than raw intelligence.”44:00 Upgrading via open source codes45:40 The process for hiring developers51:35 Typescript vs. non-typescriptPICKS:“Nerve” MovieBrave Browser“Stranger Things” on Netflix Angular 2 Class in Ft. Lauderdale, Discount Code: JSJ “Strategy for Healthier Dev” blog postHealth-Ade Beet Kombucha“The Adventure Zone” podcastOn the Cruelty of Really Teaching Computer Science article by E.W. Dijkstra“The Freelancer Show” podcast“48 Days” podcastNode.universityAzat Mardan’s WebsiteAzat Mardan on TwitterCETUSA – Foreign exchange programSpecial Guest: Azat Mardan. 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.

21 Syys 20161h 7min

229 JSJ Elm with Richard Feldman

229 JSJ Elm with Richard Feldman

1:13 No Red Ink is hiring; Richard’s book-in-progress 2:10 Frontend Masters Workshop 2:55 Elm’s primary function5:10 Using Elm over using Haskell, React, Javascript, etc.9:15 Increased usability of Elm with each update 13:45 Striking differences between Elm and Javascript16:08 Community reactions to Elm20:21 First Elm conference in September22:11 The approach for structuring an Elm app23:45 Realistic time frame for building an app from scratch32:20 Writing pure functions and immutable data; how Elm uses Side-Effects38:20 Scaling a big FP application44:15 What Javascript developers can take away from using Elm48:00 Richard on Twitter PICKS“In a World…” MovieBuilding a Live-Validated Signup Form in ElmApple Cider VinegarCETUSA – Foreign exchange programSpecial Guest: Richard Feldman. 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.

14 Syys 201654min

228 JSJ React Native with Nader Dabit and Mike Grabowski

228 JSJ React Native with Nader Dabit and Mike Grabowski

Code-sharing between mobile and web apps with React NativeUsing native code and JavascriptWhat to know about developing with React NativeThe importance of toolingLive and hot-reloadingUpdating your app on the flyPossible difficulties faced by transitioning to React NativeBridging between native API’s and React NativeWriting apps in Swift or React NativeThe future of React NativeHow to start a React Native project Resources:Frontend MastersHired.comRollbarMicrosoft Code PushReact Native Radio Episode 8Tadeu Zagallo’s WebsiteSpecial Guests: Mike Grabowski and Nader Dabit. 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.

7 Syys 20161h

227 JSJ Fostering Community Through React with Benjamin Dunphy, Berkeley Martinez, and Ian Sinnott

227 JSJ Fostering Community Through React with Benjamin Dunphy, Berkeley Martinez, and Ian Sinnott

03:08 - Benjamin Dunphy IntroductionTwitterGitHub04:07 - Berkeley Martinez IntroductionTwitterGitHubFree Code Camp04:19 - Ian Sinnott IntroductionTwitterGitHubBlogTruSTAR Technology05:19 - The React Codebase12:38 - Other Important Parts of the React Ecosystem14:22 - The Angular vs the React Ecosystem and CommunityThe Learning Curvecreate-react-app22:07 - CommunityDeveloper ExperienceFunctional Programming26:56 - Getting Connected to the React CommunityMeetup: Real World React@rwreactReactJS San Francisco Bay Area MeetupMeetupEventbriteCalagatorTwitterDan Abramov: My React List29:34 - ConferencesReact.js ConfReact RallyReactNextReactiveConfReactEurope33:28 - Technology From the CommunityreduxThunderCats.js 38:23 - Choices Are Expanding; Not ShrinkingLinting40:19 - The Future of React42:39 - Starting More Communities PicksThis Developing Story (Aimee)Nashville (Aimee)Nodevember (Aimee)egghead.io: React in 7 Minutes (Ben)Lee Byron: Immutable User Interfaces @ Render 2016 (Ben)Nick Schrock: React.js Conf 2016 Keynote (Ben)create-react-app (Ian)Functional Programming Jargon (Ian)The Serverless Framework (Ian)Ben's Blog (Berkeley)Isaac Asimov’s Robot Series (Berkeley)Vsauce: The Zipf Mystery (Berkeley)Kinesis Advantage for PC & Mac (Dave)Special Guests: Benjamin Dunphy, Berkeley Martinez, and Ian Sinnott. 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.

31 Elo 201651min

226 JSJ Test Doubles with Justin Searls

226 JSJ Test Doubles with Justin Searls

React Remote Conf and Angular Remote Conf  03:15 - Justin Searls IntroductionTwitterGitHubBlogTest DoubleJavaScript Jabber Episode #038: Jasmine with Justin Searls04:13 - Testingtestdouble.jsteenytestSinon.JS08:44 - MockingGrowing Object-Oriented Software, Guided by Tests by Steve Freeman and Nat PryceJim Weirich14:45 - Starting These Concepts as a Junior DeveloperTest-driven Development17:55 - testdouble.js vs. sinon.jsNIH = Not Invented Here26:39 - Duck Typing, Monkey Patching, Duck Punching32:22 - Node.js NegativityDesign, Resources Martin Fowler’s Refactoring and Patterns BooksDomain-Driven Design: Tackling Complexity in the Heart of Software by Eric Evans42:52 - Community45:08 - The AAA Rule: Arrange, Act, Assert51:19 - Error Messages PicksUnemployment (Jamison)React Rally (Jamison)Julia Evans' Tweet: how to be a wizard programmer  (Jamison)See the good in people (Aimee)Sinon.JS (Joe)How to Stay Motivated: Developing the Qualities of Success by Zig Ziglar (Chuck)The Harry Potter Series (Chuck)RetroPie (Justin)How Elm can Make you a Better JavaScript Programer (Justin)NEJS Conf (Justin)Special Guest: Justin Searls. 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.

24 Elo 20161h 4min

225 JSJ Functional Programming with John A. De Goes

225 JSJ Functional Programming with John A. De Goes

03:08 - John A. De Goes IntroductionTwitterGitHubBlogSlamData04:07 - PureScriptJavaScript Jabber Episode #189: PureScript with John A. De Goes and Phil Freeman04:58 - “Purely Functional” 09:18 - Weaknesses With Functional ProgrammingObject-oriented ProgrammingProcedural Programming14:36 - Organizing a FP CodebaseJohn A. De Goes: A Modern Architecture for FP17:54 - Beginners and Functional Programming; Getting StartedLearning About the History of Functional ProgrammingHiring Junior Devs to do FP28:20 - The Rise of Functional Programming in JavaScript-land32:08 - Handling Existing Applications36:03 - Complexity Argument41:53 - Weighing Language Tradeoffs; Alt.js  PicksNadia Odunayo: The Guest: A Guide To Code Hospitality @ RailsConf 2016 (Aimee)React Rally (Jamison)Cleanup Algorithm (Jamison)PostgreSQL Exercises (Jamison)iPad Pro (Chuck)Smart Keyboard for iPad Pro (Chuck)Apple Pencil (Chuck)GoodNotes (Chuck)John A. De Goes: Halogen: Past, Present, and Future (John)slamdata (John)Special Guest: John A. De Goes. 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.

17 Elo 201656min

224 JSJ Cypress.js with Brian Mann

224 JSJ Cypress.js with Brian Mann

Angular Remote Conf and React Remote Conf  03:18 - Brian Mann IntroductionTwitterGitHub03:33 - Cypress.io 04:09 - Selenium 08:56 - Cypress vs Selenium16:54 - Similarities: Cypress and Protractor 18:22 - Mocking API Data20:40 - Getting Started with Cypress and The Migration Process21:54 - Testing30:31 - Handling Data on the Backend34:16 - What’s coming next in Cypress?Special Guest: Brian Mann. 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.

10 Elo 201645min

Suosittua kategoriassa Liike-elämä ja talous

sijotuskasti
psykopodiaa-podcast
mimmit-sijoittaa
rss-rahapodi
herrasmieshakkerit
ostan-asuntoja-podcast
hyva-paha-johtaminen
taloudellinen-mielenrauha
sijoituskaverit
rss-lahtijat
rss-rahamania
rss-huomisen-talous
rss-vaikuttavan-opettajan-vierella
kasvun-kipuja
rss-bisnesta-bebeja
rss-merja-mahkan-rahat
rss-sisalto-kuntoon
rss-lentopaivakirjat
rss-paasipodi
rss-hoyrytetty