零基础如何学好Web，IT大佬给你一份满意的答案，附视频教程

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

基本部分

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

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

先进的部分

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

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

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

1）框架。

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

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

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

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

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

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

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

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

升级的一部分

通过以上的知识，对于大多数小型站点，您应该已经能够编写可以工作的代码了。但是，如果你想成为一个更专业的前端，你需要继续努力工作。更高的要求有四个方面：

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

2）可测试

3）高性能：”高性能的java”必须读

4）低流量（移动终端）：移动端受到更多的关注。

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

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

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

2，后端。

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

3，Android和iOS开发。

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

当大家有了一些HTML的静态布局的基础，那么我们学完HTML、CSS这些最简单的东西就算是有了小小的入门，知道了Web前端到底是做什么的，那么我们入门之后应该学习哪些系统的前端知识体系呢？如果我们大家选择自学，那么我们就应该根据个人的学习能力，制定好每天学习“量”

今天小编帮大家梳理了一条学习路线。

老规矩：转发+关注并私信小编：“资料”即可免费获取以上全套web前端开发视频教程哦！