网站的开发和开发分为前端和后端两个部分。前端主要负责实现可视化和交互效果，并与服务器通信完成业务逻辑。其核心价值在于追求用户体验。如果您现在是一个零基础的学生，您可以了解系统如下：

基本部分

1，这个部分学习html，可以模仿一些网站做一些页面。在积累了一些实践经验之后，我们可以系统地阅读一两本书，并推荐中文首版HTML和CSS。这本书太详细了，我读不起。你可以根据情况考虑一下。

2、java学习的内容是很多的，如果没有其他编程语言的基础上的，它可能需要一些建议，并立即看到“JS”java语言的精华，是一个非常混乱的语言，这本书可以帮助你区分语言的本质是什么，这是糟粕。语言的本质应深入研究。渣滓部分可以读别人写的代码，你不必去尝试它。

先进的部分

有了上述基础，就可以完成一般静态网页设计，但对复杂页面需要进一步学习。

1，CSS。您必须看到“主CSS”。读完这本书后，您应该非常了解Box模型、流、块、内联、堆栈、样式优先级等概念。作为练习，你可以看到书“CSS工匠”，它提供了详细的主题，背景，角落，导航栏，表格，表格等的描述。

2、java。以上内容不足以让你胜任js编程。基础之后，进一步学习包括：

（a）框架。

jQuery是推荐的，它简单易用，学习方法也非常简单。只需按照产品文档做几页，就不必全力以赴去做每一件事。在那之后，检查文件就可以了。该框架帮助您屏蔽浏览器的多样性，并使您能够更专注于Web开发和学习的精髓。补充：你可以使用Codecademy学习java，jQuery，和用户的体验是很好的（感谢TonyOuyang）。

B）java语言范式。这个名字可能不合适，但我找不到两个概念，可以描述“面向对象”，“功能”。java是一种面向对象的语言。它的许多设计概念都有函数编程语言的影子。即使你不使用面向对象技术，它也可以理解为一种函数式编程语言。

许多java语言特征的存在是因为他有一个功能性语言的特点。本部分首先介绍研究的基本理论，面向对象的封装、继承、多态性等概念来理解，维基百科，百度百科将是你的帮手，也建议“java面向对象”，应该有中文版。我不知道我对函数式编程有什么了解，对它我也不太了解，我可以用百度做。

C）对java语言的内在机制。我们必须理解以下概念：JS变量范围、变量传输模式、环境定义和执行环境、闭包、四个调用函数（一般函数、对象方法、应用程序、调用）和四个调用，“谁是这个点”。这部分内容将在“java语言本质的详细”。此外，你必须理解JSON。

（d）DOM编程，Web前端工程师的核心技能之一。要读“DOM编程艺术”，和书中的一部分“高性能java对DOM编程也很好。

e）Ajax编程，这是另一个核心技术。ajax建议上网查一些信息，了解事件序列的概念，百度百科，维基百科的内容就足够了。真正的编程很容易，几乎所有的框架都有很好的ajax封装，编程也不复杂。

f）理解浏览器差异。这部分包括CSS和js的两部分。浏览器内容有很多差异，建议在实践中积累更多。除了浏览器的渲染模式，文档和其他内容应该系统地研究。

3、HTML5和CSS3。HTML5标准已经在2014年10月28日发布，移动终端的HTML5和CSS3已被广泛应用于许多领域，肯定会知道啊。

升级的一部分

通过以上的知识，对于大多数小型站点，您应该已经能够编写可以工作的代码了。但是，如果你想成为一个更专业的前端，你需要继续努力工作。更高的要求有四个方面：（1）易于维护，2）可测试，3）高性能，4）低流量（移动终端）。

易于维护。对于页面，您应该理解“样式”、“数据”、“行为”三个独立的，当然，对应的CSS、HTML、js。对于js代码，您最好了解设计模式、重构、MVC等等。

可测性。

高性能。”高性能的java”必须读

低流量。移动端受到更多的关注。

补充部分

前端项目也面临着软件生命周期的所有方面，首先，代码管理，你必须学会使用SVN、Git。其次是代码的构造。现在前端代码的构造并不是简单的压缩。它需要依靠管理、模块合并和编译。它需要学会使用咕噜咕噜声、吞咽声和其他前端构建工具。

以上只是前面学习的顺序。对于上一段的发展，这一基本内容，你可以根据你的兴趣选择以下内容。

1。交互设计。大公司仍然有专业人士来做这件事，但不明白，前端的互动不是一个好的前端。推荐“简约优先”。

2，后端。

应该说，以前的工程师必须知道至少一种后端语言，但如果爱好也可以深入研究，那么较低的难度应该是PHP。这一部分可以分为基于两个框架的页面。大型项目基于框架开发。建议了解至少一种MVC框架，如PHP的CI，Yii，YAF，等，和框架的设计思想非常相似。现在NodeJs已经被广泛的应用于大企业，并建议人们使用表达框架节点做一些后端服务。

3，Android和iOS开发。

今天，前端的领域非常广阔，本机界面的开发基本上是前端开发，大公司都面临着原生环境和网页环境页面同时维护的问题，如果能在技术上统一，将会有很大的价值。对于有学习能力的学生，我们应该了解母语发展的基本过程，至少要理解界面构建的技术。

最后，想学习web前端的小伙伴们！

请关注+私信回复：“学习”就可以拿到一份我为大家准备的web前端学习资料！