前端开发的步骤

1.首先，从基础的HTML语言开始学习。网页的所有内容都是基于HTML的。想学好HTML，不要用什么集成工具，用文本编辑器，直接从最简单的HTML开始写就可以了。首先，从网上下载记事本++文本编辑器。一个好的文本编辑工具可以达到事半功倍的效果。

2.w3shcool网站提供各种前端开发教程，其教程非常适合初学者学习。按照教程的每一步，边学边写html，学习基本的html语言语法。

3.学了基本的html，没有JavaScript，网页永远只是一张静态的纸。下一步是结合JavaScript深化前端开发。原有的JavaScript非常难用，对初学者的门槛比较高。但是，如果你从Jquery开始，你会发现js是如此的灵活奇妙，会让你彻底喜欢上前端开发。用w3shcool的jquery教程再学一遍。

4.在学习jquery的时候，你会发现jquery可以动画化和修改页面的显示效果，这样你自然需要了解css。w3school在这里又会有用了。这时候你可以根据教程学习基本的css语法，你会发现它的选择器和jquery很像，这其实也是jquery强大的原因。学完css，你会发现你终于可以做出漂亮的页面，而不是那些老套的条条框框。

5.学习了以下前端开发的基础知识后，可以再次下载nginx服务器。安装使用非常简单，让你知道一个网站在服务器上是如何工作的，如何通过一个http地址访问你的网页，如何把你的网页分享给别人。这样你就从入门级别毕业了，你就能升到高级级别了！

6.这时候你可以选择学习原生JavaScript来了解jquery的原理，然后学习html5，使用一些开源的css框架。