最近手头的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全文本, 还可以全目录搜索, 爽歪歪.
