编程 on 醋泡白豆

白豆编程记录 003 | JavaScript 是「一夜情」的产物？

Mon, 05 Sep 2022 22:22:00 +0800

临时加班到 10 点，写完就周一了，大家好。

本周是我开始 coding 的第三周，来更新了?！

freeCodeCamp 课程平台 JavaScript Algorithm and Data Structures 课程的 Basic JavaScript 部分(60/113)
《Head First JavaScript 程序设计》500/628 。
下载 VScode 并安装六个辅助性插件。

Chinese：中文环境

Live preiew：实时预览 HTML

Markdown PDF：在VScode码字

Prettier：代码自动美化

vscode icon：美化图标

Wisen Translate：鼠标悬浮翻译

4. 逛技术博客，发现一个没有任何编基础的姑娘，发起并完成了《180天建180个网站》项目。

5. 复习 HTML CSS anki 卡片，并制作了 10 张 JavaScript 新卡。

-网络应用程序为了更容易建立，分离了功能与内容。内容就是网页上额 HTML 代码，它提供网页实际上如何拼在一起的结构，同时也是网页上所有数据的家；外观就是网页上的 CSS 代码，决定网页内容的外表：字体、色彩、排版等；功能就是驱动网页，带来交互性的 JavaScript 代码。

-为了给自家浏览器Navigator加上一种脚本语言和蹭 Java 流量，网景公司在 1995 年 5月决定设计一种「看上去与 Java 足够相似，但比 Java 简单，让非专业的网页制作者也能很快上手」。网景员工布莱登艾奇对 Java 不感兴趣，为了应付工作，他只用 10 天就把「简化版 Java 语言」，即 JavaScript 设计出来了。

-布莱登的设计思路是这样的：

（1）借鉴C语言的基本语法；

（2）借鉴Java语言的数据类型和内存管理；

（3）借鉴Scheme语言，将函数提升到"第一等公民"（first class）的地位；

（4）借鉴Self语言，使用基于原型（prototype）的继承机制。

所以，Javascript语言实际上是两种语言风格的混合产物----（简化的）函数式编程+（简化的）面向对象编程。

他对 JavaScript 的评价是：

"与其说我爱Javascript，不如说我恨它。它是C语言和Self语言一夜情的产物。十八世纪英国文学家约翰逊博士说得好：'它的优秀之处并非原创，它的原创之处并不优秀。'（the part that is good is not original, and the part that is original is not good.）"

-了解语言诞生的历史，对初学第一门编程语言的小白来说，能大体了解语言特性、增加兴趣。知道了 JavaScript 是个「一夜情产物」，是函数式编程和面向对象编程的混合产物，好像也没啥用，因为这两种编程我都不熟悉，但在未来的某一时间，肯定就能理解了。

-分配任务要具体到每一天。 因为 freeCodeCamp 的这部分和响应式网页设计有所不同，不是按照单个项目来进行课程设计，这周开始学 JavaScript 没有进行具体安排，只是跟着课程走，但发现效率低下，对每天的学习量没概念，不知道自己是落后进度，还是超额完成，也就没了成就感。进行具体每天的任务规划后，效率有所提高。

JavaScript 具体进程任务分配

-注意字母的大小写。前两周的记录中，我没太注意英文单词的大小写，因为 HTML 代码中大小写和空格都对结果没有影响。这周学习到「驼峰命名法」才意识到自己的坏习惯。

CamelCase 是编程的一套命名规则，其优点是在任何计算机系统里字母都是连续的（中间没有空格），这样可以用一列描述性的词来取有含义的名字且还不会违反命名限制。它又分为两种。第一个词的首字母小写，后面每个词的首字母大写，叫做「小骆驼拼写法」（lowerCamelCase）；第一个词的首字母，以及后面每个词的首字母都大写，叫做「大骆驼拼写法」（UpperCamelCase）。

先读书，再coding，再读书。由于《Head First JavaScript 程序设计》是按照项目来进行编排的，而 freeCodeCamp 的这部分内容不是，虽然我基本过完了书，但和课程实操练习不配套，导致这周学得有点混乱。计划完成可能之后再阅读一本体系比较完整的 JavaScript 书籍。备选：《你不知道的 JavaScript》《JavaScript 权威指南》。
保持开放，增多交流。开始写编程记录才知道有朋友也在学，交流之后还被推荐了很棒的资源，真是太棒了。给自己打造环境，加入康文昌老师的元岛社区，认识更多志同道合的朋友。
在 Flomo 创建#编程随记标签。每天随时记录想法和知识点，周末再写推文就不需要再从头开始思考这周都学了啥。同时经过二次筛选，也能提高每周编程随记的质量。

