耳鸣终端Terminal
第五期!欢迎回来。2020年的Web开发是怎样的?以我们的前端工程师Perry带路,展开对静态网站生成器的回溯以及当下新鲜的JAMStack工作流的学习讨论。 你们的Host: Perry,阿潦,李松 联系我们可写信至 terminal.podcast.cn@gmail.com [terminal.podcast.cn@gmail.com] 或加入telegram听众群组 [https://t.me/joinchat/Gnvz6xnAtqRBnqIbjmuskg] 剪辑: 阿潦 音乐: Pulse 23 from Compassion through Algorithms [https://algorave-tokyo.bandcamp.com/] SHOW NOTES PART 1: 静态网站和JAMSTACK是? * 静态网站生成器(Static Site Generator) [https://www.staticgen.com/]:设计用来创建静态网站的软件包。 * JAMStack [https://jamstack.org/]:JavaScript, APIs, 和 Markup的首字母缩写,一个近几年(可能是3年?)在Web开发快速火爆的热词。 * Jekyll [https://jekyllrb.com/]: 来自Github合作创始人之一Tom Preston-Werner的静态网站生成器,Github官方支持的选择。 * Org mode for Emacs [https://orgmode.org/]: 始于2003年的Emacs编辑模式,主要用来日常效率管理和文档记录。 * Gatsby.js [https://www.gatsbyjs.org/]: 基于React JS的静态网站生成器,用短短的时间已入住前端开发的工具箱之一。在2018年成立公司来支持项目继续发展,推出Gatsby Cloud [https://www.gatsbyjs.com/about/]。 PART 2: 静态网站的优势 * 共享主机(Shared web hosting service) [https://en.wikipedia.org/wiki/Shared_web_hosting_service] * Heroku [https://www.heroku.com/]: "最元祖的云平台之一" - 中文维基百科 * 高可用性(High availability) [https://en.wikipedia.org/wiki/High_availability]: 计算机系统特性常用到的术语,“指系统无中断地执行其功能的能力”。 * "IT公司为求产品上线顺利要求全体员工烧香拜佛" [http://www.chinanews.com/cul/2016/02-18/7762292.shtml] * Create React App [https://create-react-app.dev/docs/getting-started/]: React社区的官方脚手架工具。 * "Webpack配置是世界上最难的编程语言" [https://twitter.com/horse_js/status/1266393469590867968] * CDN(内容分发网络) [https://zh.wikipedia.org/wiki/%E5%85%A7%E5%AE%B9%E5%82%B3%E9%81%9E%E7%B6%B2%E8%B7%AF] PART 3: JAMSTACK 适合各种网站吗 * 最终一致性 [https://en.wikipedia.org/wiki/Eventual_consistency] * LAMP [https://en.wikipedia.org/wiki/LAMP_(software_bundle)]: 曾经很流行的Web服务架构。 * Wordpress [https://wordpress.org/]: 超流行的开源博客/内容管理系统,世界上最流行的Top 一千万的网站中有1/3基于Wordpres [https://w3techs.com/technologies/overview/content_management]。 * wp-graphql [https://www.wpgraphql.com/]: 让你的Wordpress 实例拥有一个GraphlQL API。 * Headless CMS [https://en.wikipedia.org/wiki/Headless_content_management_system]: 无头的CMS(内管管理系统),通过暴露API供客户端使用。 * NoBackends [http://nobackend.org/]: 一种美好的无后端开发模式,任何功能幻想可以在Javascript中的一行函数实现。 PART4: 上手的选择 * Gatsby.js [https://www.gatsbyjs.org/]: 基于React JS的静态网站生成器,用短短的时间已入住前端开发的工具箱之一。在2018年成立公司来支持项目继续发展,推出Gatsby Cloud [https://www.gatsbyjs.com/about/]。 * 11ty [https://www.11ty.dev/]: Node.JS写成的更简单的静态网站生成器。著名案例包括Google的web.dev [https://web.dev/] 和 v8.dev [https://v8.dev/]。 更正: 开发者来自Netlify而非Google * Vercel (曾用名 ZEIT) [https://vercel.com/]: 另一个流行的托管平台。可以看看最近官方的更名Post:ZEIT is now Vercel [https://vercel.com/blog/zeit-is-now-vercel]。 * Netlify [https://www.netlify.com/]: 2016创建于旧金山,专注于静态网站托管的服务。深受独立Web开发者喜爱。免费量大,具体团队价格可参考 [https://www.netlify.com/pricing/]。 * Github Pages [https://pages.github.com/]: 整合在Github仓库的静态网站服务,数不过来的流行开源项目的主页host在此。 * strapi [https://strapi.io/]: 基于Node.JS的开源Headless CMS,设计为与静态网站设计结合使用。 PICKS: 李松 wptools [https://github.com/siznax/wptools/] by Steve Sisney, 为人类设计的维基百科工具。 Perry 《金字塔原理》 [https://book.douban.com/subject/1020644/], 关于整合思维逻辑的书。 阿潦 最后生还者:第二幕 The Last of Us Part II [https://www.playstation.com/en-gb/games/the-last-of-us-part-ii-ps4/], 峰(反)回(复)路(横)转(跳)的剧情向大作(或是25小时泰勒吉他广告片。
9 Episoder
Kommentarer
0Vær den første til å kommentere
Registrer deg nå og bli medlem av 耳鸣终端Terminal sitt community!