转行学习web前端开发，需要哪些工具和需要学习什么-CSDN博客

本文链接：https://blog.csdn.net/2401_83974370/article/details/137522824

CSS3边框
CSS3背景
CSS3文本效果
CSS3字体
CSS3 2D转换
CSS3 3D 转换
CSS3 过渡
CSS3 动画
CSS3 多列

思维导图

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

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

总结

三套“算法宝典”

28天读完349页，这份阿里面试通关手册，助我闯进字节跳动

算法刷题LeetCode中文版（为例）

人与人存在很大的不同，我们都拥有各自的目标，在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人，但是我深刻知道自己想要的是一年比一年有进步。

最后，我想说的是，无论你现在什么年龄，位于什么城市，拥有什么背景或学历，跟你比较的人永远都是你自己，所以明年的你看看与今年的你是否有差距，不想做咸鱼的人，只能用尽全力去跳跃。祝愿，明年的你会更好！

由于篇幅有限，下篇的面试技术攻克篇只能够展示出部分的面试题，详细完整版以及答案解析，有需要的可以关注

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

2637cff31846545fe430.png)

算法刷题LeetCode中文版（为例）

由于篇幅有限，下篇的面试技术攻克篇只能够展示出部分的面试题，详细完整版以及答案解析，有需要的可以关注

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-pCAYcs01-1712579451579)]