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 300: Celebration

JSJ 300: Celebration

Panel: Charles Max WoodAimee KnightCory HouseAJ O'NealJoe EamesSpecial Guests: NoneIn this episode, the JavaScript Jabber panelists speak on where they are what they are up to today. Aimee is still in Nashville, Tennessee, and it is currently working at Built Technologies and is working with JavaScript. Cory is still authoring courses for Pluralsite, has more recently been doing consulting with React, and is the principal engineer at Cox Automotive. Joe is doing a lot of Pluralsight work, puts together conferences, and is working on a new podcast with Charles. AJ recently did some side work with Dash, is interested in working on a new domain service, and recently got married. Charles is currently at ngATL conference, and has been attending a lot of conferences recently. He is also starting to head over to the video realm and is creating a new podcast called React Roundup and a View Podcast with Joe. They also talk about what they each have planned in the upcoming year for their careers and their lives.In particular, we dive pretty deep on:Built TechnologiesJavaScriptFront End and Full StackPluralsiteReact consultingCox AutomotiveFront end appsView and React podcastAngular JS to AngularPluralsight coursesBig Picture React coursesFork of Bitcoin called DashNew domain servicengATLReact Roundup PodcastNew podcasts on artificial intelligence, IOT, augmented and virtual reality game development, pythonNode, JavaScript, and RustAnd much, much more!Links:LinodeBuilt TechnologiesPluralsiteCox AutomotiveDashngATLDevChat.tv YoutubeFreshBooksPicks:CharlesATR2100 MicrophoneZoom H6Apple AirPodsngATLngGirlsAimeeImproving Ourselves to DeathWhat Does Code Readability Mean?CoryJavaScript Tip Tweet AJHow to Start a Startup YouTube SeriesSingham Movie JoeWebFlow.comSupport 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 Feb 201856min

JSJ 299: How To Learn JavaScript When You're Not a Developer with Chris Ferdinandi

JSJ 299: How To Learn JavaScript When You're Not a Developer with Chris Ferdinandi

Panel: AJ O’NealJoe EamesAimee KnightSpecial Guests: Chris FerdinandiIn this episode, JavaScript Jabber panelist speak with Chris Ferdinandi. Chris teaches vanilla JavaScript to beginners and those coming from a design background. Chris mentions his background in Web design and Web Develop that led him JavaScript development. Chris and the JSJ panelist discuss the best ways to learn JavaScript, as well as resources for learning JavaScript. Also, some discussion of technologies that work in conjunction with vanilla JavaScript.In particular, we dive pretty deep on:Teaching JavaScript - Beginners and Design patronsWeb Design and Web DevelopmentCSS Tricks Todd MottoHow to do jQuery Things without jQueryDoing things like mentors (Todd)When JavaScript makes sense.CSS is easier to learn then JS?Being good at CSS and JS at the same time?How about Node developers?jRuby, DOMDocumentationAnd much more!Links:https://github.com/cferdinandihttps://gomakethings.com @ChrisFerdinandihttps://www.linkedin.com/in/cferdinandi Picks:AJDiscover CardMistborn AimeeYour Smart Phone is Making You Stupid…Crypto CurrencyJoeMystic ValeKediChrishttps://gomakethings.comTeva MushSupport 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 Feb 20181h 11min

JSJ 298: Angular, Vue and TypeScript with John Papa

JSJ 298: Angular, Vue and TypeScript with John Papa

Panel: Charles Max WoodCory HouseJoe EamesAimee KnightSpecial Guests: John PapaIn this episode, JavaScript Jabber panelist speak with John Papa. John has been doing web programming for over twenty years on multiple platforms and has been contributing to the developer communities through conferences, authoring books, videos and courses on Pluralsight.John is on the show to discuss an articles he wrote on A Look at Angular Along Side Vue, and another article on Vue.js  with TypeScript. John talks about the new features with the different versions of Angular technologies, anxiety in the different features, comparisons between the technologies and use case with Angular.In particular, we dive pretty deep on:A look at Angular Along Side Vue - ArticleAngular 5, Amber,Vue,  React, AngularAngular 2 - different featuresCLISpell WebpackComparisons - Why the anxiety?Opinions of Angular and sprinkling in other technologiesVue is the easy to use with AngularAre there breakpoints with the uses case?Choosing technologiesTalk about working with Vue and AngularDSL - Domain Specific LanguageVue and 3rd party librariesTalk about Vue working with TypeScriptVue.js  with TypeScriptVue with TypeScript looks similar to AngularVeturWhat does 2018 have in store for Angular?Native apps and web functionalityAnd much more!Links:https://johnpapa.netVue.js  with TypeScriptA Look at Angular Along Side Vue@john_papahttps://github.com/johnpapaPicks:Coreycypress.ioCharlesE Myth RevisitedProfit First DunkirkAimeeCrucial Conversations Ripple or XRPJoeThe Greatest ShowmanBetter Late Then NeverVue7 Languages In 7 Weeks  - BookJohnJumanji 2017Emotional IntelligenceSpecial Guest: John Papa. 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 Jan 201842min

