Charles M Wood

Vzdělání

Byznys

Jak na to

Technika

JSJ 347: JAMstack with Divya Sasidharan & Phil Hawksworth

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>.

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">KendoUI</a></li><li><a href="http://sentry.io/" target="_blank" rel="noreferrer noopener">Sentry</a> use the code “devchat” for $100 credit </li><li><a href="https://clubhouse.io/jsjabber" target="_blank" rel="noreferrer noopener">Clubhouse</a></li></ul>Panel<ul><li>AJ O’Neal</li><li>Chris Ferdinandi</li><li>Charles Max Wood</li></ul>Joined by special guest: Phil Hawksworth and Divya SasidharanEpisode SummaryThis episode features special guests Philip Hawksworth and Divya Sasidharan. Phil lives just outside of London and Divya lives in Chicago, and both of them work for Netlify. Divya is also a regular on the Devchat show Views on Vue. The panelists begin by discussing what JAMstack is. JAM stands for JavaScript, API, and Markup. It used to be known as the new name for static sites, but it’s much more than that. Phil talks about how dynamic ‘static’ sites really are. JAMstack sites range from very simple to very complex, Static is actually a misnomer. JAMstack makes making, deploying, and publishing as simple as possible.The panelists discuss the differences between building your own API and JAMstack and how JavaScript fits into the JAMstack ecosystem. They talk about keys and secrets in APIs and the best way to handle credentials in a static site. There are multiple ways to handle it, but Netlify has some built in solutions. All you have to do is write your logic for what you want your function to do and what packages you want included in it, they do all the rest. Every deployment you make stays there, so you can always roll back to a previous version. Charles asks about how to convert a website that’s built on a CMS to a static site and some of the tools available on Netlify. They finish by discussing different hangups on migrating platforms for things like Devchat (which is built on WordPress) and the benefits of switching servers. Links<ul><li><a href="https://github.com/topics/api" target="_blank" rel="noreferrer noopener">API</a></li><li><a href="https://github.com/facebook/react" target="_blank" rel="noreferrer noopener">React</a></li><li><a href="https://github.com/jamstack/jamstack.org" target="_blank" rel="noreferrer noopener">JAMstack</a></li><li>CMS (content management system)</li><li>CDM (Customer Data Management)</li><li><a href="https://softwareengineering.stackexchange.com/questions/241104/programming-language-vs-markup-language-vs-scripting-language" target="_blank" rel="noreferrer noopener">Markup</a></li><li>UI (User Interface)</li><li><a href="https://jekyllrb.com/" target="_blank" rel="noreferrer noopener">Jekyll</a></li><li><a href="https://medium.freecodecamp.org/what-is-progressive-enhancement-and-why-it-matters-e80c7aaf834a" target="_blank" rel="noreferrer noopener">Progressive Enhancement</a></li><li><a href="https://github.com/11ty/eleventy" target="_blank" rel="noreferrer noopener">11ty</a></li><li><a href="https://gohugo.io/" target="_blank" rel="noreferrer noopener">Hugo</a></li><li><a href="https://github.com/nozzle/react-static" target="_blank" rel="noreferrer noopener">React Static</a></li><li><a href="https://www.gatsbyjs.org/" target="_blank" rel="noreferrer noopener">Gatsby</a></li><li><a href="https://vuejs.org/" target="_blank" rel="noreferrer noopener">Vue</a></li><li><a href="https://aws.amazon.com/" target="_blank" rel="noreferrer noopener">AWS</a></li><li><a href="https://aws.amazon.com/lambda/" target="_blank" rel="noreferrer noopener">AWS Lambda</a></li><li><a href="https://azure.microsoft.com/en-us/" target="_blank" rel="noreferrer noopener">Azure</a></li><li><a href="https://github.com/topics/markdown" target="_blank" rel="noreferrer noopener">Markdown</a></li><li><a href="https://github.com/topics/wordpress" target="_blank" rel="noreferrer noopener">WordPress</a></li><li><a href="https://github.com/zapier/zapier-platform-cli" target="_blank" rel="noreferrer noopener">Zapier</a></li><li> Stefan Baumgartner <a href="https://www.smashingmagazine.com/2016/08/using-a-static-site-generator-at-scale-lessons-learned/" target="_blank" rel="noreferrer noopener">article</a></li><li><a href="https://www.copyblogger.com/what-the-heck-is-rss/" target="_blank" rel="noreferrer noopener">RSS feed</a></li></ul>PicksAJ O’Neal:<ul><li>Prince Ali Ababwa (Aladdin)</li><li><a href="https://nodejs.org/es/blog/release/v10.12.0/" target="_blank" rel="noreferrer noopener">Node v.10.12</a></li></ul>Chris Ferdinandi:<ul><li><a href="https://github.com/cferdinandi/bouncer" target="_blank" rel="noreferrer noopener">Bouncer</a></li><li><a href="https://philipmorganconsulting.com/" target="_blank" rel="noreferrer noopener">Philip Morgan Consulting</a></li><li><a href="https://jonathanstark.com/" target="_blank" rel="noreferrer noopener">Jonathan Stark Consulting</a></li></ul>Charles Max Wood:<ul><li><a href="https://mastodon.social/" target="_blank" rel="noreferrer noopener">Mastadon Social</a></li><li>Thanksgiving turkey</li></ul>Phil Hawksworth:<ul><li>Dripping (solidified meat drippings spread on toast)</li><li><a href="https://www.imdb.com/title/tt7905466/" target="_blank" rel="noreferrer noopener">They Shall Not Grow Old</a></li></ul>Divya Sasidharan:<ul><li><a href="https://www.reaktor.com/blog/fear-trust-and-javascript/" target="_blank" rel="noreferrer noopener">Fear, Trust, and JavaScript</a></li><li><a href="https://pudding.cool/2018/08/pockets/" target="_blank" rel="noreferrer noopener">Women’s Pockets Are Inferior</a></li><li><a href="https://www.wealthsimple.com/magazine/money-diary-couple-debt-us" target="_blank" rel="noreferrer noopener">Debt: A Love Story</a></li></ul>Special Guests: Divya Sasidharan and Phil Hawksworth. 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>.

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">KendoUI</a></li><li><a href="http://sentry.io/" target="_blank" rel="noreferrer noopener">Sentry</a> use the code “devchat” for $100 credit </li><li><a href="https://clubhouse.io/jsjabber" target="_blank" rel="noreferrer noopener">Clubhouse</a></li></ul>Panel<ul><li>AJ O’Neal</li><li>Chris Ferdinandi</li><li>Charles Max Wood</li></ul>Joined by special guest: Phil Hawksworth and Divya SasidharanEpisode SummaryThis episode features special guests Philip Hawksworth and Divya Sasidharan. Phil lives just outside of London and Divya lives in Chicago, and both of them work for Netlify. Divya is also a regular on the Devchat show Views on Vue. The panelists begin by discussing what JAMstack is. JAM stands for JavaScript, API, and Markup. It used to be known as the new name for static sites, but it’s much more than that. Phil talks about how dynamic ‘static’ sites really are. JAMstack sites range from very simple to very complex, Static is actually a misnomer. JAMstack makes making, deploying, and publishing as simple as possible.The panelists discuss the differences between building your own API and JAMstack and how JavaScript fits into the JAMstack ecosystem. They talk about keys and secrets in APIs and the best way to handle credentials in a static site. There are multiple ways to handle it, but Netlify has some built in solutions. All you have to do is write your logic for what you want your function to do and what packages you want included in it, they do all the rest. Every deployment you make stays there, so you can always roll back to a previous version. Charles asks about how to convert a website that’s built on a CMS to a static site and some of the tools available on Netlify. They finish by discussing different hangups on migrating platforms for things like Devchat (which is built on WordPress) and the benefits of switching servers. Links<ul><li><a href="https://github.com/topics/api" target="_blank" rel="noreferrer noopener">API</a></li><li><a href="https://github.com/facebook/react" target="_blank" rel="noreferrer noopener">React</a></li><li><a href="https://github.com/jamstack/jamstack.org" target="_blank" rel="noreferrer noopener">JAMstack</a></li><li>CMS (content management system)</li><li>CDM (Customer Data Management)</li><li><a href="https://softwareengineering.stackexchange.com/questions/241104/programming-language-vs-markup-language-vs-scripting-language" target="_blank" rel="noreferrer noopener">Markup</a></li><li>UI (User Interface)</li><li><a href="https://jekyllrb.com/" target="_blank" rel="noreferrer noopener">Jekyll</a></li><li><a href="https://medium.freecodecamp.org/what-is-progressive-enhancement-and-why-it-matters-e80c7aaf834a" target="_blank" rel="noreferrer noopener">Progressive Enhancement</a></li><li><a href="https://github.com/11ty/eleventy" target="_blank" rel="noreferrer noopener">11ty</a></li><li><a href="https://gohugo.io/" target="_blank" rel="noreferrer noopener">Hugo</a></li><li><a href="https://github.com/nozzle/react-static" target="_blank" rel="noreferrer noopener">React Static</a></li><li><a href="https://www.gatsbyjs.org/" target="_blank" rel="noreferrer noopener">Gatsby</a></li><li><a href="https://vuejs.org/" target="_blank" rel="noreferrer noopener">Vue</a></li><li><a href="https://aws.amazon.com/" target="_blank" rel="noreferrer noopener">AWS</a></li><li><a href="https://aws.amazon.com/lambda/" target="_blank" rel="noreferrer noopener">AWS Lambda</a></li><li><a href="https://azure.microsoft.com/en-us/" target="_blank" rel="noreferrer noopener">Azure</a></li><li><a href="https://github.com/topics/markdown" target="_blank" rel="noreferrer noopener">Markdown</a></li><li><a href="https://github.com/topics/wordpress" target="_blank" rel="noreferrer noopener">WordPress</a></li><li><a href="https://github.com/zapier/zapier-platform-cli" target="_blank" rel="noreferrer noopener">Zapier</a></li><li> Stefan Baumgartner <a href="https://www.smashingmagazine.com/2016/08/using-a-static-site-generator-at-scale-lessons-learned/" target="_blank" rel="noreferrer noopener">article</a></li><li><a href="https://www.copyblogger.com/what-the-heck-is-rss/" target="_blank" rel="noreferrer noopener">RSS feed</a></li></ul>PicksAJ O’Neal:<ul><li>Prince Ali Ababwa (Aladdin)</li><li><a href="https://nodejs.org/es/blog/release/v10.12.0/" target="_blank" rel="noreferrer noopener">Node v.10.12</a></li></ul>Chris Ferdinandi:<ul><li><a href="https://github.com/cferdinandi/bouncer" target="_blank" rel="noreferrer noopener">Bouncer</a></li><li><a href="https://philipmorganconsulting.com/" target="_blank" rel="noreferrer noopener">Philip Morgan Consulting</a></li><li><a href="https://jonathanstark.com/" target="_blank" rel="noreferrer noopener">Jonathan Stark Consulting</a></li></ul>Charles Max Wood:<ul><li><a href="https://mastodon.social/" target="_blank" rel="noreferrer noopener">Mastadon Social</a></li><li>Thanksgiving turkey</li></ul>Phil Hawksworth:<ul><li>Dripping (solidified meat drippings spread on toast)</li><li><a href="https://www.imdb.com/title/tt7905466/" target="_blank" rel="noreferrer noopener">They Shall Not Grow Old</a></li></ul>Divya Sasidharan:<ul><li><a href="https://www.reaktor.com/blog/fear-trust-and-javascript/" target="_blank" rel="noreferrer noopener">Fear, Trust, and JavaScript</a></li><li><a href="https://pudding.cool/2018/08/pockets/" target="_blank" rel="noreferrer noopener">Women’s Pockets Are Inferior</a></li><li><a href="https://www.wealthsimple.com/magazine/money-diary-couple-debt-us" target="_blank" rel="noreferrer noopener">Debt: A Love Story</a></li></ul>Special Guests: Divya Sasidharan and Phil Hawksworth. 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 347: JAMstack with Divya Sasidharan & Phil Hawksworth

Poslechněte si podcast