前端开发怎么学?要学哪些知识?（前端开发要学哪些东西）

说到网站开发这个词，想必大家并不会陌生？

当对于想学习网站开发的人来说，想学前端又不知如何入手。在这边笔者简单的为大家介绍一下：

（ps：前端知识点更新迭代很快，在此笔者会不定期的更新新内容）

一个网站的开发分为前端和后端，前端主要负责一些页面效果展示和页面交互，以及与后端服务端的交互通信，及一些逻辑的处理。其最主要的价值是用户体验的完善。大体可以按照如下学习思路进行学习：

前端基础知识点：

一、html + css 这部分建议在 w3school 在线教程 上先了解一下基础知识，边学边练，每个知识点都有小测试。 再之后可以模仿一些自己喜欢网站

做些基础页面，在此建议可以试着做商城界面。

二、网页脚本语言 javascript 要学的内容相对会比较多，如果没有其他编程语言的基础的话，因为涉及到的编程的逻辑思维较多。学起来可能要费些力，还是建议先在 w3school上学习。和前面一样，多看多学多测试，之后建议看一下书籍系统的巩固一下。书籍知识后面的文章会说明到。

笔者注意到一些初学者比较喜欢看视频教程，说明会比较详细，在这给大家推荐一个 慕课网-程序员的梦工厂 相对内容对初学者还是有所帮助的。

三、前端需具备的一个基础技术是ps 简单的ps操作，切图还是要掌握的。

掌握了一定的基础知识，现在可以进行一些前端网站开发了。

下面简单的介绍一下这些名词及学习方法

CSS

层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

对于css学习，首先是要了解的基础概念有：盒子模型，流动，block，inline，层叠，样式优先级，定位等，然后进行页面实践。

javascript：

上述内容，并不能进行js编程。你仍需要学习的知识点有：

1.js基础框架：首先建议先从jQuery 框架学起，封装好的js框架，让你更快的入手。

2. 复杂框架：有一定的脚本基础后，我们可以进行更复杂js框架学习，目前主流的js框架有： react、vue、angular 等不直接操作dom的框架。复杂框架是用来解决复杂问题的。对于基础页面来说原生JS足以胜任。对于类似一些大型的管理系统这类交互复杂，开发量大的系统，可以选择使用这类框架。而对于框架的话，在于理解而不在于表面的使用。

3. javascript 语言概念：只有对象,没有类;对象继承对象,而不是类继承类。原型对象”是基于原型语言的核心概念。原型对象是新对象的模板，它将自身的属性共享给新对象。一个对象不但可以享有自己创建时和运行时定义的属性，而且可以享有原型对象的属性

javascript不完全是一个面向对象的语言，它的很多设计理念都有函数编程语言的影子，甚至说如果你不用面向对象，完全可以把它理解成一门函数式编程语言。javascript的很多语言特性，都是因为他具有函数式语言的特点才存在的。这部分推荐先学习面向对象的基本理论，对封装，继承，多态等概念要理解。

4. javascript 语言机制：

必须弄清如下概念：js中变量的作用域，变量传递方式，函数的定义环境与执行环境，闭包，函数的四种调用方式（一般函数，对象的方法，apply，call），以及四种调用方式下，‘this'指向的是谁。

5. dom编程，这个web前端工程师的核心技能之一。在此可以参考 JavaScript HTML DOM 对象

6. ajax编程，这是页面无刷新请求，这也是必须要掌握的一个知识点。

了解完以上知识点，接下去就是在不断的实践中去成长起来。想学前端就是多花时间多学多问多练。

“放下浮躁，脚下不坚实，任何梦想都会缥缈” —— YAOWEIA