About this project

边学习边创建Figma插件

朋友推荐的教程

Niko推荐的前端技能树学习路径,核心思路和https://www.theodinproject.com/paths/foundations/courses/foundations的类似:https://andreasbm.github.io/web-skills/

Niko推荐的JS教程:https://javascript.info/variables(一定要看英文版的,中文版的太旧了)

教程内容

Figma、樊江涛推荐的教程:https://www.theodinproject.com/paths/foundations/courses/foundations

Git相关知识

Git官方使用教程:https://git-scm.com/book/zh/v2

不使用命令行的话直接用Github Desktop:https://desktop.github.com/

HTML+CSS

用来快速查询HTML、CSS等知识内容:https://devdocs.io/

在vsc中输入!,然后按下Tab 即可快速创建html头部

快速为全局内容添加一个红色的边来查看盒子 *{outline: 2px solid red;}

Flexbox

可视化教程,很好的解释了所有的属性:https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/#growing-and-shrinking-6

可视化flex属性的用途说明,但没有很好的解释flex这个属性:https://flexbox.malven.co/