资料参考：

《180天建立180个网站》：jenniferdewalt.com
阮一峰：《JavaScript诞生记》：www.ruanyifeng.com/blog/2011/06/birth_of_javascript.html
康文昌：vscode保姆级教程和常用插件，Re01必修部分编程环境配置：
www.bilibili.com/video/BV1k34y1Y7xk

如果你喜欢我的推文，请关注公众号醋泡白豆~

白豆编程记录 002 | 这么快就拿一个证？

Sun, 28 Aug 2022 22:22:00 +0800

周日，大家晚上好。

本周是我开始动手 coding 的第二周，来更新了?！

1. 本周五的时候拿到了 freecodecamp 的响应式网页设计证书，共完成了二十个项目，其中 15 个项目有指导的学习教程，5 个为测试项目，根据示例做出符合要求的网页（放了几个成果在文末）。

2. 配合着阅读的书《head first html 和 css 》也通读完了第一遍。开了 100 页的《head first html5 programming 》。

3. 把博主康文昌的所有视频都转换为文字过了一遍，但发现这种编程教学性质的视频还是配合画面食用更佳。

跟着教程，写出还不错的网页，拿到证书，个人的成就感还是很足的。总计敲代码的时间 28 小时。

-html 和 css 算不上是严格意义上的编程语言，html 的全称是：Hyper Text Markup Language，即超文本标记语言。css的全称是：Cascading Style Sheets，即层叠样式表。html 确定是页面输入内容，而 CSS 则是通过规则，高效地对网页布局进行美化。使用两者能够设计出静态的页面，做出传达信息性质的 wiki 库和个人作品展示网站是足够了。但要让页面能够更有交互性，就需要用到我下一步要学习的 JaveScrip 语言了。

-只是不到三十个小时的敲代码练习，就能让自己有一个看网站的视角，真是太值得了。现在打开一个网页，就习惯性地用 F12 开发者工具，看看如此精美的网页是怎样用 html 最基础的模块和 CSS 的布局规则搭建起来的。关于 JS 语言的部分还看不懂，但可以通过网页的功能稍微逆向猜出点作用，也算为后面的语言学习预习了。

-拳不离手，曲不离口。每天都敲几行还是很有必要。周五晚上状态比较好，提前做了三个项目，拿到了证书。周六没敲代码，今天录入 anki 知识卡就有些内容开始遗忘了。

-在没有任何提示的情况下的实践感受印象最深刻。

freecodecamp 是一个以项目为核心的课程平台。非考试课程开始之前会让你预览一遍要做的网页，然后直接进入在线编辑器的页面，你就可以输入代码了，不过此编辑器自带了教学功能 —— 每一步都会给要用到知识点的介绍。输错了有提示反馈，不过不会给出正确的答案，实在弄不明白，可以在论坛中求助，网友们的回答都挺快，半个小时内就有人解答。

这样的项目教程确实很好，不过如果在此过程中过于依赖提示，需要自己从头到尾去设计一个页面的时候，才发现自己对很多概念理解不清，也没有从整体规划页面的逻辑思路。看来《程序员面试金典》上提到很多公司会直接让应聘者在白板上徒手写代码，确实是个好方法。

-及时查清代码中的英文单词能够事半功倍。我在前十个项目中都很容易把中的“rel”和“href”弄混，其实只要查一下其英文单词的全称，整理个对照的文档，及时复习，就能解决这个问题，还能更深刻自己理解自己写的是什么。

-HTML 菜鸟教程（是个网站）中各个属性介绍页面的内容，是可以实际操作体验的。

先阅读 head first 的书籍，再进行 freecodecamp 的代码实操。原因是这周都是先用教程实操，见到的新知识点还没咋理解，就按照教程中提示码上了。等再读书就觉得自己都练习过了，肯定会用了，就囫囵吞枣地过了。
加强运动，保证睡眠，在早上的时间整理要录入 anki 的知识点。本周晚上实操之后，大脑疲倦，啥也不愿意干。久而久之，要录入 anki 的知识点就堆积了。感觉还是总体的精力下降了，因为每天集中 coding 的时间平均还不到两个小时。
按照博主康文昌的建议，设置一个专门用的电脑输入法。本周用搜狗调成英文状态，总是不小心触碰到 shift 。

如果你喜欢我的推文，请关注公众号醋泡白豆~

白豆编程记录 001 | 万里长征第一步

Sun, 21 Aug 2022 22:22:00 +0800

我决定开始学编程，自己动手敲代码。

拖延近六年，终于开始行动。

Derek Sivers 的网站加载基本无需等待，秒开。速度着实在让我羡慕。

