DiscoverEcho.js
Claim Ownership
11 Episodes
Reverse
这期是技术博客节的特别节目,我们邀请了一个嘉宾,一起来聊聊「程序员如何站着把钱挣了」的问题。
我们结合自己的经历和对身边的观察,讨论了关于「站着」「工作」和「意义」的思考。
聊的比较意识流,加上这个问题本身也是很形而上的问题,可能比较抽象,如果能给大家也带来一些思考就好了。
索引:
开场 00:00:00
什么是站着 00:00:52
工作的忧郁 00:02:46
你也是「意义怪」吗? 00:05:32
辞职之后 00:07:25
年轻人的第一份工作 00:09:16
停下来想想 00:10:45
不同的选择 00:13:11
远程工作 00:34:55
寻找意义 00:44:30
结尾 01:17:48
关于 Echo.js & 联系我们
Echo.js 是一档关于编程与开发的播客节目。官网地址是 www.echojspodcast.com 。我们推荐使用支持 RSS 方式订阅(即「泛用型」)的播客客户端收听。
有话想说?你可以:
发到官网评论区
来小宇宙 app 订阅 Echo.js 并给节目发评论
加入听众反馈 QQ 群 (https://www.echojspodcast.com/qq)(白羊说进群可以教学编程,包教包会)
发邮件至 hello(a)astrianzheng.com
关注我们的:Telegram 频道 (https://t.me/echojspodcast) Special Guests: .
就 Arc 浏览器「横空出世」一事,我们继续与友台「没有主题的闲聊」主播螺丝一起探讨Arc 宣称「想要改变」(事实上也非常混乱不堪)的互联网(原本)究竟应该是什么样子的。
节目章节
00:00:00 小福利:我们会在 官网本期节目页面 (https://www.echojspodcast.com/8) 评论区送出 Arc 浏览器邀请码
00:00:24 开场跑火车
00:20:08 Web app 之风是谁刮起来的?
00:41:54 大家都讨厌 Electron,大家都用 Electron
01:07:54 操作系统的终点是浏览器?
01:18:08 批判 Arc 浏览器:它是一个「功能服务于设计」的灾难
01:47:22 尾声
相关链接
The Browser Company 官网 (https://thebrowser.company),The Browser Company 即 Arc Browser 开发团队
《弧光未照明路,新衣难解旧愁——评 Arc 浏览器》 (https://sspai.com/post/75216):少数派发布的关于 Arc 浏览器的测评文章
musikcube (https://musikcube.com/old/):使用 SQL 语句筛选音乐播放列表(00:13:09)
1999 年的 amazon.com 的网页存档 (https://web.archive.org/web/19991013091817/http://amazon.com/)(00:26:31)
Pixel Art in Web Design (https://www.webdesignmuseum.org/exhibitions/pixel-art-in-web-design)(00:35:08)
Pepsi in 1996 (https://www.webdesignmuseum.org/gallery/pepsi-1996):Pixel Art in Web Design 收录的百事在 1996 年的营销网站(00:36:01)
Buying a Chromebook was a BIG MISTAKE (https://www.youtube.com/watch?v=HZiaHEmE9PQ&t=317s):Linus Tech Tips 介绍如何安装 ChromeOS Flex 的视频(00:43:28)
Dart 编程语言 (https://dart.dev/)(01:11:39)
Vivaldi 浏览器 (https://vivaldi.com/zh-hans/)(01:30:40)
recative-system (https://github.com/recative/recative-system):统一浏览器自动播放行为的前端框架(01:47:22)
关于 Echo.js & 联系我们
Echo.js 是一档关于编程与开发的播客节目。官网地址是 www.echojspodcast.com 。我们推荐使用支持 RSS 方式订阅(即「泛用型」)的播客客户端收听。
有话想说?你可以:
发到官网评论区
来小宇宙 app 订阅 Echo.js 并给节目发评论
加入听众反馈 QQ 群 (https://www.echojspodcast.com/qq) 或 Discord 群组 (https://discord.gg/zE7r4Mbfxw)
发邮件至 hello(a)astrianzheng.com
关注我们的:Telegram 频道 (https://t.me/echojspodcast) Special Guest: 螺丝.
本期是一期串台节目。Astrian 和白羊与友台「没有主题的闲聊」主播螺丝一起,从螺丝供职的基本操作团队开始,聊聊有关交互视频开发秘辛、前端与跨平台 app 的未来。另外,还有对「烂苹果」的各种吐槽。
由于本期节目的原始音频是通过 Zoom 云录制功能录制的,因此音质可能不会很好,敬请谅解。
章节
00:00:00 开场、串台主播介绍,以及何为「基本操作」
00:11:03 「交互视频」遇到了一万种技术问题
00:24:05 Apple 开发吐槽大会:Safari 是用于正确渲染 apple.com 的浏览器
01:09:24 现在看来,Flash 去世是很可惜的
02:11:32 尾声
相关链接
基本操作官网 (https://jibencaozuo.com)
螺丝在其个人博客撰写的、有关交互视频开发过程相关的 技术博客文章 (https://roriri.one/2022/06/11/behind-the-scenes-interactive-video-player/)
用 Flash 的方式来做 HTML 5 动画的软件 Hype (https://setapp.com/apps/hype) (00:09:50)
Animate.js (https://animejs.com/)(00:10:00)
螺丝的 Telegram 频道「螺莉莉的黑板报 (https://t.me/im_RORIRI)」(00:13:33)
螺丝在 Safari 调试时遇到的 0.18 ZB bug (https://t.me/im_RORIRI/4695)(00:36:08)
针对 Safari 内存泄露问题,Telegram WebK 团队在其官方频道撰写的 契文 (https://t.me/WebK_en/5)(00:38:04)
关于 Echo.js & 联系我们
Echo.js 是一档关于编程与开发的播客节目。官网地址是 www.echojspodcast.com 。我们推荐使用支持 RSS 方式订阅(即「泛用型」)的播客客户端收听。
有话想说?你可以:
发到官网评论区
来小宇宙 app 订阅 Echo.js 并给节目发评论
加入听众反馈 QQ 群 (https://www.echojspodcast.com/qq)(白羊说进群可以教学编程,包教包会)
发邮件至 hello(a)astrianzheng.com
关注我们的:Telegram 频道 (https://t.me/echojspodcast) Special Guest: 螺丝.
Echo.js 将会参加 2022 年「技术播客月」活动。在 2022 年 7 月,我们将会有一个串台节目,形式、话题暂且先保密!感兴趣的朋友们可以关注「技术播客月」,也欢迎大家持续关注 Echo.js!
大哥大嫂新年好!时隔九个多月,我们终于复播了(老父亲的眼泪)。
复播第一期的话题有些 hardcore:函数式编程。也许你偶尔会在各种场合听到这个词,那它究竟与传统的过程式、对象式编程有什么区别?这里的「函数」又与我们常见的函数有什么关系?它为什么又被许多人奉为全新且优秀的编程范式?
当然,本期话题可以聊的东西实在是太多,本期节目姑且也是抛砖引玉。如果大家还希望我们来聊聊相关内容的话,欢迎留言告诉我们。
章节
00:00 开场寒暄
02:16 何为函数式编程?
16:35 与函数式编程有关的语言
29:05 深入了解更多概念
36:44 吟唱魔法
40:53 尾声
相关链接
MesoTroniK(为 Echo.js 制作新的 intro / outro)的 SoundCloud 主页 (https://soundcloud.com/mesotronik) 和 Patreon 主页 (https://www.patreon.com/mesotronik)。
Haskell (https://www.haskell.org/):函数式编程范式的「元汤化元食」之语言。
Ramda (https://ramdajs.com/):在 JavaScript 中使用的函数式编程框架。
Fantasy Land Specification (https://github.com/fantasyland/fantasy-land/):在 JavaScript 中实现函数式编程的规范。
PureScript (https://www.purescript.org/) 与 Elm (https://elm-lang.org/):JavaScript 的超类,编写后可直接编译为 JavaScript 的语言。
白羊写的介绍 ADT 的文章 (https://github.com/lsby/ts_adt_tutorial/)。
关于 Echo.js & 联系我们
Echo.js 是一档关于编程与开发的播客节目。官网地址是 www.echojspodcast.com 。我们推荐使用支持 RSS 方式订阅(即「泛用型」)的播客客户端收听。
有话想说?你可以:
发到官网评论区
来小宇宙 app 订阅 Echo.js 并给节目发评论
加入听众反馈 QQ 群 (https://www.echojspodcast.com/qq)(白羊说进群可以教学编程,包教包会)
发邮件至 hello(a)astrianzheng.com
关注我们的:Telegram 频道 (https://t.me/echojspodcast)
获取本期节目转写文稿 (PDF 格式) (https://www.jianguoyun.com/p/DcHdr0UQxabKChjpjsUEIAA)
时隔两个月的更新,我们迎来新的 官网 (https://www.echojspodcast.com)、新的 会员计划 (https://www.echojspodcast.com/member) 和新的话题。从这期开始,我们拥有新的固定栏目:开源项目与文章摘要(暂定);之后我们将大家写代码时的习惯、工具等等都拿了出来,看看究竟哪种最好用。
节目索引
00:00 开场
00:22 厚脸皮地来说说这两个月里的公告
03:20 新固定栏目:开源项目与文章摘要
15:53 大乱斗话题的由来
18:01 代码习惯大比拼
35:57 有 Lint,当然少不了 Linter
41:31 说脚到手架,两位 JS 程序员可就不困了
49:05 终于开始聊编辑器
01:01:16 最后来聊聊 GitHub Copilot
相关链接
06:07 - WeKan 开源看板工具 (https://wekan.github.io/)
07:42 - draw.io (https://draw.io)
08:50 - 数据绘 开源绘图工具 (https://github.com/zxhm001/DataDraw)
12:25 - How to win on CORS (https://jakearchibald.com/2021/cors/):CORS 跨域限制机制是怎么来的,到底该怎么解决?
19:05 - 维基百科中对「制表键」的定义 (https://zh.wikipedia.org/wiki/%E8%A3%BD%E8%A1%A8%E9%8D%B5):键盘上俗称的 Tab 键正式名称叫「制表键」(tabulator key),它可以提供最大 4 长度(有些是 8 或是其他长度)的可变长度空格,在需要跨行进行列对齐(制表等场景)时非常好用而得名。白羊说「Tab 键本身就是做这种事的」是这个原因。
25:55 - JavaScript Map, Reduce, and Filter - JS Array Functions Explained with Code Examples (https://www.freecodecamp.org/news/javascript-map-reduce-and-filter-explained-with-examples/):JavaScript 中操作数组常用的 map、reduce 和 filter 三个函数的解释。
29:26 - PureScript (https://www.purescript.org/)
30:17 - 中文编程了解一下 (https://www.echojspodcast.com/2):我台以「在编程中使用中文」为话题的一期节目。
36:22 - EditorConfig (https://editorconfig.org/)
41:37 - Vue CLI (https://cli.vuejs.org/)
41:50 - Create React App (https://create-react-app.dev/):两位主播都忘记叫什么名字的 React 脚手架。
44:07 - WebPack (https://www.webpackjs.com/)
44:12 - Next.js (https://nextjs.org/)(React)和 Nuxt.js (https://nuxtjs.org/)(Vue.js)
47:16 - Parcel (https://parceljs.org/)
01:01:16 - GitHub Copilot (https://copilot.github.com/)
01:02:37 - What does Copilot Mean for Open Source (https://opensource.org/copilotimpact):开源组织在 GitHub Copilot 推出之后针对 AI 补全代码的合法性发文。
关于 Echo.js & 联系我们
Echo.js 是一档关于编程与开发的播客节目。官网地址是 www.echojspodcast.com 。我们推荐使用支持 RSS 方式订阅(即「泛用型」)的播客客户端收听。
有话想说?你可以:
发到官网评论区
来小宇宙 app 订阅 Echo.js 并给节目发评论
加入听众反馈 QQ 群 (https://www.echojspodcast.com/qq)(白羊说进群可以教学编程,包教包会)
发邮件至 hello(a)astrianzheng.com
关注我们的:Telegram 频道 (https://t.me/echojspodcast)、Twitter (https://twitter.com/twitter)
COPYRIGHT DISCLIMER
开场/尾声音乐:
Track: TOKYO MACHINE & Guy Arthur - GET UP [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/HV7mLcsUp5U
Free Download / Stream: http://ncs.io/GetUp
Play the Flappy Duck game: http://ncs.io/GetUp
奏间音乐:
来自北京干燥文化传媒有限公司。
各位 Echo.js 的听众朋友们,我们鸽了一年,终于回来了! 🙇
本期,我们从越来越火热的可视化编程概念开始,探讨这个只需要拖拖拽拽就能「写代码」的方式到底对我们生活有什么样的影响。省流小助手:对于普通人做做自动化、或是刚刚开始接触编程来说,帮助还是很大的;但它目前对程序员来说,还是不太友好。
➤ 节目索引
00:00:00 开场
00:00:53 道歉大会、近况介绍和一些公告
00:04:26 什么是可视化编程?
00:12:42 程序员编程时候并不会用它(大概吧)
00:19:20 可视化编程与自动化
00:27:03 用可视化编程做游戏
00:35:53 吐槽一些公司内部使用的「可视化工具」有多难用
00:44:06 说是总结,又不小心聊了一大堆东西
00:50:54 尾声
➤ STAFF主播:Astrian、白羊剪辑:Astrian
➤ 相关链接
编程猫:在节目中提到的有关青少年编程教育的创业公司之一
Google Blockly 和 MIT Scratch
H5 魔塔 官网 和 关卡编辑器
通过组合函数块完成流逻辑编辑的 node-red
Apple 设备上的 快捷指令 app
《附带导航!一做就上手 第一次的游戏程序设计》在美国任天堂的 官方主页
我台主播 Astrian 做的「第一次的游戏程序设计」攻略(对,这玩意甚至可以有攻略)
➤ 关于 Echo.js & 联系我们Echo.js 是一档关于编程与开发的播客节目。官网地址是 podcast.astrianzheng.com。我们推荐使用支持 RSS 方式订阅(即「泛用型」)的播客客户端收听。
有话想说?你可以:
发到官网评论区
来小宇宙 app 订阅 Echo.js 并给节目发评论
加入听众反馈 QQ 群:639587959(白羊说进群可以教学编程,包教包会)
发邮件至 podcast(a)astrianzheng.com
关注我们的:Telegram 频道、Twitter
➤ COPYRIGHT DISCLIMER开场/尾声音乐:
Track: TOKYO MACHINE & Guy Arthur - GET UP [NCS Release]Music provided by NoCopyrightSounds.Watch: https://youtu.be/HV7mLcsUp5UFree Download / Stream: http://ncs.io/GetUp
Play the Flappy Duck game: http://ncs.io/GetUp
奏间音乐:
来自北京干燥文化传媒有限公司。
高考的同学们辛苦了!本期,我们为希望进修学习 IT 技术的同学们,讲讲相关专业的就业方向和必备技能。当然,本期节目涉及到的有关领域非常广泛,以至于所有想要转职的朋友们也能作为一些参考。
注:节目中提到的所有信息皆截止于节目录制期间,同时可能会有误差。请各位同学们自己分辨信息准确性和真实性。
➤ 节目索引
00:00:00 开场
00:00:18 寒暄:今年不平常的高考,以及与高考有关的二三事
00:04:53 奏间
00:05:13 选专业:选「计科」八成没错,但你逃不了自学
00:09:39 IT 领域有哪些可选的职业方向?
00:16:20 详细展开这些职业的具体特点和要求
00:25:10 职业方向选好了,接下来该学什么?
00:25:10 职业方向选好了,接下来该学什么?
00:49:25 自学也是一门学问
00:52:08 返场寒暄:对今年的高考学子们一点微不足道的祝愿
00:53:04 尾声
00:54:05 花絮:主播 Astrian 找了一间钟点房录音,却不小心走错了房间……
➤ STAFF主播:Astrian、白羊剪辑:Astrian
➤ 相关链接
机器学习框架 TensorFlow 官网
跨平台桌面应用框架 Electron 官网
跨平台应用框架 Flutter 官网
国产跨平台应用开发工具 HBuilder 官网
白鹭游戏引擎
书籍《如何阅读一本书》的豆瓣页面
➤ 关于 Echo.js & 联系我们Echo.js 是一档关于编程与开发的播客节目。官网地址是 podcast.astrianzheng.com。我们推荐使用支持 RSS 方式订阅(即「泛用型」)的播客客户端收听。
有话想说?你可以:
发到官网评论区
来小宇宙 app 订阅 Echo.js 并给节目发评论
加入听众反馈 QQ 群:639587959(白羊说进群可以教学编程,包教包会)
发邮件至 podcast(a)astrianzheng.com
关注我们的:Telegram 频道、Twitter
➤ COPYRIGHT DISCLIMER开场/尾声音乐:TOKYO MACHINE & Guy Arthur - GET UP (NCS Release)
奏间音乐:River Meditation
Astrian 一直吐槽白羊在写代码的时候使用中文变量名,因此白羊就在这一期中狠狠地向大家安利中文变量名。当然,我们也顺便聊了聊有关「中文变量」与「中文编程语言」的区别、在代码中使用中文(非拉丁字符)的一些问题,以及由此引发的许多额外话题。
➤ 节目索引
00:00:00 开场
00:00:49 听众反馈 & 公告 & 寒喧
00:03:39 进入正题,先了解「中文编程语言」与「中文变量」的区别
00:04:22 白羊使用中文变量的最初动机,以及更深层次的缘由
00:09:57 有哪些编程语言支持非拉丁字符变量名?
00:14:20 闲谈两个(有趣的)中文编程语言
00:17:31 说到底,编程语言还是要有实用性才会有拥趸
00:21:28 语义化编程与语音助手,以及信息熵问题
00:24:01 白羊的安利中文变量时间
00:29:48 使用中文变量时,如何解决频繁切换输入法的问题?
00:31:13 中文中的多音字、同音字,是中文变量编程的隐性障碍(拼音输入法限定)
00:33:10 突然插入的《不懂英语,也能从零看懂英文文档》
00:35:06 语言障碍、简繁与不同地区表述差异,都是中文编程的局限
00:36:02 白羊有一个企图让全世界程序员学中文的计划
00:36:28 中文的信息密度有助于「压缩」代码体积
00:38:59 VS Code 中的中文变量插件推荐
00:40:22 尾声 & 安可寒暄
➤ STAFF主播:Astrian、白羊剪辑:Astrian
➤ 相关链接
Swift 语言参考书:The Swift Programming Language
支持中文变量名的编程语言列表:在各种编程语言中使用中文命名
维基百科 以及 源码库 网站整理的使用中文进行编码的编程语言列表
Dongbei:基于 Python 的东北话编程语言
wenyan-lang:基于文言文的编程语言
输入中文概念返回对应英语变量名的实用网站:Codeif
维基百科中有关信息熵的资料
中文变量输入辅助插件:vscodeChineseInputAssistant
有关中国大陆地区 Apple Podcast 的一些情况介绍:《播客制作入门指南》
➤ 关于 Echo.js & 联系我们Echo.js 是一档关于编程与开发的播客节目。官网地址是 podcast.astrianzheng.com。我们推荐使用支持 RSS 方式订阅(即「泛用型」)的播客客户端收听。
有话想说?可以来小宇宙 app 订阅 Echo.js 并给节目发评论,也可以发邮件至 podcast(a)astrianzheng.com。
关注我们的:Telegram 频道、Twitter
➤ COPYRIGHT DISCLIMER开场/尾声音乐:Track: TOKYO MACHINE & Guy Arthur - GET UP [NCS Release]. Music provided by NoCopyrightSounds. Watch: https://youtu.be/HV7mLcsUp5U, Free Download / Stream: http://ncs.io/GetUp
白羊:我觉得我们录完没说到一起去啊。Astrian:怎么讲?我觉得还成?白羊:我一直在说元素排版的问题,你一直在说分辨率的事儿。Astrian:🙄🙄🙄
久等了!因为这期的剪辑出了一点小问题,因此让大家等待的时间有点长,非常抱歉。
Echo.js(真正的)第一期节目,两位点了不少前端技能点的主播,简单谈了谈有关前端开发(网页开发)的历史,吐槽有关 HTML 历史遗留问题带来的各种奇形怪状的问题,其中就包括多屏幕适配、长期以来的排版样式问题,以及目前前端开发技术栈被替代的可能性。
➤ 节目索引
00:00:00 开场
00:01:17 为什么要吐槽前端开发?
00:04:00 响应式前端开发的由来
00:10:17 HTML 的「流式布局」
00:15:34 正常流程下做响应式网页的方法
00:19:41 让人又爱又恨的栅格系统
00:26:21 向 flex 开炮
00:33:38 Flex 是一个比栅格系统更灵活的排版系统
00:36:50 在网页做排版是一件「逆天而行」的事情
00:38:13 另类适配方案
00:55:43 马后槽:虽然会造成各种各样的问题,但意外很好用的…… 表格排版法
00:56:43 尾声
➤ STAFF主播:Astrian、白羊剪辑:白羊特别感谢:Christopher
➤ 补遗Christopher 在事后提醒我们,显像管显示器显示比例通常是 4:3 的重要原因是,更接近正方形的显像管显示器更容易以低成本方式生产。
➤ 相关链接
知乎上有关显像管显示器比例的讨论:为什么早期屏幕是 4:3 比例?
有关 WAP 的维基百科资料:无线应用协议
节目中提到的几个前端视觉框架:Bootstrap、iView 和 Element
拯救前端开发者们的 flex 样式特性的 官方文档
通过绘制的草图生成 HTML 的工具:Sketch2Code。我们当时看的好像不是微软做的,不过原理似乎差不太多。
在没有 Flex 的时候,设前后左右都是 50% 的居中方式:HTML+CSS,让 div 在屏幕中居中(水平居中 + 垂直居中)方法总结
➤ 关于 Echo.js & 联系我们Echo.js 是一档关于编程与开发的播客节目。官网地址是 podcast.astrianzheng.com。我们推荐使用支持 RSS 方式订阅(即「泛用型」)的播客客户端收听。
有话想说?可以来小宇宙 app 订阅 Echo.js 并给节目发评论,也可以发邮件至 podcast(a)astrianzheng.com。
关注我们的:Telegram 频道、Twitter
➤ COPYRIGHT DISCLIMER开场音乐:Track: TOKYO MACHINE & Guy Arthur - GET UP [NCS Release]. Music provided by NoCopyrightSounds. Watch: https://youtu.be/HV7mLcsUp5U, Free Download / Stream: http://ncs.io/GetUp
本期介绍这是 Echo.js 的非正式录制节目,俗称「试音集」。目的是测试从录制到剪辑的全过程。
作为临时起意而诞生的播客,两位主播之间并没有多少磨合的时间。因此,你会在这个试音集里听到各种充满湿气的尬聊。包括一开始尬出血的「这档播客是如何诞生的」,以及后面(个人觉得)稍微好一些的、简单谈论的关于 WSL 与 Deno 和 Vue 3.0 的事情。
你大可以将它看作一场表演前,几乎每个工作人员为话筒试音会说的那句:「喂,喂,一二三,能听见吗?」
总之,下一期开始我们会给大家真正「晒干一些」的货。请大家多多关照。鞠躬。
相关链接
Windows 10 WSL 支持 Linux GUI apps 的报道
微软 DirectX 团队宣布其支持 Linux 的官方博客通稿
Deno 的 官网 和 源码仓库
InfoQ 转载的尤雨溪关于 Vue 3.0 的展望
关于 Echo.js & 联系我们Echo.js 是一档关于编程与开发的播客节目。官网地址是 podcast.astrianzheng.com。我们推荐使用支持 RSS 方式订阅(即「泛用型」)的播客客户端收听。
有话想说?听众反馈可发邮件至 podcast(a)astrianzheng.com。
关注我们的:Telegram 频道