零基础，如何自学前端？

Posted 2023-03-16

作为互联网时代直接触达用户的窗口，前端无处不在。

想要自学，你一定要静下心来学习，前端的知识点还是挺多的。

第一阶段：核心知识点

• CSS3 2D、3D 变换• CSS3 animation 动画• H5C3 炫酷页面开发• Flex伸缩布局• 移动端主流适配方案• 常见移动端样式兼容方案• 预处理器Less

第二阶段：核心知识点

• javascript 语言基础• BOM操作大全• DOM操作大全• 封装动画函数• JavaScript高级• 正则表达式• ECMAScript 2015（ES6）新语法• jQuery 快速开发• jQuery 插件开发

第三阶段：核心知识点

• 能够建立客户端服务器交互模型，熟悉网络通信相关概念• 能够使用 Node.js 进行 Web 服务端开发• • 基于Node.js开发Web应用• Express• RESTFul API• 原声AJAX、jQuery的AJAX相关API使用• 跨域请求及解决方案• 前端模板引擎

第四阶段：核心知识点

• 大数据可视化D3.js• Vue.js/Vue Router/Vuex/axios/Element-UI• Vue CLI脚手架工具• 使用Git、Github管理项目源代码• webpack• React.js / React Router / Redux / axios / Ant Design• create‑react‑app 脚手架工具• 项目打包及优化• 项目部署与开发

第五阶段：核心知识点

• 人工智能• 小程序开发• 小程序应用及页面的生命周期• 小程序运行机制• WePY小程序开发框架• 小游戏开发

第六阶段：核心知识点

• 二次开发• 团队协作• 团队管理工具• 源码管理工具• 源码管理及协作• 敏捷开发模式

参考技术A 可以买书看，也可以上网搜索教程，不过自学的话很多东西学不到，也可以考虑去找个学校。 参考技术B 千锋武汉网站上有完整的前端教学视频，知识讲授细致、练习步骤极其详细，多语言融合中有细分，阶段性项目巩固。还有完整版学习路线图。有需要的可以自己去下载学习试试。
不过自学的话，知识点学的不系统全面，学习效率很低，时间消耗长，可以考虑找个学校去系统学一下。 参考技术C 1.制定合理完善的学习计划
自学前端开发技术，一套合理完善的学习计划是必不可少的。小伙伴在学习前端开发技术过程中，要根据你所制定的学习计划进行学习，才能加强学习主动性。
2.基础知识的积累
小伙伴在自学前端开发技术之前要找到一些前端视频进行学习入门基础知识，最好是能够选择一套全面的、详细的、带有案例分析的前端视频来学习，这样可以让小伙伴更好的积累基础知识，扎实的学习基础知识才能快速的入门前端开发技术知识。
3.确定发展方向，以用为学
小伙伴在学习前端开发技术之前，要初步了解企业对前端开发技术的需求，从而确定自己的发展方向，针对性去学习前端开发技术知识，以用为学，这样才能在学习中提高学习效率，在工作中提升自身职业价值。
4.注重项目实战案例的练习
自学前端开发技术最大的弊端是只注重基础理论知识的学习，忽略了项目实战案例的练习。小伙伴想要通过自学前端开发技术找到工作，必须加强项目实战案例的练习，积累更多的实战经验才可以。 参考技术D 自学前端神助攻免费公开课，工作日每晚八点开课，谁看谁知道，戳https://ke.qq.com/course/320523?flowToken=1009318