前端想自学后找个小公司混口饭吃，需要学到什么程度?
时间：2023-01-26 18:00:00
大厂：大厂更注重我们的基本方面，HTML CSS JavaScript，另一个是数据结构、算法和计算机网络，准备的方向应该从这些方面开始。例如，我们必须这样做Vue或者React要开发，就要知道Virtual dom和diff算法原理。
小工厂：这需要大量的实践经验。为了快速抢占市场，产品开发进度将非常紧张，没有时间培养新人。我们不会太关注理论问题。对于面试，我们需要从实践经验中做好准备。
当许多学生在早期找工作时，他们会觉得招聘需求写得越短，就越不清楚，就越容易进入。事实上，这是完全错误的！企业的招聘需求越清楚，雇主就越知道他们想找到什么样的人。相反，这是一种不清楚的需求，他们认为越面对面「优秀的」。
在了解了不同企业的一些重点和招聘需求之后。让我们分享技术栈-课程-项目-简历的全方位学习内容。
1.前端自学路线图和所有课程资源
黑马程序员前端：2022年前端学习路线图
本套路线图包括前端学习路径和4个阶段、9门课程，共273门课程 小时，1861集。 知识点包括：HTML CSS-->移动web->JavaScript基础-->Web APIs->数据交互&异步编程-->Node.js-->Vue2 Vue3-->React核心技术-->微信小程序。
很多小白开始自学前端，先背HTML的标签，从HTML、body、div...背诵，就像背诵英语单词一样，学习背诵后忘记，然后失去学习的动力。 事实上，正确的方法是从静态页面的完成开始，不要太担心记住标签，因为许多前端牛通过多年的经验形成了潜意识的记忆。 HTML标签理解后，开始CSS学习，什么阴影，圆角，动画等等，这些都是日常应用。但这里需要注意的是，要熟练掌握css如果不清楚定位原理、盒子模型等，javascript学习会遇到困难。 更多HTML CSS学习笔记如下(已完成):
-
认识网页/ HTML标签大全 / 表格/列表
-
CSS入门笔记 / Css样式表 / emmet语法 / CSS复合选择器/ 显示模式 /
-
CSS背景 / CSS三大特性 / 盒子模型 / 圆角边框，盒子阴影，文字阴影
-
总结浮动知识点 /PS切图 / CSS属性书写顺序(重点) / CSS练手学成在线页面制作
-
CSS四种定位分类 / 学成在线模块添加 / HTML CSS之定位（position）的应用
-
案例：淘宝轮播图 / 元素的显示和隐藏/ 土豆网鼠标通过显示来覆盖 /
-
【重点】CSS之精灵图 / 字体图标 / 用户界面样式源码 / vertical-align 属性应用 /
-
文本省略号溢出显示 / 常见的布局技巧 案例 / CSS新增选择器 / 盒子模型和其他新特性
HTML CSS项目品优购完整笔记 源码(万字版可复制):
-
HTML CSS大项目1:优质购买项目笔记 源码(万字！
-
HTML CSS大项目2:优购项目笔记 源码(万字！
移动开发笔记(更新)
-
移动WEB开发之入门&视口 / 二倍图 / 选择主流方案 / 携程首页案例制作
-
rem基础&媒体查询 / less基础 / rem适配方案的实际开发/
JavaScript最全拔高（更新中） JavaScript面向对象开发相关模式 / JavaScript创建对象的简单方法是优化 / JavaScript对象游戏案例：贪吃蛇 二、参考前端自学时间安排
-
HTML CSS 25天
-
JavaScript 20天
-
环境基础 15天
-
计算机基础 25天
-
Bootstrap（15天）、jQuery UI（15天）、Amaze UI；流行的前端框架:jquery mobile、angular.Js（20天）、Vue.js（20天）、React.js（20天）
-
Echarts（1周）、tableau（1周）
以上时间安排是每天至少学习6小时的时间安排，可以根据每天学习的小时数字类型加减天数。
编辑切换到中间
添加图片注释，不超过 140 字（可选）
如何学习前端项目？ 学习电子商务项目：在哪里可以找到可以学习的前端实战项目？
综合项目学习：
刚学前端，有什么项目可以开始吗？
以上2022年学习路线图的每个阶段都包括项目课，上述两个问答也包含了项目学习思路。有一些注意事项:
-
别以为我要学框架，node.js我必须学习才能做一个项目；每个阶段都有不同阶段的项目！
-
一定要读书，尤其是JavaScript相关书籍要读！但不建议初学者直接阅读； >《javascript面向对象编程指南，风格易懂，更适合初学者。原型讲得透彻，有12种继承方式。 >《js权威指南，《js高级程序设计，这两本书经典，但太厚，适合读任何一章作为一本书。很难一口气看完。更适合作为参考书。
在项目阶段，体框架和设计理念：
-
确定框架和技术点(一般来说，开源项目已经整理好了，即使没有，评论区的牛也已经整理好了)
-
确认开发工具
-
开发规范 命名规范(这在职场上很重要，学习项目要注意)
-
以下是学习技术点，了解业务。
-
前期抄一抄，可以借鉴一些社区技术文章
-
以后可以在学习的基础上优化一些东西，然后成为自己的经验。
例如，如果我们构建一个实时聊天应用程序：
-
首先使用create-react-app或者vue-cli来创建项目
-
使用现有的Sass极光等服务商IM、腾讯IM、网易云信，都有免费使用的额度。
-
使用http://socket.io框架构建聊天服务
-
使用Node.js自行搭建websocket服务
比如电商项目:
-
使用create-react-app或者vue-cli创建项目，使用Node API构建后台服务
-
使用Postgres或者MongoDB使用图像的数据库Prisma（Postgres）或者Mongoose (MongoDB)这样的ORM框架
-
使用支付宝、微信接入支付功能
-
将Node API阿里云、腾讯云等。
四、前端就业相关简历及面试
简历相关：
-
简历格式要做好工作，给人耳目一新的感觉，整洁，突出重点；
-
名字，名字中有繁体字，或者不熟悉的字最好标注拼音；
-
E-mail，最好写最通用的，防止意外情况无法收到；
-
学历、年龄、工作经验要对；
-
求职状态，写简历和面试时，最好说自己现在是在职状态，这样公司聘用你时，你可以灵活安排入职时间；
-
求职意向最好写单项，写多项似乎你不专业，方向不稳定；
-
最好不要写工资，也不要写面议。面试的时候不要太少。如果你有很多，你应该自己hold住吧。
专业技能： 用脑子详细写清楚，对写出来的每一项技能都要负责，面试的时候会问。如果你能，尽量多写。 理解、熟悉、熟练、精通；
项目经验： 简历上写的项目必须特别熟悉，所涉及的技术最好与我们所做的项目相结合。即使没有，你也可以说：主题切换已经完成，并准备下一个版本在线； 项目的开发时间、开发人数要搞清楚，你负责哪些模块； 如何描述项目中涉及的技术，需要提前准备好并背诵； 参考：
-
编程基础扎实，数据结构和算法基础扎实；
-
计算机基础知识扎实，逻辑理解和学习能力强，理解设计模式；
-
精通HTML5、CSS3、W3C浏览器常见协议、浏览器兼容性；
-
精通JavaScript，ES6、AJAX、DOM等待前端技术，掌握面向对象的编程理念JS框架（如jQuery/Kissy/Zepto/Bootstrap等）；
-
掌握Vue、React、argular等主流开发框架；
-
掌握node、express、koa，mysql等后端技术；
-
熟悉移动端和 Hybrid Web 开发，适配及性能调优；
-
掌握canvas，svg，webGL，D3，tree.js等图形处理技术；
-
掌握微信小程序、微信公众号，h5开发；
-
掌握前端自动化构建工具，如grunt、gulp、browserify、webpack等；
-
熟悉前端性能优化方法，如发包压缩、资源懒加载、CDN加速等；
-
模块化、组件化、OOP、MVC有较多实践并有自己的理解；
-
热爱技术、主动钻研、沟通和协作能力优秀，抗压能力强；
-
优秀的分析和解决问题的能力，有较强的沟通能力，责任心和团队意识。
面试相关： 最主要的就是刷题了：
趣IT官网-互联网求职刷题神器www.funit.cn/www.funit.cn/www.funit.cn/www.funit.cn/
一面就是技术相关的问题，建议大家刷题的基础上还有自己模拟面试，把常见面试问题整理出来，自己整理好回答。 二面三面经常会问的就是技术外的内容，比如未来的职业规划？新技术如何看待？优势？这些的内容，都是开放性内容，没有什么标准答案。但是要提前思考再说，别再这些问题上给自己挖坑。
下面看看黑马的学员们独立完成的项目吧：
-
学员作品展示- 深圳 -38期肖同学：《光·遇》官网 - 温暖的灵魂终将相遇
-
学员作品展示- 深圳 -38期王同学：《阴阳师：百闻牌》手游官网_安卓测试预约_百鬼欢聚 一局忘忧
-
学员作品展示- 广州 - 27期三组：三亚婚纱摄影_三亚拍婚纱照_首选【飘视觉】_三亚外景海景婚纱摄影_三亚婚纱店
-
学员作品展示 - 西安 -7期张同学：- 西安唯一视觉【官网】西安婚纱摄影|西安婚纱照|西安婚纱影楼|婚纱摄影工作室
我是黑马程序员，愿意在知乎上解决你们一切编程问题。欢迎来问，免费答疑~更多内容希望帮助到你：
-
自学前端从哪开始?
-
Web前端主要用什么语言?
-
前端刚毕业工作，公司技术老旧，要不要辞职?
-
有哪些关于前端开发技术（HTML、CSS 和 JavaScript 等）的值得推荐的书籍？
