本文介绍了转行学习Web前端开发所需的学习路径和工具。首先推荐了VSCode等开发工具，接着详细讲述了HTML+CSS的基础和进阶，包括HTML5和CSS3的新特性。然后，介绍了JavaScript的基础和进阶，DOM操作以及jQuery的使用。进一步讲解了Vue和React框架，Node.js以及Webpack。此外，还提及了数据库Mysql和Redis的基础，以及项目管理和版本控制工具如Git和SVN。最后，提到了小程序开发和常用框架的使用。
刚开始学习的话开发工具建议是下载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选择器
- 元素选择器
- 选择器分组
- 类选择器
- ID选择器
- 属性选择器
- 后代选择器
- 子元素选择器
- 相邻兄弟选择器
- 伪类
- 伪元素
6. CSS高级
- 对齐
- 尺寸
- 分类
- 导航栏
- 图片库
- 图片透明
- 盒子模型
- 媒体布局
web 前端开发特辑
Web前端技术特辑：HTML样式www.bilibili.com
思维导图
HTML+CSS
三、HTML5+CSS3
HTML5
HTML5 作为 HTML 的最新版本，引入了多项新技术，大大增强了对于应用的支持能力，使得Web技术不再局限于呈现网页内容。
- HTML5视频
- HTML5音频
- HTML5拖放
- HTML5画布
- HTML5 SVG
- HTML5地理定位
- HTML5 Web存储
- HTM
最低0.47元/天 解锁文章
扫一扫
1316
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
