前端学习到就业，到底需要怎么学？

进阶必读书籍：

• 《你不知道的 JavaScript 上/中/下卷》：必买书籍，将 JavaScript 的疑难问题，细节知识一网打尽。原版是 GitHub 上开源的电子书，英语水平高的可以去读英文原版。

• 《JavaScript 忍者秘籍》：深入讲解 JavaScript 的核心知识点，必买书籍。

• 《了不起的 JavaScript 工程师》：从宏观来看 JavaScript 语言，以及前端工程师所需要掌握的一些技能，推荐阅读

• 《JavaScript 函数式编程指南》：学习函数式编程思想

• 《JavaScript 函数式编程》：也是一本函数式编程思想的好书

• 《JavaScript 设计模式》：学习 JavaScript 设计模式，推荐阅读

• 《JavaScript 设计模式与开发实践》：另一本同等分量的设计模式书籍，推荐阅读

学到什么程度可以找工作？

---

优秀的Web前端工程师具备编写任何一个互联网系统的前端页面、交互代码的能力。

根据对100家互联网名企对Web开发工程师的招聘要求分析，企业要求主要有两部分，一个是核心要求，一个是辅助要求。

核心要求包括：

语言技术：JS基础和核心、HTML5、CSS3；

框架技术：JQuery、AJAX、BOM、DOM、AngularJS；

通讯协议技术：HTTP协议、服务端开发技术；

交互技术：UI交互设计

熟练使用 React 或 Vue 相关技术栈

具备前端工程化思维和实践经验，技术视野广阔，有主导前端技术方案设计的能力和经验，能够独立承担模块功能的前端开发工作。

…

辅助要求：

有1-3年Web工作经验（近80%的企业）、学历及相关专业、文档规范写作能力、团队合作能力、责任心。

学习建议

---

在你开始入手学习前，有一些小的建议。根据身边朋友学习的经验发现，这些建议在现在乃至以后的岗位生涯里都是有很大帮助的。还有就是开始学习前，建议可以先花几天时间，查找一些如何入门的文章，通过对许多文章及前人的建议。整理出适合自己学习的一套完整计划，然后在学习过程中，在自己对前端更加了解之后，做出一些计划的调整。我相信，在这样的计划学习之下比一来就开始学习具体知识要快速有效得多。

1、贵在规范：代码规范，不是说小白时期不重要，正是什么都不懂的时候，才要严格执行学到的规范。徐徐渐进，等到学有所成，渐渐地形成一套自己的代码风格。

2、贵在手写：最开始学习建议手写代码，哪怕只有一行代码，也要一个字母一个空格的敲打出来。

3、贵在动手：哪怕只有一行代码的事例，也要手动编写运行，而不是眼高手低，哦，好简单会了，就不动手了。

4、贵在基础：只有小白阶段把基础打好了（比如：HTML、CSS、Jquery），后续进阶难关才会更好克服。

5、贵在坚持：在觉得最难的时刻，坚持一下，天空会完全不一样。

6、贵在计划：制定相应的计划，并严格执行，否则一般学习效果大打折扣。

7、贵在一步一个脚印：前端要学习掌握的知识非常多，需要跟着计划一步一个脚印，由易到难。

8、以上：如果能够较好的遵循，学习效果和后续的进阶方面，有大大的帮助。当然适合自己的方法方式才是最好的。

前端开发日新月异，只要我们把最基础的知识掌握好了，尤其是javascript编程语言。无论它出现多少的开发框架，我们都可以快速掌握并使用它。当然使用这些框架或工具来开发项目只是我们必备的岗位技能，我们进一步需要学习的是如何掌握工作技巧，并且每天都有所进步，不管是技术上面还是项目管理上面。只有不断学习不断进步，保持成长性的思维，才不会被岗位和社会所淘汰。

为了帮助自学的朋友们检测自学程度，特别整理了《95页前端学习笔记》电子稿文件。

主要内容包括html，css，html5，css3，JavaScript，正则表达式，函数，BOM，DOM，jQuery，AJAX，vue 等等。

html5/css3

• HTML5 的优势

• HTML5 废弃元素

• HTML5 新增元素

• HTML5 表单相关元素和属性

• CSS3 新增选择器

• CSS3 新增属性

• 新增变形动画属性

• 3D变形属性

• CSS3 的过渡属性

• CSS3 的动画属性

• CSS3 新增多列属性

• CSS3新增单位

• 弹性盒模型

JavaScript

• JavaScript基础

• JavaScript数据类型

• 算术运算

• 强制转换

• 赋值运算

• 关系运算

• 逻辑运算

• 三元运算

• 分支循环

• switch

• while

• do-while

• for

• break和continue

• 数组

• 数组方法

• 二维数组

• 字符串

正则表达式

• 创建正则表达式

• 元字符

• 模式修饰符

• 正则方法

• 支持正则的 String方法

js对象

• 定义对象

• 对象的数据访问

• JSON

• 内置对象

• Math 方法

• Date 方法

面向对象是一种编程思想

• 定义对象

• 原型和原型链

• 原型链

• 原型

常用的JavaScript设计模式

• 单体模式

• 工厂模式

• 例模式

函数

• 函数的定义

• 局部变量和全局变量

• 返回值

• 匿名函数

• 自运行函数

• 闭包

BOM

• BOM概述

• window方法

• frames [ ] 框架集

• history 历史记录

• location 定位

• navigator 导航

• screen 屏幕

• document 文档

DOM

• DOM对象方法

• 操作DOM间的关系

• DOM节点属性

事件

• 事件分类

• 事件对象

• 事件流

• 事件目标

• 事件委派(delegate)

• 事件监听

jQuery

• jQuery 选择器

• 属性选择器

• 位置选择器

最后

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

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。

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

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！
往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。**

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

[外链图片转存中…(img-bUaS3nxy-1715883050190)]

[外链图片转存中…(img-CR1n5ZVA-1715883050190)]

[外链图片转存中…(img-3mQkzS0U-1715883050191)]

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！不论你是刚入门Android开发的新手，还是希望在技术上不断提升的资深开发者，这些资料都将为你打开新的学习之门！

如果你觉得这些内容对你有帮助，需要这份全套学习资料的朋友可以戳我获取！！

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