Charles M Wood

Vzdělání

Byznys

Jak na to

Technika

JSJ 315: The effects of JS on CSS with Greg Whitworth

JavaScript Jabber

Stay current on JavaScript, Node, and Front-End development. Learn from experts in programming, careers, and technology every week. Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

Panel: <ul><li>AJ O’Neal</li><li>Aimee Knight</li></ul> Special Guests: Greg WhitworthIn this episode, the JavaScript Jabber panelists discuss the effects of JavaScript on CSS with Greg Whitworth. Greg works on Microsoft EdgeHTML, specifically working on the Microsoft Layout team, is on the CSS working group, and is involved with the Houdini task force. They talk about JS engines and rendering engines, what the CSSOM is, why it is important to understand the rendering engine, and much more!In particular, we dive pretty deep on:<ul><li>Greg intro</li><li>What is the Houdini task force?</li><li>Extensible web manifesto</li><li>DOM (Document Object Model)</li><li>Layout API</li><li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Projects/SpiderMonkey/Parser_API" target="_blank" rel="noreferrer noopener">Parser API</a></li><li><a href="https://babeljs.io/" target="_blank" rel="noreferrer noopener">Babel</a></li><li><a href="https://jquery.com/" target="_blank" rel="noreferrer noopener">jQuery</a></li><li>Back to basics</li><li><a href="https://www.javascript.com/" target="_blank" rel="noreferrer noopener">JavaScript</a> engine and rendering engine</li><li>What is the CSSOM?</li><li>Every browser has its separate JS engine</li><li>Browsers perspective</li><li><a href="http://shoptalkshow.com/episodes/306-debugging-css-aimee-knight/" target="_blank" rel="noreferrer noopener">Aimee ShopTalk Podcast Episode</a></li><li>Why is it important to understand how the rendering engine is working?</li><li>Making wise decisions</li><li>Give control back to browser if possible</li><li>When you would want to use JavaScript or CSS</li><li>Hard to make a hard or fast rule</li><li>CSS is more performant</li><li>Overview of steps</li><li>And much, much more!</li></ul>Links:<ul><li><a href="https://developer.mozilla.org/en-US/docs/Mozilla/Projects/SpiderMonkey/Parser_API" target="_blank" rel="noreferrer noopener">Parser API</a></li><li><a href="https://babeljs.io/" target="_blank" rel="noreferrer noopener">Babel</a></li><li><a href="https://jquery.com/" target="_blank" rel="noreferrer noopener">jQuery</a></li><li><a href="http://shoptalkshow.com/episodes/306-debugging-css-aimee-knight/" target="_blank" rel="noreferrer noopener">Aimee ShopTalk Podcast Episode</a></li><li><a href="https://www.javascript.com/" target="_blank" rel="noreferrer noopener">JavaScript</a></li><li><a href="https://twitter.com/gregwhitworth?ref_src=twsrc%255Egoogle%257Ctwcamp%255Eserp%257Ctwgr%255Eauthor" target="_blank" rel="noreferrer noopener">@gregwhitworth</a></li><li><a href="http://www.gwhitworth.com/" target="_blank" rel="noreferrer noopener">GWhitworth.com</a></li><li><a href="https://github.com/gregwhitworth" target="_blank" rel="noreferrer noopener">Greg’s GitHub</a></li><li> </li></ul>Sponsors<ul><li><a href="https://www.telerik.com/kendo-ui?utm_campaign=kendo-ui-awareness-jsjabber&utm_medium=social-paid&utm_source=devchattv" target="_blank" rel="noreferrer noopener">Kendo UI</a></li><li><a href="https://promo.linode.com/javascriptjabber/" target="_blank" rel="noreferrer noopener">Linode</a></li><li><a href="https://www.freshbooks.com/invoice?ref=11731&utm_campaign=podcast-influencers&utm_influencer=419364&utm_medium=affiliate-program&utm_source=pbm" target="_blank" rel="noreferrer noopener">FreshBooks</a></li></ul>Picks:AJ<ul><li><a href="https://www.microsoft.com/en-us/surface" target="_blank" rel="noreferrer noopener">Microsoft Surface</a></li><li>Microsoft Cursor</li></ul>Aimee<ul><li>Greg’s Talk</li><li><a href="http://www.sarahmei.com/blog/2014/04/07/what-your-conference-proposal-is-missing/" target="_blank" rel="noreferrer noopener">What Your Conference Proposal Is Missing by Sarah Mei</a></li></ul>Greg<ul><li><a href="http://shoptalkshow.com/episodes/306-debugging-css-aimee-knight/" target="_blank" rel="noreferrer noopener">Aimee ShopTalk Podcast Episode</a></li><li><a href="https://www.youtube.com/watch?v=cCOL7MC4Pl0" target="_blank" rel="noreferrer noopener">Jake Archibald Tasks Talk</a></li></ul> Support this podcast at — <a href="https://redcircle.com/javascript-jabber/donations" target="_blank" rel="noreferrer noopener">https://redcircle.com/javascript-jabber/donations</a> Privacy & Opt-Out: <a href="https://redcircle.com/privacy" target="_blank" rel="noreferrer noopener">https://redcircle.com/privacy</a> Become a supporter of this podcast: <a href="https://www.spreaker.com/podcast/javascript-jabber--6102064/support?utm_source=rss&utm_medium=rss&utm_campaign=rss">https://www.spreaker.com/podcast/javascript-jabber--6102064/support</a>.

Aplikace Youradio Talk

JSJ 315: The effects of JS on CSS with Greg Whitworth

Poslechněte si podcast