Sign up to save your podcasts
Or
Share EP5 JAMStack：Web开发更新鲜的工作流
Share to email
Share to Facebook
Share to X
Share to email
Share to Facebook
Share to X
Or
EP5 JAMStack：Web开发更新鲜的工作流
第五期！欢迎回来。2020年的Web开发是怎样的？以我们的前端工程师Perry带路，展开对静态网站生成器的回溯以及当下新鲜的JAMStack工作流的学习讨论。
你们的Host：
Perry，阿潦，李松
联系我们可写信至 [email protected]
或加入telegram听众群组
剪辑： 阿潦
音乐： Pulse 23 from Compassion through Algorithms
Show notes
Part 1: 静态网站和JAMStack是？
静态网站生成器(Static Site Generator)：设计用来创建静态网站的软件包。
JAMStack：JavaScript, APIs, 和 Markup的首字母缩写，一个近几年（可能是3年？）在Web开发快速火爆的热词。
Jekyll: 来自Github合作创始人之一Tom Preston-Werner的静态网站生成器，Github官方支持的选择。
Org mode for Emacs: 始于2003年的Emacs编辑模式，主要用来日常效率管理和文档记录。
Gatsby.js: 基于React JS的静态网站生成器，用短短的时间已入住前端开发的工具箱之一。在2018年成立公司来支持项目继续发展，推出Gatsby Cloud。
Part 2: 静态网站的优势
共享主机(Shared web hosting service)
Heroku: "最元祖的云平台之一" - 中文维基百科
高可用性(High availability): 计算机系统特性常用到的术语，“指系统无中断地执行其功能的能力”。
"IT公司为求产品上线顺利要求全体员工烧香拜佛"
Create React App: React社区的官方脚手架工具。
"Webpack配置是世界上最难的编程语言"
CDN(内容分发网络)
Part 3: JAMStack 适合各种网站吗
最终一致性
LAMP: 曾经很流行的Web服务架构。
Wordpress: 超流行的开源博客/内容管理系统，世界上最流行的Top 一千万的网站中有1/3基于Wordpres。
wp-graphql: 让你的Wordpress 实例拥有一个GraphlQL API。
Headless CMS: 无头的CMS（内管管理系统），通过暴露API供客户端使用。
NoBackends: 一种美好的无后端开发模式，任何功能幻想可以在Javascript中的一行函数实现。
Part4: 上手的选择
Gatsby.js: 基于React JS的静态网站生成器，用短短的时间已入住前端开发的工具箱之一。在2018年成立公司来支持项目继续发展，推出Gatsby Cloud。
11ty: Node.JS写成的更简单的静态网站生成器。著名案例包括Google的web.dev 和 v8.dev。 更正: 开发者来自Netlify而非Google
Vercel (曾用名 ZEIT): 另一个流行的托管平台。可以看看最近官方的更名Post：ZEIT is now Vercel。
Netlify: 2016创建于旧金山，专注于静态网站托管的服务。深受独立Web开发者喜爱。免费量大，
View all episodes
By t.ermin.al
5
11 ratings
第五期！欢迎回来。2020年的Web开发是怎样的？以我们的前端工程师Perry带路，展开对静态网站生成器的回溯以及当下新鲜的JAMStack工作流的学习讨论。
你们的Host：
Perry，阿潦，李松
联系我们可写信至 [email protected]
或加入telegram听众群组
剪辑： 阿潦
音乐： Pulse 23 from Compassion through Algorithms
Show notes
Part 1: 静态网站和JAMStack是？
静态网站生成器(Static Site Generator)：设计用来创建静态网站的软件包。
JAMStack：JavaScript, APIs, 和 Markup的首字母缩写，一个近几年（可能是3年？）在Web开发快速火爆的热词。
Jekyll: 来自Github合作创始人之一Tom Preston-Werner的静态网站生成器，Github官方支持的选择。
Org mode for Emacs: 始于2003年的Emacs编辑模式，主要用来日常效率管理和文档记录。
Gatsby.js: 基于React JS的静态网站生成器，用短短的时间已入住前端开发的工具箱之一。在2018年成立公司来支持项目继续发展，推出Gatsby Cloud。
Part 2: 静态网站的优势
共享主机(Shared web hosting service)
Heroku: "最元祖的云平台之一" - 中文维基百科
高可用性(High availability): 计算机系统特性常用到的术语，“指系统无中断地执行其功能的能力”。
"IT公司为求产品上线顺利要求全体员工烧香拜佛"
Create React App: React社区的官方脚手架工具。
"Webpack配置是世界上最难的编程语言"
CDN(内容分发网络)
Part 3: JAMStack 适合各种网站吗
最终一致性
LAMP: 曾经很流行的Web服务架构。
Wordpress: 超流行的开源博客/内容管理系统，世界上最流行的Top 一千万的网站中有1/3基于Wordpres。
wp-graphql: 让你的Wordpress 实例拥有一个GraphlQL API。
Headless CMS: 无头的CMS（内管管理系统），通过暴露API供客户端使用。
NoBackends: 一种美好的无后端开发模式，任何功能幻想可以在Javascript中的一行函数实现。
Part4: 上手的选择
Gatsby.js: 基于React JS的静态网站生成器，用短短的时间已入住前端开发的工具箱之一。在2018年成立公司来支持项目继续发展，推出Gatsby Cloud。
11ty: Node.JS写成的更简单的静态网站生成器。著名案例包括Google的web.dev 和 v8.dev。 更正: 开发者来自Netlify而非Google
Vercel (曾用名 ZEIT): 另一个流行的托管平台。可以看看最近官方的更名Post：ZEIT is now Vercel。
Netlify: 2016创建于旧金山，专注于静态网站托管的服务。深受独立Web开发者喜爱。免费量大，