Episode 8: 禅与浏览器开发艺术 feat. 螺丝 @ 「没有主题的闲聊」
About this Episode
Recent Episodes from Echo.js
Episode 8: 禅与浏览器开发艺术 feat. 螺丝 @ 「没有主题的闲聊」
Episode 7: 交互视频、Flash 和万人唾弃的 Safari feat. 螺丝 @「没有主题的闲聊」
「技术播客月」先导预告
Episode 6: 函数式编程,从入门到…… 算了,爱到哪到哪
Episode 5: 少年,你掉的是这个空格缩进,还是这个 Tab 缩进?
Episode 4: 说是要聊「可视化编程」,结果聊了大半天的快捷指令和游戏编程
各位 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/HV7mLcsUp5U
Free Download / Stream: http://ncs.io/GetUp
Play the Flappy Duck game: http://ncs.io/GetUp
奏间音乐:
来自北京干燥文化传媒有限公司。
Episode 3: 教练我想做 IT,高考志愿怎么填?
高考的同学们辛苦了!本期,我们为希望进修学习 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
Episode 2: 中文编程了解一下?
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
Episode 1: 前端开发吐槽大会
白羊:我觉得我们录完没说到一起去啊。
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