杂谈 – 第 4 页

最近手头的AWS SaaS项目暂停了,被调到另一个产品组帮忙, 改写界面. 准备前端用React. 我对前端的认知还停留在HTML, 完全无从下手的感觉. 虽然内心是很想在数据的技术和行业领域能深耕精进,但现实中则是哪里需要哪里去. "转行"做前端, 试试现在学习能力是长进了还是衰退了.

资料索引

先放出收集的学习资源索引,接下来几天要学习+操练了.

Web 基础

Web 开发必备常识 https://www.youtube.com/playlist?list=PLK2w-tGRdrj7BxYFryNVGgAVD7nTzfSoA
你每天都在使用的HTTP协议，到底是什么鬼？ https://mp.weixin.qq.com/s/AK1Pb9rx0q5Hf8dq6HNOhw
JavaScript https://wangdoc.com/javascript/
Yaml基础 https://www.xncoding.com/2015/05/22/fullstack/yaml.html
HTML, CSS, JavaScript, ES6

React 知识

React 入门实例教程 https://www.ruanyifeng.com/blog/2015/03/react.html
React Lifecycle http://projects.wojtekmaj.pl/react-lifecycle-methods-diagram/
React 教程菜鸟 https://www.runoob.com/react/react-tutorial.html
React 教程 W3CSchool https://www.w3schools.com/REACT/default.asp
React 视频教程 45集 https://scrimba.com/g/glearnreact
React.js 小书 http://huziketang.mangojuice.top/books/react/
React 技术栈系列教程 http://www.ruanyifeng.com/blog/2016/09/react-technology-stack.html

Web 工具

vscode getting start https://code.visualstudio.com/docs/?dv=win
WebDev Online IDE ref1 ref2 ref3
Chrome DevTools https://developers.google.com/web/tools/chrome-devtools
CHROME开发者工具的小技巧 https://coolshell.cn/articles/17634.html

React 库

React UI component https://precise-ui.io/
拖放库 https://github.com/atlassian/react-beautiful-dnd
原型设计 https://github.com/React-Proto/react-proto
Echarts的React封装 https://github.com/dawiwt/react-component-echarts

搜索过程

就像看书先看目录,我得先找些适合我学习的资料. 除了Google, GitHub外, 我发现阮一峰的网志真是好东西. 他写的东西对新手特别友好, 对于做前端的人, 或者说多数程序员来说, 看他的博客一点都不无聊. 特别是近两的他整理的科技爱好者周刊, 反正我是恨不得一下看完99期.

这周刊是MarkDown格式放在GitHub上的, 所以可以拉到本地, 在 Typro 中打开repo目录, 就可以非常惬意的在本地阅读了. 因为是MarkDown全文本, 还可以全目录搜索, 爽歪歪.

工欲善其事，必先利其器。
电脑上截图方法：
1 Windows自带工具，Win+R或Win搜索框里输入 snippingtool 回车，跳出截图工具。Win10上 Win+Shift+S 开始区域截图.
2 输入法自带，切换到QQ输入法，Ctrl+Alt+Q，截图后还可简单标记。搜狐输入法也有。
3 使用截图软件，以前开机启动Hypersnap，现在基本被输入法替代。
4 自从CovID-19 疫情爆发后, 在家办公不得不登陆微信, PC上的截图只使用Alt+A.

电脑上录屏方法：
1 Win10机器上，Win+G 调出游戏工具栏，开始录屏，默认保存在用户Video（视频）目录下，效果不错。
2 打开一个PPT (office 2013及以上)，”插入”->”屏幕录像”, 然后就是选区域开始录，可录话筒音但不同步自带音，Win+Shift+Q结束录制。PPT页面上点右键，可将它保存为mp4。
3 录屏工具，太多了，很多要钱。
Bandicam 有破解版本，或者用OSB Studio吧，开源解决方案。

分类：杂谈

你看到的人不一定真的是他