EP5 JAMStack：Web开发更新鲜的工作流

耳鸣终端Terminal

Player FM - Internet Radio Done Right

הוסף לפני four שנים

תוכן מסופק על ידי t.ermin.al. כל תוכן הפודקאסטים כולל פרקים, גרפיקה ותיאורי פודקאסטים מועלים ומסופקים ישירות על ידי t.ermin.al או שותף פלטפורמת הפודקאסט שלהם. אם אתה מאמין שמישהו משתמש ביצירה שלך המוגנת בזכויות יוצרים ללא רשותך, אתה יכול לעקוב אחר התהליך המתואר כאן https://he.player.fm/legal.

לפני 5 שנים 58:24

MP3•בית הפרקים

第五期！欢迎回来。2020年的Web开发是怎样的？以我们的前端工程师Perry带路，展开对静态网站生成器的回溯以及当下新鲜的JAMStack工作流的学习讨论。

你们的Host：
Perry，阿潦，李松

联系我们可写信至 terminal.podcast.cn@gmail.com
或加入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开发者喜爱。免费量大，

10 פרקים

#Terminal #Programmer #软件开发 #中文播客 #软件工程师

EP5 JAMStack：Web开发更新鲜的工作流

耳鸣终端Terminal

published לפני 5 שנים

שתפו

MP3•בית הפרקים

第五期！欢迎回来。2020年的Web开发是怎样的？以我们的前端工程师Perry带路，展开对静态网站生成器的回溯以及当下新鲜的JAMStack工作流的学习讨论。

你们的Host：
Perry，阿潦，李松

联系我们可写信至 terminal.podcast.cn@gmail.com
或加入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开发者喜爱。免费量大，

10 פרקים

#Terminal #Programmer #软件开发 #中文播客 #软件工程师

כל הפרקים

1
EP10 Tech Lead 与 Engineering Manager 58:00

לפני 3 years58:00

58:00

Welcome back! 很久没有互动的三位主播打算以互相交流最近在忙什么的方式重启。不过第一个话题就有了不少的展开，于是就形成了这一期节目。在这期节目中 Perry 分享了他与团队一起工作的经历和心得，还聊到了作为 leader 对团队成员个人成长的帮助。三人还讨论到了 tech leader 和 engineering manager 的区别和联系。你们的 Hosts： Perry ，阿潦，李松联系我们可写信至 terminal.podcast.cn@gmail.com 或加入telegram 听众群组剪辑：aliao

1
EP9 疫情下的海外求职 58:41

לפני 4 years58:41

58:41

Welcome back! 这期节目请来了Perry和李松的校友哨牙和卢嵩，分享他们在covid时期些许特别的海外求职经历：从喘不过气的996生活到"我离开了北京到哪活着都特别舒服"。你们的Hosts： Perry ，阿潦，李松本期嘉宾：哨牙，卢嵩联系我们可写信至 terminal.podcast.cn@gmail.com 或加入telegram 听众群组剪辑：阿潦 Special Guests: Lu Song and 哨牙.

1
EP8 965也会Burnout？(Part 2) 49:33

לפני 5 years49:33

49:33

本期节目我们请来了老朋友的妙财，与我们一起聊聊职业倦怠这件事。这一期关键词少不了“累”和“加班”，你是否在工作或是生活中有过“燃尽”的感觉呢？这也是我们第一次邀请嘉宾，感谢妙财🔔 这是我们Burnout节目的Part 2，可以在 EP7 听到上部分。你们的Hosts： Perry ，阿潦，李松本期嘉宾：妙财，居住在上海的软件工程师联系我们可写信至 terminal.podcast.cn@gmail.com 或加入telegram 听众群组剪辑：阿潦这期我们聊了…… 职场PUA 正向的鼓励的Review 末位淘汰的赛马文化软件行业的更新淘汰速度怎么克服Burnout 注意力是一门生意运动摆脱工作的烦恼选择工作的条件取舍 Picks 妙财《原则》 Ray Dalio 《每周工作4小时》 Timothy Ferriss 《非对称风险》 Nassim Nicholas Taleb 李松英国政府的职业规划测试 National Careers Service: Discover your skills and careers Perry 喜茶一周茶包阿潦《高堡奇人》 Philip K. Dick Special Guest: 妙财.…

1
EP7 965也会Burnout？(Part 1) 1:04:23

לפני 5 years1:04:23

1:04:23

