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

编程周报·技术 · 2022-08-21


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

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


Image


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


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


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


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


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


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


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

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

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

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

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


Image


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

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


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


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


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


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


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


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


我的阶段性目标:

  1. 拿到 freecodecamp Responsive Web Design 和 JavaScript Algorithms and Data Structures 两门的课程的证书。 

  2. 搭建一个与 Derek Sivers 博客打开速度相当的个人笔记网站,并上传 100 篇读书笔记。

  3. 使用 toggl 统计实际编程时间达到 200 小时。


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


Image


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


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

Image
Image


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


目前选定的书籍为:

《Head First:HTML与CSS》

《Head First:HTML5 Programming》

《Head First: JavaScript》

《代码大全》

《代码整洁之道》


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


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

个人网站逐渐改版。


第八步 动手操作,边玩边学:亲自操作,亲身体验


  • freecodecamp 实操项目

  • 个人笔记网站项目

  • 博主 康文昌 个人网站项目

  • 博主 康文昌 个人内容管理系统

  • 博主 康文昌 编写微信小程序


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


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

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


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

  • 争取周更 「白豆编程记录」 ,主要复盘一周学习的状态和思考

  • 个人网站改版之后 学习阮一峰老师写技术博客

  • 和朋友、刚计算机专业大一的表弟聊天讨论

  • 回答知乎上相关的基础问题


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


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

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

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

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


Image




Image


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

freecodecamp  九个章节;

录入 Anki  35个知识点;

重读 Derek Sivers 技术博客。


小白入门,希望技术大佬们多多指教!


Image

录入anki的知识点


推荐阅读:

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

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


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

JavaScript CSS 编程 Freecodecamp
Theme Jasmin