1、前端开发前期相关工具
photoshop：主要学习运用与前端相关工具，了解UI与前端的关联。
axure：原型设计，通过设计原型了解网页基本结构，结合ps对UI有更好的理解。
webstorm：前端开发主流工具，需要熟练掌握，多加练习。
2、各工具的使用
photshop：比较重要的抠图（套索，快速选择，*魔棒，*钢笔等）、切图（参考线）需要熟练掌握。
axure：对网页结构和排版有比较精确的认识，运用各元件还原网页（*动态面板）。
webstorm：进入代码部分，通过多练习来熟悉标签和语法。*理解通用的逻辑思维，理解各标签之间逻辑上的联系。
3、培养正确的逻辑思维，理解html语言的基本逻辑*
对工具或者代码的使用固然是非常重要的一部分，但如果只对工具或者代码死记硬背，没有理解到它们之间最基本的逻辑联系和规律，依然很难灵活运用各种功能。深入浅出，结合生活中的逻辑对照理解，跳出惯性思维，能够更加深刻地掌握所学习的东西。
同时对语法和标签等需要熟悉的东西要多练习，熟能生巧。