和我们一起,把 web 开发带向下一个高度
AsyncTalk 是一档中文,面向对 web 开发感兴趣的朋友所录制的 Podcast 节目。
后续我们会讨论更多更为前沿,工程化的话题,感兴趣可以持续关注。
联系我们请发邮件至 async.talk@gmail.com 期待沟通。
php/*
和我们一起,把 web 开发带向下一个高度
AsyncTalk 是一档中文,面向对 web 开发感兴趣的朋友所录制的 Podcast 节目。
后续我们会讨论更多更为前沿,工程化的话题,感兴趣可以持续关注。
联系我们请发邮件至 async.talk@gmail.com 期待沟通。
Copyright: © AsyncTalk@喜马拉雅FM
第七期内容我们趁着年前各位跳槽前录了期关于面试的话题,包括了面试官和候选人的视角。也谈到了应该用什么样的态度来面试,问什么问题,也包含最后的薪酬话题。
其中关于 “面试造火箭,入职拧螺丝” 的部分我们讨论比较激烈,但内容上是关于 “预期管理” 的讨论。后续也激烈讨论了老生常谈的 “性能 vs 效率“ 的话题。听众有自己的看法也欢迎留下评论或者发邮件讨论。
由于本期内容过长,我们分了上、下两集。同时春节临近,我们也请假一期。下次更新时间是 2022.2.24 祝大家新年快乐~
联系方式: async.talk@gmail.com
主播
AnnatarHe: https://annatarhe.com
Tinko: https://space.bilibili.com/290664
Sleaf: https://twitter.com/Sleaf_
小鹿
Timeline(上)
00:31 上期反馈及回应
03:35 面试
05:22 为什么需要招人
09:00 面试官的基本素养
26:30 面试题 - “八股文” 什么看法?
29:45 简历记得要扬长避短
36:10 开始吧,请先做个自我介绍
40:12 智力题?态度题?
46:45 正经 web 面试题
Timeline(下)
00:24 面试题 —— 浏览器事件
01:44 面试题 —— 新规范
05:34 面试题 —— 实现 deepclone
06:44 面试题 —— 浏览器输入 url 后,发生了什么
15:54 面试题 —— 关于网络,关于加密
19:29 面试题 —— 计算机基础
24:24 面试题 —— 算法
34:49面试造火箭,入职拧螺丝?
41:16 算法的真实应用
50:56 工程经验与个人学习
54:59 对面试官有什么需要了解的
57:47 钱和另一个东西,怎么算?
60:36 如何选 Offer
67:31 钱怎么算
77:29 结束 + 休假 + 请假
相关链接
中国程序员容易发音错误的单词: https://github.com/shimohq/chinese-programmer-wrong-pronunciation
How to vertically align an image inside a div: https://stackoverflow.com/questions/7273338/how-to-vertically-align-an-image-inside-a-div
POSIX 标准: https://en.wikipedia.org/wiki/POSIX
Coroutine: https://en.wikipedia.org/wiki/Coroutine
ES6 Tail Recursion Optimisation Stack Overflow: https://stackoverflow.com/questions/42788139/es6-tail-recursion-optimisation-stack-overflow
薪酬报告:https://www.zhipin.com/salaryxc/c101020100_p100901.html
扩展阅读
Let it crash: https://wiki.c2.com/?LetItCrash
A Crash Course In Failure: http://web.archive.org/web/20090430014122/http://nplus1.org/articles/a-crash-course-in-failure/
Announcing TypeScript 4.5: https://devblogs.microsoft.com/typescript/announcing-typescript-4-5/
TypeScript 类型体操挑战题: https://github.com/type-challenges/type-challenges
RSA: https://en.wikipedia.org/wiki/RSA_(cryptosystem)
BGM by Otologic
本期节目我们终于蹭上了热点 —— 低代码(Low Code)。主播们根据自己的经历谈了些应用场景和实现等相关话题,展望未来的低代码平台应该是什么样子。
希望能对听众在构建自己的低代码平台时有一定的启发。
联系我们: async.talk@gmail.com
主播
AnnatarHe: https://annatarhe.com
Tinko: https://space.bilibili.com/290664
Sleaf: https://twitter.com/Sleaf_
小鹿
Timeline:
00:00 开场及短消息速报
04:13 进入主题:低代码
04:34 什么是低代码以及低代码的历史
08:03 低代码在 ERP ,表单,组件等实现
10:36 低代码在 to C 场景上的应用
11:40 主播们做过的低代码平台
16:37 低代码真的是毒瘤吗?
19:50 向左图灵完备,向右垂直领域。低代码该往哪里走。
20:30 JSON 作为低代码沟通的 interface,是个合适的结构吗?
27:39 eval ? with ?
29:32 蹭个热点 Log4j (顺便再黑一把 Java)
30:10 低代码的渲染选型与实践
33:10 低代码是不是需要预编译?
39:30 运行时的性能有那些潜在问题
49:16 低代码平台对 leader 的要求比较高
50:12 低代码平台还有哪些需要解决的问题
54:00 github copilot 会是低代码的竞争对手吗?
57:57 低代码平台未来会成为什么样子,它会让我们失业吗?
62:28 废话时间
相关链接
dreamwaver: https://www.adobe.com/hk_en/products/dreamweaver.html
DSL(Domain-specific language): https://en.wikipedia.org/wiki/Domain-specific_language
图灵完备: https://zh.wikipedia.org/wiki/圖靈完備性
Node.js Helps NASA Keep Astronauts Safe and Data Accessible: https://openjsf.org/wp-content/uploads/sites/84/2020/02/Case_Study-Node.js-NASA.pdf
上线了: https://sxl.cn
Ali 的 formily: https://designable-antd.formilyjs.org/
plasmic: https://www.plasmic.app/
image cook: https://www.imgcook.com/
“行业毒瘤”低代码: https://www.huxiu.com/article/424995.html
github copilot: https://copilot.github.com/
BGM by Otologic
️ 本期三位主播围绕 "包管理" 聊了些 js 的包管理历史,版本管理,如何发包等问题。
联系我们: async.talk@gmail.com
��� 主播
AnnatarHe: https://annatarhe.com
Tinko: https://space.bilibili.com/290664
Sleaf: https://twitter.com/Sleaf_
⏰ Timeline
00:00 开场简介
01:52 JavaScript 包管理历史
07:48 包管理是用来解决什么问题的
10:47 版本管理
13:50 包管理器的百家争鸣
17:53 .lock 文件即版本号的设计
24:12 how to patch a package
27:00 发个包吧
28:40 package.json 的字段有哪些
37:57 type: module
41:10 npm scripts
45:30 npm link & tag & publish
51:41 总结以及开发一个新包应该有哪些注意事项
� 勘误
Rust 是有不同的构建依赖类型的:https://doc.rust-lang.org/cargo/reference/manifest.html
� 相关链接
AMD: https://github.com/amdjs/amdjs-api/blob/master/AMD.md
UMD: https://dontkry.com/posts/code/browserify-and-the-universal-module-definition.html
CMD(commonjs): https://nodejs.org/api/modules.html
ES Module: https://tc39.es/ecma262/#sec-modules
IIFE(自执行函数): https://developer.mozilla.org/en-US/docs/Glossary/IIFE
require.js: https://requirejs.org/
bower: https://bower.io/
tree-shaking(摇树): https://webpack.js.org/guides/tree-shaking/
yeoman: https://yeoman.io/
yarn: https://yarnpkg.com/
pnpm: https://pnpm.io/
patch-package: https://github.com/ds300/patch-package
io.js: https://github.com/nodejs/iojs.org
lerna: https://github.com/lerna/lerna
包管理处理的依赖问题是比较复杂的,没能找到合适的文章,可以先从这里看起: https://en.wikipedia.org/wiki/Dependency_hell
� 扩展阅读
lerna 放弃维护:https://github.com/lerna/lerna/issues/2703#issuecomment-777089520
BGM by Otologic
本期我们邀请到了子亭(@jysperm)来和我们一起聊一聊 node.js 及相关的后端和全栈概念。
也欢迎大家留下自己对话题的看法及节目的评价。感谢各位的收听。
联系我们: async.talk@gmail.com
主播:
AnnatarHe: https://annatarhe.com
Tinko: https://space.bilibili.com/290664
Sleaf https://twitter.com/Sleaf_
嘉宾:
@ziting https://jysperm.me
Timeline:
00:00 开场及自我介绍
03:41 关于用 JAVA 写后端这件事
06:57 用 Rust 来写是不是一个好的选择?
13:10 回归正题!用 Node.js 来写后端怎么样,TypeScript?Deno?
29:02 BFF 是啥?是不是为了升职加薪炒出来的概念?
34:31 那这些我都写了,现在我算全栈工程师了吗?
42:00 前端和后端各自的关注点以及专业性
45:10 我们现在可以不管运维了吗?SRE 工程师是啥职位?
51:30 聊聊现在的云平台,k8s 到底是强大还是臃肿?有替代方案吗?
57:04 总结时间
相关信息:
Rust: https://www.rust-lang.org/
我们并不需要 Deno:https://jysperm.me/2021/05/we-dont-need-deno/
errors are values: https://go.dev/blog/errors-are-values
Design Doc: Use JavaScript instead of TypeScript for internal Deno Code: https://docs.google.com/document/u/0/d/1_WvwHl7BXUPmoiSeD8G83JmS8ypsTPqed4Btkqkn_-4/mobilebasic
Traefik Migration Guide: From v1 to v2 https://doc.traefik.io/traefik/migration/v1-to-v2/
Frontends and Backends Are Dead... ... Long Live Routers, Middlewares, and Services
《黑客与画家》: https://book.douban.com/subject/6021440/
Unix Pipeline: https://en.wikipedia.org/wiki/Pipeline_(Unix)
付费删除 NPM 包 https://drewdevault.com/2021/11/16/Cash-for-leftpad.html
节目中提到的 K8S 竞品:
https://www.hashicorp.com/products/nomad
https://mesosphere.github.io/marathon/
https://docs.docker.com/engine/swarm/
扩展阅读:
Rust Is The Future of JavaScript Infrastructure: https://leerob.io/blog/rust
BGM by Otologic
为了达成 OKR 聊点儿主题相关的,这次的主题是关于前端工程化的问题,以及对未来的展望,如何身体力行地去参与创建下一代前端。
内容主要三个部分 —— 开发,部署,运维
希望大家可以开拓视野,尝试用初次相见的眼光看待事物,不拘泥于目前的限制。毕竟比马更快的不是马,比 TNT 更爆裂的也不是炸药。那么,比 React, Webpack 更好的,是什么呢?
主播:
AnnatarHe: https://web.okjike.com/u/20965c29-1f92-4df8-9107-45043db29278
Tinko: https://space.bilibili.com/290664
Sleaf
Timeline:
00:00 开场
01:03 前端工程化的前世今生
05:05 现代工程化 - 开发(分支管理与 Git Flow)
12:36 当前部署流程 CI/CD
14:32 下一代构建/部署展望
23:10 下一代的 CSS 样式要怎么写?
31:55 我们需要更高压缩率的图片格式吗?
38:07 关于测试的讨论
46:25 下一代运维是什么样,Serverless?
52:28 上线之后我们要做什么?
56:37 畅想重构 web 开发流程
ref:
Backbone.js https://backbonejs.org/
各种 git 工作流 https://www.ruanyifeng.com/blog/2015/12/git-workflow.html
Git-flow 已经过时 https://nvie.com/posts/a-successful-git-branching-model/
Google 不再兼容 IE https://9to5google.com/2021/10/01/google-search-internet-explorer-11/
常见图片格式 https://juejin.cn/post/6844903625731358727
E2E 测试工具 Cypress https://www.cypress.io/
自动文档生成工具 https://typedoc.org/
TDD(Test Driven Development) https://en.wikipedia.org/wiki/Test-driven_development
Sentry https://sentry.io/
NewRelic https://newrelic.com/
Uptrace https://uptrace.dev/
Prisma https://www.prisma.io/
Rome https://rome.tools/
更多资料:
软件开发的工作流: https://blog.forecho.com/software-development-workflow.html
LeanCloud 开放资源 - 文案风格指南: https://open.leancloud.cn/copywriting-style-guide/
How We Build Code at Netflix: https://netflixtechblog.com/how-we-build-code-at-netflix-c5d9bd727f15
不需要追求 100% 的测试覆盖率 https://medium.com/@joshuakgoldberg/in-defense-of-100-unit-test-coverage-7fd1a9873ca4
联系方式:async.talk@gmail.com
BGM by Otologic
在社交媒体上看到一位朋友发的牢骚,内容是这样的:
想学一种前端技术,毕竟自己对产品还是也很喜欢的,想着是不是自己也能瞎搞点啥,然后就去搜:js快速入门图书推荐、学typescript之前需要先学js么、Electron跨平台使用js还是ts,vue和react哪个好?angular还值得学么。。。
然后我决定学swift了
我们 AsyncTalk 作为主要做 web 开发方向的工程师,针对这个问题聊了聊自己的看法。
如果你刚入行前端,或者希望能学一门 GUI 技术,可以来听听看
时间线:
00:00 引言
00:46 入门 JS 图书推荐
05:20 关于跨行到前端工程师的讨论
07:44 入门 CSS&HTML 图书推荐
11:01 学 TypeScript 之前需要学 JavaScript 吗?
16:52 项目里用 TS 还是 JS?
21:35 React, Vue, Ng 的技术应该从哪里入门
36:50 SwiftUI 的看法
41:02 结论小结
主播:
SleafH
Tinko: tinko@bilibili
AnnatarHe: AnnatarHe
联系方式: async.talk@gmail.com
注:由于收音问题,请在 21:50 左右加大音量,后期我们会尝试改进
Ref:
《JavaScript DOM 编程艺术》https://book.douban.com/subject/6038371/
《JavaScript 高级程序设计》(红皮书): https://book.douban.com/subject/10546125/
《JavaScript 语言精粹》https://book.douban.com/subject/3590768/
《你不知道的 JavaScript》https://book.douban.com/subject/26351021/
《ES6 标准入门》https://book.douban.com/subject/27127030/
《CSS 世界》https://book.douban.com/subject/27615777/
《CSS 揭秘》https://book.douban.com/subject/26745943/
Vite:https://vitejs.dev/
W3School:https://www.w3school.com.cn/
recoiljs: https://recoiljs.org/
redux saga: https://redux-saga.js.org/
SwiftUI 多 sheet 的 bug: https://twitter.com/bigmtnstudio/status/1371590366709776391?s=21
SwiftUI NavigationStack 会被 pop to root 的 bug: https://developer.apple.com/forums/thread/677333
后记:
TS 官方的态度是,学习 TS 之前必须学习 JS: https://www.typescriptlang.org/docs/handbook/typescript-from-scratch.html#learning-javascript-and-typescript
eval或with等用法需要了解,一般项目里不应该使用,因为会带来额外的风险,但是在一些底层库中为了实现更加灵活的特性是需要使用这些语言特性的。
BGM by Otologic
这里是AsyncTalk一档面向能听懂中文,对 web 开发感兴趣的朋友所录制的 Podcast 节目。
在第 0 期我们主要介绍了一下这个节目的背景和目标。
后续我们会讨论更多更为前沿,工程化的话题,感兴趣可以持续关注。
联系我们请发邮件至 async.talk@gmail.com 期待与您的沟通。
BGM by Otologic