做软件开发就是从事编程开发工作。一定要先学好语法基础，通过语法形成产品效果。

前端开发的基本语法由HTML+CSS+组成，这是前端开发最基本的三种语言。

网页布局基础：HTML+CSS

HTML 是超文本标记语言，是构成 Web 内容的最基本语言。可以直接说它是网页的骨架，网页的图片、文字、视频、音频、节目都需要引入到网页中才能体现出来。

将 HTML 用作网页还不够，还要有内容。因为它只是HTML，所以只能作为布局来勉强做一个成型的网页。但是从Web2.0时代开始，就采用了盒模型布局方式，即采用DIV+CSS来实现布局。

CSS 是一个级联样式表。使用 属性来布置标签。当布局不再使用时，只要用CSS样式来实现网页标签的相应布局就是正确的开发方法。

HTML(div)+CSS 布局是入门的基本步骤。在此阶段，您需要学习的内容包括：

1.标签语义，SEO

2.页面加载的过程和原理

3.网页结构

4.Box 模型（W3C 盒模型和 IE 盒模型）

5.CSS 选择器

6.CSS 布局浮动、定位

刚开始大家学的布局方式基本都是以px为单位的静态布局方式。熟悉布局方法，先给自己一个小目标，做一个简单的电商网页基本结构，无特效，无交互。

浏览器脚本语言：

是我们前端开发学习中非常重要的内容，也是大家经常陷入的难点。可以说是互联网时代使用率最高的脚本语言。在网页中，所有的数据渲染和特效交互都需要用到影响浏览器的显示。

不仅仅是开发网页特效和渲染数据的重要内容。在学习前端开发的后期前端编程语言，在大量使用算法和框架的时候，也有很多基础的测试。

基础阶段需要注意学习：

1. 关键字说明

2.基本数据类型、数组

3.

4.面向对象编程

5. 链，闭包

6.JSON

7.Ajax

8.DOM（文档对象模型原生DOM操作）

9.事件捕获、冒泡、代理

10.常用函数方法

11.ES5、6、7

部分学习，主要是看懂交互原理，把原理分析清楚，真正懂语法，那么逻辑有多复杂就容易写了。

这些是零基础学习必备的一些基础内容。入门级前端开发需要掌握的最基础的东西，对基础的理解好，可以为后续的学习做更多的准备。

多终端进阶学习

除了基本的PC端，目前移动端可以说非常流行。

不同于PC端的单个网页，移动端的技术可以应用于WEB-APP、小程序、-App等

网络应用

是我们常用浏览器（以及微信等内置浏览器）打开的大型移动网页。比如我们常见的电商网站、功能网站、管理网站，在布局和功能上都有APP的作用。

要做好Web-APP开发，很多最基础的人肯定会说响应式布局，但前端开发有五种布局方式。除了众所周知的响应能力，移动端还有最重要的灵活布局方式。 ,这是很多人头疼的rem布局

除了布局方式，H5的新特性、触屏事件、设备兼容性问题也需要触手可及。

小程序

这个不用多说，可以说现在非常流行。各大平台都在做自己的小程序，各种讨价还价、抢票、电商、游戏都在用。以微信小程序为例，这个主要是微信团队基于前端基础开发的封装语法，主要是ES语法。目前很多公司招聘小程序做前端开发，没有独立的小程序开发工程师。因此，小程序可以说是前端工程师高薪就业的加分技能，换句话说，是成熟开发的必备技能。

-应用

又称混合APP，可能很少有人听说过，但18年开发的人越来越多。这种APP可以直接制作下载到终端。可以说是经验。已经具备了传统APP的大部分功能。这种开发门槛低，也就是可以完成前端开发。大部分都可以在大包平台上完成，以后可以了解这个。

前端主流技术框架

前面的都是基础的东西。现在做前端开发，不只是靠基础的东西，移动页面也算是成熟了。三个前端框架，VUE，这三个现在可以说非常火了。

一个可以用基本语法写出来的前端，我们为什么需要一个框架？

很多新手朋友不明白什么是框架。他们只听说过这些东西，还以为是一个框架。或者认为框架是为了加速开发，认为这些库、插件可以完成框架的工作。

其实，框架的出现，是改变前端地位的重要标志。最重要的表现是前后端分离。在前后端分离之前，很多后端开发者都是父亲和母亲。效果不好，效率不高。我出生在后端，我知道痛苦。

当前的前端项目比以前更加复杂和多样化。项目复杂，问题较多。

该框架解决了什么问题？

解决重复引用外部js。以开发为例。在很多情况下，单独完成一个项目是不可能的。需要引用很多第三方插件和库，导致项目中引入了很多外部JS文件。

这样不仅使代码凌乱，而且影响打开速度。但是使用一个框架，以VUE为例，一般会配合构建工具，然后就可以完成一个入口文件，运行时在入口中引入一次，一劳永逸。

使用基于组件的开发。组件是前端框架中非常强大的功能之一。它可以扩展您的 HTML 并封装可重用的代码块，例如您的轮播图、选项卡切换、页眉和页底等等。

这个独立的组件具有完整的结构（html）、性能（css）和行为（js）功能，大大节省了代码量，提高了代码的复用性。尤其是团队合作时，可以大大提高使用效率。

缩短开发周期。如果您认为可以缩短开发周期前端编程语言，那么框架实际上可以比库更快。比如在使用和开发的时候，很多时候需要频繁的操作DOM，每个效果都要搜索DOM，非常繁琐。使用框架时，封装了很多功能。例如，许多命令具有数据绑定和数据格式化功能。所以更多时候，我们只需要在开发时关注数据的逻辑即可。

终于

这些是我们学习网页制作、网页应用开发、学习前端开发的必备知识点。给大家介绍一下学习路线。

如果你是前端新手或者打算转行前端行业，不知道以后怎么学习，可以加入我成立的自学群，签到一起学习每天分享学习资料，定期组织实践项目，匹配学习伙伴，我会严格监督你。