本期节目我们请来了老朋友的妙财，与我们一起聊聊职业倦怠这件事。这一期关键词少不了“累”和“加班”，你是否在工作或是生活中有过“燃尽”的感觉呢？这也是我们第一次邀请嘉宾，感谢妙财🔔 （这是Part 1，我们再一次强聊两个小时。Part2 在此）你们的Hosts： Perry ，阿潦，李松本期嘉宾：妙财，居住在上海的软件工程师联系我们可写信至 terminal.podcast.cn@gmail.com 或加入telegram 听众群组剪辑：阿潦这期我们聊了…… 00:00 片头 00:17 EP7开始 01:17 为什么要讲这个话题？ 01:50 大家"燃尽"的经历 10:47 工作内容带来的成就感 13:45 996以及加班文化 16:43 妙财短暂的10-10-7快速燃尽 19:08 国内常态的995 24:29 自主加班：改bug杀红了眼 28:05 被客户/合作方带入加班时间 32:38 同侪压力（Peer pressure）以及反996的文化 35:31 加班的实际效率 40:15 薪资不满与不被公司认可 44:37 程序员的职级认证带来的焦虑 51:00 强烈的竞争 55:50 薪酬倒挂的困扰 Special Guest: 妙财.…

1
EP6 GitOps 1:03:26

לפני 5 years1:03:26

1:03:26

隔了一个多月又见面了。之前我们的多期节目似乎都与应用开发更紧密，这次由阿潦主持带我们聊聊GitOps，当然还离不开关于部署的杂七杂八。你们的Hosts： Perry，阿潦，李松联系我们可写信至 terminal.podcast.cn@gmail.com 或加入telegram 听众群组剪辑：阿潦

1
EP5 JAMStack：Web开发更新鲜的工作流 58:24

לפני 5 years58:24

58:24

第五期！欢迎回来。2020年的Web开发是怎样的？以我们的前端工程师Perry带路，展开对静态网站生成器的回溯以及当下新鲜的JAMStack工作流的学习讨论。你们的Host： Perry，阿潦，李松联系我们可写信至 terminal.podcast.cn@gmail.com 或加入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开发者喜爱。免费量大，…

1
EP4 远程工作（下）：为什么我们无法自由地Remote？ 1:06:47

לפני 5 years1:06:47

1:06:47

让我们继续下半段的远程工作。关于Remote/Onsite的个体喜好、线上重新模拟办公室Social体验以及种种的阻碍…… 另外，我们节目终于有了中文名字：耳鸣终端（如果不清楚为什么可以看看我们的网址，感谢阿潦的创意）。音频编辑：阿潦音乐：李松/Sue Lynch 联系电邮件： terminal.podcast.cn@gmail.com

1
EP3 远程工作 53:26

לפני 5 years53:26

53:26

嗨大家好，距离半年我们又更新了。聊了聊疫情前我们就想说的话题：远程工作。结合我们自个儿的经历敞开了闲聊，录了比较长，先更新上部分一个小时罢。音频编辑：阿潦音乐：何谐/李松联系电邮件： terminal.podcast.cn@gmail.com 我们聊了 00:00 开始 00:15 Hello 00:55 我们这些年的(远程)工作经历 04:01 定义我们说的Remote 10:22 分布式团队与异步的沟通方式 12:59 远程会议的不平等 19:59 设立远程工作环境的成本 24:30 一定需要视频会议吗？ 25:13 会议的录像存档 27:54 会议文本总结 30:25 节省的通勤时间 34:10 客观原因无法远程工作的情况 35:05 产品开发以外的团队更难远程吗 38:24 利用Github Issues来记录讨论的历史 41:00 完全基于Web的工具兴起 45:20 可追溯的Git Commit Message 48:48 瘦客户端 52:15 下期见…

1
EP2 我们三个参加技术会议的经历 1:41:02

לפני 6 years1:41:02

1:41:02

小松和Perry在10月份分别去了柏林的 Wikidata Con 和上海的 JSConf China ，聊聊我们仨儿参加技术会议的经历。联系电邮件： terminal.podcast.cn@gmail.com Links: 维基数据知识库在维基百科中使用维基数据德国维基媒体协会 Wikidata Con申请流程 Wikidata Con费用相关 Wikidata Con Social Events JSConf: Conferences for the JavaScript community JSConf China门票相关沪JS 深JS 京JS 2013 Git Rebase SPARQL Query Language for RDF Wikidata Query Service 英国所有的音乐节（根据Wikidata） QCon北京2020|全球软件开发大会 O'Reilly OSCON…

1
EP1 CRUD程序员聊一聊音频编程 59:20

לפני 6 years59:20

59:20

Hello，大家好，这是我们的第一期节目！我们三个CRUD程序员聊了聊音频编程，从声音设计到软件开发……当然也少不了现场编程(Live Coding) 联系电邮件： terminal.podcast.cn@gmail.com Links: List of audio programming languages - Wikipedia CRUD(Create, read, update and delete) Csound Web Audio API 电子振荡器信号采样 DAC(数位类比转换器) 44,100 Hz 滤波器声音合成包络 SuperCollider Live coding - Wikipedia…

ברוכים הבאים אל Player FM!

Player FM סורק את האינטרנט עבור פודקאסטים באיכות גבוהה בשבילכם כדי שתהנו מהם כרגע. זה יישום הפודקאסט הטוב ביותר והוא עובד על אנדרואיד, iPhone ואינטרנט. הירשמו לסנכרון מנויים במכשירים שונים.