他网站上所有页面基本都是「纯文本」，简洁优雅，正是我心中理想的个人网站。

Derek 把自己 350＋书的阅读笔记「开源」到个人网站上，在这启发下，我照葫芦画瓢，根据一系列文字和视频教程，用 WordPress 的模板搭建自己的笔记网站。

页面加载出的瞬间，很有成就感。但大半年的时间，我一共更新了九篇读书笔记。后天管理繁琐，个人也不是很喜欢现用的博客模板，页面显示信息量小，且加载速度有时很慢。

正好是从零开始学习一项技能，按照《show your work》的精神，我打算把学习计划，学习过程中的心得体会都更新到公众号。

这系列就叫「白豆编程记录」吧。

分析一下自己目前的优势：

心理状态改变： 现在开始行动，到三十岁就至少有五多年的 coding 经验。

各类资源丰富：书籍、影视、游戏、在线编程网站，还有可以求助的朋友，完全足够自学。

阅读能力达标： 从去年到现在，阅读了至少十本计算机相关的书。

写作习惯养成： 写了一年公众号，抵触感基本没有，搭建起自己的笔记系统，学习 coding 过程中，写技术博客很有信心。

头脑一热，只是心里想做一件事，不去计划，大概率失败。

于是我开始写 Coding 的个人执行文档。

按照《软技能》的十步学习法，我做了以下规划：

第一步了解全局：了解「未知之未知」。

我阅读了软件设计师写的两本《软技能》，B站 up 等的个人职业生涯分享，以及《crash course》四十节计算机科学入门课程。大体上对编程有了一定了解。

第二步确定范围：将大主题分解为可控小主题。

确定了自己阶段方向是HTML、CSS、JS三件套。

第三步定义目标：形成一份简明清晰的目标陈述。

我的阶段性目标：

拿到 freecodecamp Responsive Web Design 和 JavaScript Algorithms and Data Structures 两门的课程的证书。
搭建一个与 Derek Sivers 博客打开速度相当的个人笔记网站，并上传 100 篇读书笔记。
使用 toggl 统计实际编程时间达到 200 小时。

第四步寻找资源：图书、博客、视频、专家、源代码、示例项目等。

第五步创建学习计划：根据阅读过的书籍目录，定制自己的学习路径。

目前我的学习路径以 freecodecamp 的两门课程安排为主。

第六步筛选资源：通读之后筛选出最优质的资源进行深入学习。

目前选定的书籍为：

《Head First：HTML与CSS》

《Head First：HTML5 Programming》

《Head First: JavaScript》

《代码大全》

《代码整洁之道》

第七步开始学习，浅尝辄止：像买了新的游戏机一样，先玩，遇到问题再看说明书。

同 freecodecamp 与博主康文昌实际操作；

个人网站逐渐改版。

第八步动手操作，边玩边学：亲自操作，亲身体验

freecodecamp 实操项目
个人笔记网站项目
博主康文昌个人网站项目
博主康文昌个人内容管理系统
博主康文昌编写微信小程序

第九步全面掌握，学以致用：和自己最高人生目标结合，自己探索。

订阅技术大牛的博客文章；

保持每日技术类书籍阅读。

第十步乐为人师，融会贯通：写博客、做视频、做演讲、教朋友、答问题

争取周更「白豆编程记录」，主要复盘一周学习的状态和思考
个人网站改版之后学习阮一峰老师写技术博客
和朋友、刚计算机专业大一的表弟聊天讨论
回答知乎上相关的基础问题

为了尽量不让自己半途而废，我的 Coding 自学指南的文档第一部分就是鸡汤文章?。调整好心态，这一阶段时间上设置为四个月，每隔一周都留出冗余，按照实际情况进行调整。

个人自学的主要形式是根据 freecodecamp 课程进行实操；

下班地铁上阅读 First Head 书籍对应的部分；

尽可能每天在 notion 学习日志中用自己的话总结新学的概念；

及时将需要记忆的程序语言，录入到 Anki 中，每日过。

更新个人 coding 自学指南 notion 文档；

freecodecamp 九个章节；

录入 Anki 35个知识点；

重读 Derek Sivers 技术博客。

小白入门，希望技术大佬们多多指教！

录入anki的知识点

编程 on 醋泡白豆

白豆编程记录 003 | JavaScript 是「一夜情」的产物？

康文昌：vscode保姆级教程和常用插件，Re01必修部分编程环境配置：

www.bilibili.com/video/BV1k34y1Y7xk

白豆编程记录 002 | 这么快就拿一个证？

白豆编程记录 001 | 万里长征第一步

Memorizing a programming language using spaced repetition software：https://sive.rs/srs

Should you learn programming? Yes.：https://sive.rs/prog