Web专业开发学习路径

[ShixiangWang]

关于 Shiny，我之前写过一个博客：Shiny 开发学习路径

这里主要分享下剑峰提供的学习路径，可供团队内的成员进行参考学习。

https://www.runoob.com html/css/javascript/XML DOM/SQL 过一遍；同步熟悉浏览器调试界面、本地 node 命令行调试和 npm 包管理；框架可以先学最新的 Vue3 + Vite（React 可能相对难一点），再熟悉一下 es5 和 es6 的一些语法；之后上手 Vuetify UI 框架或者国内的 Element/Ant Design，同步可以考虑学下 typescript（非必须；相当于强制声明变量类型）；然后就是其他一些 JS 第三方库（比如时间、uuid 生成、pm2、babel 之类的；很多是根据实际需求再去查也可以）和一些开源脚手架或者模板（很多有用的组件被提前打包好的仓库，可以直接上手修改和开发，减少一些重复工作）。后端的话可以考虑先用 nodejs express 框架入门（顺便巩固前端学习过程中的一些编码经验和库）；然后还要去了解 web 应用部署可能涉及的一些 nginx、域名、CDN 之类的； Golang gin 或者 Python 的 Flask / FastAPI，也都是比较成熟的后端框架，性能都很不错的，最后实际开发就是看哪种学的比较顺手就用哪种来了。

-- 李剑峰

Shiny 推荐学习资源列表

• https://github.com/Appsilon
• https://github.com/daattali/advanced-shiny
• https://jokergoo.github.io/simona/articles/v09_shiny.html

JS 等推荐学习资源列表

• https://www.ruanyifeng.com/blog/2012/06/sass.html
• https://chromoscope.bio/