Web学习资料汇总

CSS 教程/资料类

  • 实战教程:https://www.freecodecamp.org/learn/responsive-web-design/
  • W3C教程:https://www.w3schools.com/css/
  • MDN基础教程:https://developer.mozilla.org/en-US/docs/Learn/CSS/First_steps
  • 30分钟学会Flex:https://zhuanlan.zhihu.com/p/25303493
  • 阮老师的Grid教程:http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html
  • 阮老师的定位教程:https://www.ruanyifeng.com/blog/2019/11/css-position.html

CSS 项目类

上述实战教程的5个完整页面demo:

  • https://codepen.io/freeCodeCamp/full/zNqgVx
  • https://codepen.io/freeCodeCamp/full/VPaoNP
  • https://codepen.io/freeCodeCamp/full/RKRbwL
  • https://codepen.io/freeCodeCamp/full/NdrKKL
  • https://codepen.io/freeCodeCamp/full/zNBOYG

20个前端练手项目(html css pure js):https://github.com/bradtraversy/vanillawebprojects

Vue项目

  • https://juejin.cn/post/6844903476661583880
  • https://github.com/lin-xin/vue-manage-system
  • https://github.com/bailicangdu/vue2-manage
  • https://github.com/bailicangdu/vue2-elm
  • https://github.com/Exrick/xmall-front
  • https://github.com/zhaohaodang/vue-WeChat
  • https://github.com/jiangqizheng/vue2-MiniQQ
  • https://github.com/buqiyuan/vue3-antd-admin vue3 + antd
  • https://github.com/mtianyan/VueDjangoAntdProBookShop

好用工具

设计资源

传送门

Leave a Reply

Your email address will not be published. Required fields are marked *