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

2401_84447362

已于 2024-05-04 03:49:52 修改

阅读量838

点赞数 12

分类专栏：程序员文章标签：学习前端

于 2024-05-04 03:49:50 首次发布

本文链接：https://blog.youkuaiyun.com/2401_84447362/article/details/138431635

版权

程序员专栏收录该内容

146 篇文章

订阅专栏

本文详细介绍了从HTML5和CSS3开始，深入探讨了JavaScript的基础、进阶内容，包括DOM/BOM操作、jQuery、ES6、Vue、React、Node.js、Webpack、数据库（MySQL、Redis）和项目管理（SVN、Git）。此外，还涉及前端面试技巧和相关资源分享。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

HTML5+CSS3

四、JavaScript

JavaScript 是 web 开发者必学的三种语言之一，这里我们需要区别 JavaScript 和 Java 他们是完全不同的语言，不论是概念还是设计。javascript 部分需要我们学习的知识点如下所示：

认识JavaScript
基本语法
变量
数据类型

字符串
数字
布尔
数组
对象
Null
Undefined

5. 函数

内置函数
自定义哈数

6. 运算符

7. 流程控制

8. DOM对象

String
Array
Date
Boolean
Math
Number

9. BOM对象

WIndow
Navigator
Screen
History
Location

10. 综合实例

思维导图

javascript

Web前端开发特辑

Web前端技术特辑：BFC讲解_哔哩哔哩 (゜-゜)つロ干杯~-bilibiliwww.bilibili.com

阶段二

一、JavaScript进阶

JS 进阶主要学习构造函数，原型对象，继承的多种实现方式，原型链，函数的本质，闭包，沙箱等。

二、DOM+BOM综合演练

三、网页特效

四、 Jquery学习

1. 基础语法

2. 选择器

基本选择器
层次选择器
过滤选择器
表单选择器

3. DOM操作

查找节点
创建节点
插入节点
删除节点
复制节点
替换节点
包裹节点
属性操作
样式操作

4. 事件

事件绑定
事件冒泡

5. 动画

show、hide
fadeIn、fadeOut
slideUp、slideDown
自定义动画animate
动画回调以及停止动画

6. 常用工具

浏览器及特性检测
数组和对象操作
Layer UI，主要学习栅格布局，图标，动画，按钮，表单，导航，选项卡，进度条，面板，表格，时间线等

7. Ajax

8. Jquery插件编写

思维导图

Jquery

五、ES6进阶

六、Bootstrap

七、其他

animate.css学习（扩展）
PS切图学习

思维导图

JS 相关和其他扩展部分

阶段三

一、Vue

Vue基础

模版语法
计算属性侦听器
Class与Style绑定
条件/列表渲染
事件处理
表单输入绑定
组件基础、注册
Prop
自定义事件

2. Vuex

State
Getter
Mutation
Action
Module

3. Vue-router

认识路由
动态路由
嵌套路由
编程式导航
路由组件传参

4. axios

认识axios
全局配置
发送POST、GET请求等

思维导图

VUE

二、React

认识React
React元素渲染
JSX
组件
State
Props
事件处理
条件渲染
列表
组件API
组件声明周期

思维导图

React

三、Node

基础

console（控制台）
crypto（加密）
debugger（调试器）
fs（文件系统）
http（网络）
os（操作系统）
path（路径）

2. 高级

NPM介绍及使用
MVC模式简介
Express框架学习
链接Mysql
链接Redis
项目实战

思维导图

Node

四、webpack

概念

主要讲什么是入口，出口，loader，插件等

2. 入口

单个入口语法
对象语法
常见场景

3. 输出

用法
多个入口起点
高级进阶

4. 模式

development
production

5. loader

实例
配置

6. 插件

剖析
用法
配置

7. 配置

基本配置
多个Target
使用其他语言配置

8. 模块

思维导图

webpack

阶段四（扩展部分，了解即可）

一、Mysql

阶段一

认识mysql
安装mysql
创建数据库、数据表
学习常用的SQL命令，完成增删查改

2. 阶段二

学习Mysql关联查询，子查询等
学习Mysql常用函数
学习Mysql分组、分页、排序等

3. 阶段三

学习Mysql高级查询
了解存储过程，自定义函数等
了解Mysql配置文件

二、Redis

认识Redis
学习redis的数据类型
redis常用操作
redis事务

思维导图

数据库

阶段五

一、项目管理篇

SVN使用

认识svn
安装
生命周期
启动模式
创建版本库
检出操作
解决冲突
提交操作
版本回退
查看历史
分支
标签

2. GIT使用

认识git
安装配置
工作流程
工作区、暂存区和版本库
创建仓库
基本操作
分支管理
查看历史等
标签
github

二、扩展部分

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

给大家分享一些关于HTML的面试题。

W1nLmNvbS84MC92Mi0yNjNmM2RhMWExYjgwNWE5NjJlYmU0MzIzYzMzY2ExZV83MjB3LmpwZw?x-oss-process=image/format,png)

数据库

阶段五

一、项目管理篇

SVN使用

认识svn
安装
生命周期
启动模式
创建版本库
检出操作
解决冲突
提交操作
版本回退
查看历史
分支
标签

2. GIT使用

认识git
安装配置
工作流程
工作区、暂存区和版本库
创建仓库
基本操作
分支管理
查看历史等
标签
github

二、扩展部分

最后

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

给大家分享一些关于HTML的面试题。

[外链图片转存中…(img-lTDfMbvp-1714765773446)]
[外链图片转存中…(img-0AImFXHO-1714765773447)]