转行学习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 需要掌握的知识点如下所示：

1. 属性
2. 事件
3. 标签
4. 字符集

CSS

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

1. CSS基础教程

2. CSS样式

• 背景
• 文本
• 字体
• 链接
• 列表
• 表格
• 轮廓

3. CSS框模型

• 内边距
• 边框
• 外边距

4. CSS定位

• 相对定位
• 绝对定位
• 浮动

5. CSS选择器

• 元素选择器
• 选择器分组
• 类选择器
• ID选择器
• 属性选择器
• 后代选择器
• 子元素选择器
• 相邻兄弟选择器
• 伪类
• 伪元素

6. CSS高级

• 对齐
• 尺寸
• 分类
• 导航栏
• 图片库
• 图片透明
• 盒子模型
• 媒体布局

web 前端开发特辑

Web前端技术特辑：HTML样式​www.bilibili.com

 

思维导图

HTML+CSS

三、HTML5+CSS3

HTML5

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

1. HTML5视频
2. HTML5音频
3. HTML5拖放
4. HTML5画布
5. HTML5 SVG
6. HTML5地理定位
7. HTML5 Web存储
8. HTML5 应用缓存
9. HTML5表单

HTML5 可以使开发者