JSJ 297: Scrollytelling with Russell Goldenberg and Adam Pearce

JSJ 297: Scrollytelling with Russell Goldenberg and Adam Pearce

Panel: Charles Max WoodJoe EamesAimee KnightSpecial Guests: Russell Goldenberg and Adam PearceIn this episode, JavaScript Jabber panelist speak with Russell Goldenberg and Adam Pearce Russell creates visualizations, interactive graphics, and documentaries for the web. Currently an editor at The Pudding.  Adam is a graphics editor at The New York Times and a journalist engineers/developer  Russell and Adam are on the show to talk about what Scrollytelling is, as well as Scrollama. Scrollama is a modern and lightweight JavaScript library for scrollytelling using IntersectionObserver in favor of scroll events. This is a great episode to understand another technology/tool created with JavaScript.In particular, we dive pretty deep on:What is Scrollytelling!Graph Scroll libraryWhat is the intersection Observerable?How long does it take to build an interactive graphic…?How do you test something like this?Test on a lot of different devicesCan you do automated testing?Do you have to understand the use cases or can you implement quickly?Recommendation for getting started?Is this a skill set people have to have before that some on board?How do design these interactions?Scroll jackingWhat JS developers should know about this technology.Position stickyWhat are other uses cases?What can devs use it for?Tax calculatorAnd much more!Links: https://github.com/russellgoldenberg/scrollamahttps://pudding.cool/process/introducing-scrollama/ @codenberg @adamrpearcehttps://pudding.cool/http://russellgoldenberg.github.iohttps://github.com/1wheel?direction=desc&sort=created&tab=starshttps://roadtolarissa.comPicks:AdamDominion - Broad GameCharlesSmokerTiny Epic GalaxiesIndiegogo Dev Chat TVAimeeDeadlinesQuest Protein PowderJoeGiving!Board Game - AzulRusselCrokinoleBust OutSpecial Guests: Adam Pearce and Russell Goldenberg. 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.

23 Jan 201842min

JSJ 296: Changes in React and the license with Azat Mardan

JSJ 296: Changes in React and the license with Azat Mardan

Panel: Charles Max WoodCory HouseJoe EamesAimee KnightSpecial Guests: Azat MardanIn this episode, JavaScript Jabber panelist speak with Azat Mardan. Azat is a return guest, previously on JSJ Episode 230. Azat is an author of 14 books on Node JS, JavaScript, and React JS. Azat works at Capital One on the technology team. Azat is the founder and creator of Node University.Azat is on the show to talk about changes in React and licensing. Some of the topics cover Facebook,  licensing with React, using the wrong version of React, patent wars, and much more in-depth information on current events in React.In particular, we dive pretty deep on:Facebook - Licensing with ReactUsing the Wrong version of React in some companiesBSD licensingPatent warsFacebook developing ReactDifference in Preact and InfernoRewriting applicationsWhat did Capital One do about the changes?React 16Pure ReactWas the BSD patents - Med and Sm CompaniesPatents explainedReact Developers at FacebookFiber - New Core ArchitectureAnd much more!Links:http://azat.cohttps://node.universityhttps://devchat.tv/js-jabber/230-jsj-node-at-capital-one-with-azat-mardanPicks:CoryAxel Rauschmayer postPrettierCharlesIndiegogo for Dev Chatforum.devchat.tvAimeeDev TeesHacker News - Question on Stack Exchange and Estimates JoeHeroku El Camino ChristmasAzatPMP Azat - Short LectureSpecial 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.

16 Jan 201857min

JSJ 295: Developers as Entrepreneurs with Ryan Glover

JSJ 295: Developers as Entrepreneurs with Ryan Glover

