初学前端需了解什么？常见工具有哪些？

想要学习前端开发，你是否正感到迷茫和不知所措？别担心，每一个前端大牛都是从零开始，一步步走向成功的。那么，初学前端需要了解哪些知识点呢？又有哪些常见的开发工具可以帮助你提高学习效率呢？接下来，小编将为你一一解答，带你走进前端的世界，开启你的网页开发之旅。

1、Sublime Text

Sublime Text是一个跨平台的代码编辑器，同时支持Windows、Linux、Mac OS X等操作系统，也是HTML和散文好的文本编辑器。Sublime Text具有漂亮的用户界面和强大的功能，主要功能包括:拼写检查，书签，完整的Python API，Goto功能，即时项目切换，多选择，多窗口等等。

2、Dreamweaver

Dreamweaver是集网页制作和管理网站于一身的所见即所得网页编辑器，拥有可视化编辑界面，支持代码、拆分、设计、实时视图等多种方式来创作、编写和修改网页，初学HTML5的人可以无需编写任何代码就能快速创建Web页面。

3、Adobe Edge

Adobe Edge是一款新型网页互动工具，允许设计师通过HTML5、CSS和JavaScript制作网页动画。Edge的一个重要功能是Web工具包界面，方便确保页面在不同浏览器中的架构一致性。

4、WebStorm

WebStorm是一款JavaScript开发工具，目前已经被广大JS开发者誉为"Web前端开发神器"、"强大的HTML5编辑器"、"比较智能的JavaScript IDE"等。WebStorm具有的优势是：智能的代码补全、代码格式化、html提示、联想查询、代码重构、代码检查和快速修复、代码调试、代码结构浏览、代码折叠、包裹或者去掉外围代码。

5、Sencha Touch

Sencha Touch是 的应用程序开发框架，其设计旨在充分利用HTML5、CSS3和Javascript来实现比较g级别的功能、灵活性和优化。Sencha Touch是针对下一代具有触摸屏设备的跨平台框架。

6、DevExtreme

DevExtreme是专为你的移动世界精心准备的，一个跨平台开发的HTML5/JS框架，可以构建iOS、Android、Tizen和Windows Phone 8应用程序，是Visual Studio开发人员开发跨平台移动产品的优选工具。

7、Dojo Foundation Maqetta

Dojo Foundation Maqetta是为桌面和移动设备开发HTML5应用的开源工具，支持在浏览器中查看HTML5界面。用户体验设计师可以通过拖放组装UI样板。

除此之外，还有很多优质的HTML5开发工具，在此就不一一列举了。如果你想快速加入HTML5开发行列实现高薪，建议你参加专业的学习。