转行学习web前端开发，需要哪些工具和需要学习什么？

 

　　刚开始学习的话开发工具建议是下载VScode，当然主要的还是看自己比较喜欢和习惯用那个下面是一些常用的开发工具，在学习前端之前，先把工具准备好，没有金刚钻怎么揽瓷器活？所以准备了如下的一些开发工具，这里推荐使用VSCode。

 

　　1. WebStorm

 

　　2. Dreamweaver

 

　　3. HbuilderX

 

　　4. Sublime Text

 

　　5. Vim（高手使用较多）

 

　　6. VSCode

 

　　思维导图

 

　　二、HTML+CSS 部分

 

　　HTML

 

　　掌握 HTML 是网页的核心，是一种制作万维网页面的标准语言，是万维网浏览器使用的一种语言，它消除了不同计算机之间信息交流的障碍。因此，它是网络上应用最为广泛的语言，也是构成网页文档的主要语言，学好 HTML 是成为 Web 开发人员的基本条件。

 

　　HTML 是一种标记语言，能够实现 Web 页面并在浏览器中显示。

 

　　HTML 需要掌握的知识点如下所示：

 

　　CSS

 

　　学好 CSS 是网页外观的重要一点，CSS 可以帮助把网页外观做得更加美观。CSS 需要我们学习如下部分：

 

　　1. CSS基础教程

 

　　2. CSS样式

 

　　3. CSS框模型

 

　　4. CSS定位

 

　　5. CSS选择器

 

　　6. CSS高级

 

　　web 前端开发特辑

 

　　思维导图

 

　　三、HTML5+CSS3

 

　　HTML5

 

　　HTML5 作为 HTML 的最新版本，引入了多项新技术，大大增强了对于应用的支持能力，使得Web技术不再局限于呈现网页内容。

 

　　HTML5 可以使开发者的工作大大简化，理论上单次开发就可以在不同平台借助浏览器运行，降低开发的成本，这也是产业界普遍认为 HTML5 技术的主要优点之一。

 

　　CSS3

 

　　CSS3使用了层叠样式表技术，可以对网页布局、字体、颜色、背景灯效果做出控制。css3作为css的进阶版，拆分和增加了盒子模型、列表模块、语言模块 、背景边框 、文字特效 、多栏布局等等。

 

　　CSS3的改变有很多，增加了文字特效，丰富了下划线样式，加入了圈重点的功能。在边框方面，有了更多的灵活性，可以更加轻松地操控渐变效果和动态效果等等。在文字效果方面，特意增加了投影。

 

　　CSS3在兼容上做了很大的功夫，并且网络浏览器也还将继续支持CSS2，因此原来的代码不需要做太多的改变，只会变得更加地轻松。