Panel: Charles Max Wood Cory HouseJoe EamesAimee Knight  Special Guests: Ryan GloverIn this episode, JavaScript Jabber panelist speak with Ryan Glover. Ryan is on JavaScript Jabber to talks about Entrepreneurship as a developer.  Ryan runs Clever Beagle in Chicago Illinois. Clever Beagle is a mentorship company that helps people build their first software Product. Ryan and the panel discuss the many roads of entrepreneurship, startup business ideas, servicing and teaching the community, how to’s, and psychological challenges, hiring, seeing your ideas through to the end, and privilege. In particular, we dive pretty deep on:How do you get started as an entrepreneur? Clever BeagleThe Meteor ChefWhere are people getting stuck on the builds? Fear, unknownsSimple, but not easy Drive and ability to step into the unknownSurvival of the fittestHire before you are already Losing your marblesStarting on a smaller scaleHow do I know my idea is going to work? Book - Brick by BrickMultiple lines of businessManaging a portfolio of business Revenue streams Marketing QuitterWhen do I quit? 6-12 months of cash before you quitMaking mistakes in entrepreneurship?Be a reader and studyGo out a read books! Experiential not taught Luck and PrivilegeVideo - Life of Privilege Explained in a $100 RaceProcrastinate on PurposeAnd much more! Links:Clever Beagle The Meteor Chefhttps://www.linkedin.com/in/ryanggloverhttp://www.ryanglover.netBrick by BrickQuitterProcrastinate on PurposeDo Thing That Don’t Scale@rgloverPicks:CoryThe Power of MomentsThe 50th LawCharlesReactDevSummit.comIndiegogo for Dev Chat.NetRocksAimeeLife of Privilege Explained in a $100 RaceJoeEverybody LiesMurder on the Orient Express RyanTurning Pro - Steven Pressfield seriesThe Power of Beliefs in BusinessSpecial Guest: Ryan Glover. 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.

9 Jan 20181h 5min

JSJ 294: Node Security with Adam Baldwin

JSJ 294: Node Security with Adam Baldwin

Panel: Charles Max WoodAJ O’NealJoe EamesSpecial Guests: Adam BaldwinIn this episode, JavaScript Jabber panelist speak with Adam Baldwin. Adam is a return guest and has many years of application security experience. Currently, Adam runs the Node Security Project/Node Security Platform, and Lift Security. Adam discusses the latest of security of Node Security with Charles and AJ. Discussion topics cover security in other platforms, dependencies, security habits, breaches, tokens, bit rot or digital atrophy, and adding security to your development.In particular, we dive pretty deep on:What is  the Node Security Project/Node Security PlatformDependency treesNPMTokens and internal dataWhat does Node Security do for me?NPX and NSPCommand Line CILBit Rot or Digital AtrophyHow often should you check repos.AdvisoriesIf I NPM install?Circle CI or TravisNSP CheckWhat else could I add to the securities?Incorporate security as you build thingsHow do you find the vulnerabilities in the NPM packagesTwo Factor authentication for NPMWeak PasswordsOL Dash?Install ScriptsFavorite Security Story?And much more!Links:Node Security Lift Securityhttps://github.com/evilpacket@nodesecurity@liftsecurity@adam_baldwinPicks:AdamKey BaseHave I been Pwned?CharlesNettie Pot convo.comAJThis Episode with Adam BaldwinFree the Future of Radical PriceMade In America Sam WaltonSonic - VGM AlbumJoePych - MovieNG ConfWhy We Don’t SuckSpecial Guest: Adam Baldwin. 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 Jan 20181h 8min

JSJ 293: Big Data with Nishant Thacker

JSJ 293: Big Data with Nishant Thacker

Panel: Charles Max WoodSpecial Guests: Nishant ThackerIn this episode, JavaScript Jabber speaks with Nishant Thacker. Nishant is the technical product manager for all things big data at Microsoft. Nishant mentions the many new technologies and announcements he is in-charge of at Microsoft.Nishant is on the show to talk about Big Data and gives advice on how to process data and acquire deep insight of your customers. This is a great episode to understand the development of data systems that are the backbone of some marketing tools.In particular, we dive pretty deep on:Processing MetricsProcessing into report and usable informationData lakeCollecting data pointsCreating and maintaining the data lake in its raw formScale up engines and limitsCommodity machines and leverageBig data means to scale outSpecialized engines for audio and video filesHow to have a cohesive report?Writing and Querying across dataStoring raw data and retrieve dataData clusterWhat does the data box look like?And much more!Links:https://www.linkedin.com/in/nishantthacker@nishantthackerPicks:NishantRobot ICharlesZoom H6Shure SM 58Lavalier MicsSpecial Guest: Nishant Thacker. 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 Dec 201734min

Populärt inom Business & ekonomi

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