前端学到什么程度可以找第一份工作？

可以按照下面的学习路线进行查漏补缺，学习重点和建议学习时长都给你标好了。

第一阶段：网页布局和效果实现

建议学习时长：15天左右

想成为一名前端开发人员，第一步就是网页布局和效果实现，也就是我们常说的切图仔。

这时候你需要学习HTML+CSS。此部分的学习目的是把UI设计师给你的设计稿用HTML+CSS还原成网页。这部分的难点是有大量的标签需要你记忆，但是也不用死记硬背，用的多了，自然也就记住一些了。再简单点，就是你不需要记住所有的标签，你只要知道都能实现什么，然后不会就去百度或者查文档。

前端Html5+Css3+移动Web教程，前端Web入门教程，零基础前端开发视频教程_哔哩哔哩_bilibili本阶段学完接下来可学习：BV1ux411d75J先讲解HTML5常用标签，接着讲解CSS3常见样式，主要学习盒子模型，浮动，定位还有高级布局技巧，之后讲解HTML5和CSS3提高，讲解新增加的新特性，新语法，最后讲解PC端品优购项目。, 视频播放量 1249109、弹幕量 43515、点赞数 12225、投硬币枚数 10550、收藏人数 33597、转发人数 6698, 视频作者 黑马程序员, 作者简介 进阶学习、课程体验、就业指导，可联系播妞q：2291329369，相关视频：黑马程序员pink老师前端入门教程，零基础必看的h5(html5)+css3+移动端前端视频教程，千锋前端浠浠呀老师HTML+CSS教程，零基础web前端开发入门必看视频，最新前端开发入门教程，web前端零基础html5 +css3+前端项目视频教程，千锋web前端开发项目教程_1000集完全零基础入门HTML5+CSS3+JS到精通（资料含前端学习路线图），【极客学院】一周学会Bootstrap，332集超全急速入门web前端（HTML+CSS+JavaScript）/pink老师前端入门教程/小白入门，前端HTML5+CSS3+移动Web全套教程，零基础学前端web首选黑马程序员，黑马程序员前端Web全套教程，会打字就能学会的Web前端课程，JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程(500多集)持续，尚硅谷Web前端零基础入门HTML5+CSS3基础教程丨初学者从入门到精通https://www.bilibili.com/video/BV1pE411q7FU?vd_source=2d25b2c2494bac00f8076b12b93f7197

第二阶段：JavaScript

建议学习时长：30天左右

1. 掌握JavaScript基础语法，培养编程逻辑思维

2.掌握DOM和BOM对象的常用属性和方法，能够完成网页常见的交互效果

3.能够使用 axios 实现 Ajax 操作，为后续项目课做好技术铺垫

4. 能够运用 Git 管理前端项目，并且使用 Git 分支进行多人协同开发

这个阶段是比较难的一部分，如果你进行不下去可以先过一遍语法，不用非得达到精通的程度。

黑马程序员JavaScript全套教程，Web前端必学的JS入门教程，零基础JavaScript入门_哔哩哔哩_bilibili前端html+css+项目实战：BV1Kg411T7t9学完本阶段可学习JavaScript进阶：BV1k4411w7sVJavaScript基础从变量的定义与使用、数据类型及相互转换、运算符、流程控制语句、三元运算符、数组、函数、构造函数、内置对象以及对象等基础必备技能。教程出自http://yun.itheima.com/course/551.html?bili, 视频播放量 1988664、弹幕量 58517、点赞数 20757、投硬币枚数 18100、收藏人数 67611、转发人数 6890, 视频作者 黑马程序员, 作者简介 进阶学习、课程体验、就业指导，可联系播妞q：2291329369，相关视频：JavaScript基础语法-dom-bom-js-es6新语法-jQuery-数据可视化echarts黑马pink老师前端入门基础视频教程(500多集)持续，2022最新版JavaScript入门到精通，前端js全套基础&实战教程，自学前端半年，只会html、css、js、vue就找到了一份还不错的工作！，黑马程序员AJAX零基础到精通_整合Git核心内容全套教程，黑马程序员vue前端基础教程-4个小时带你快速入门vue，【C语言】C语言视频教程，最全最新Vue、Vuejs教程，从入门到精通，学 Vue.js 看这个就够了，黑马程序员最新版JavaWeb基础教程，Java web从入门到企业实战完整版，黑马程序员软件测试从入门到精通_软件测试基础教程https://www.bilibili.com/video/BV1ux411d75J?vd_source=2d25b2c2494bac00f8076b12b93f7197

第三阶段：Nodejs框架

建议学习时长：40天左右

1. 能够使用 npm 维护项目中的依赖包，提高项目的开发效率

2. 能够使用 Promise 与 async/await 高效的实现异步操作

3. 能够理解 webpack 中的核心概念，为后续项目课的学习打好工程化开发的基础

这部分的话，你其实只需要会用基本操作和npm包管理就可以了。因为无论是Vue还是React框架，都需要使用Node来进行构建和管理，实习阶段你可以继续学习这部分。

黑马程序员4天Node.js零基础入门教程_哔哩哔哩_bilibili课程简介01-NodeJS（简介、安装、常用模块、留言板）02-NodeJS（NPM使用、模板引擎、Express框架）03-NodeJS（Express框架学生项目、登录注册、中间件、会话技术、错误处理）04-NodeJS（ES6、网络爬虫、MySQL、koa2框架学生项目）, 视频播放量 71676、弹幕量 393、点赞数 472、投硬币枚数 311、收藏人数 2903、转发人数 104, 视频作者 黑马程序员, 作者简介 进阶学习、课程体验、就业指导，可联系播妞q：2291329369，相关视频：Uni-App从入门到实战-黑马程序员杭州校区出品，Node.Js+MongoDB+Mongoose-经典实战课程，最经典Node.JS全套完整版实战教程(小白快速入门nodejs) nodeJs安装教程、学到这个程度，就可以拿来做web项目啦！超简单！快来试试吧，14. Node.js 基础入门课程之Express框架，经典nodejs教程（快速上手node+MongoDB+API+快速node项目搭建，学会MongoDB数据库玩转API）第二套，阿里云部署node.js，黑马程序员前端Web全套教程，会打字就能学会的Web前端课程，node.js安装教程，把【Node.js】给你讲得明明白白！自学必备！，2021前端新趋势，Node.js 为何能垄断前端生态？https://www.bilibili.com/video/BV19t411Q768

第四阶段：Vue.js

建议学习时长：40天左右

这里首推的就是Vue.js，因为在国内，这是使用最多的框架，而且上手要比React容易一些，所以建议先学习Vue.js。

学完这个后，你会知道什么是数据驱动开发，什么是SPA应用，也能轻松的实现前后端分离和服务端渲染。

看这里！学完后就可以顺利找一份实习工作啦，因为达到了初级工程师的水平，这个时候你可以开始你的前端工程师之旅。

黑马程序员vue前端基础教程-4个小时带你快速入门vue_哔哩哔哩_bilibili教程出自黑马程序员http://yun.itheima.com/course/609.html?biliVue.js快速入门课程----站在初学者的角度，重点帮助大伙完成从早期基于Dom开发，到Vue中基于数据开发的编程思路转换，除了Vue的基础语法之外，还包含了网络请求库axios的基本使用，中间穿插着5个精心设计的案例, 视频播放量 1781450、弹幕量 24430、点赞数 19444、投硬币枚数 17597、收藏人数 67109、转发人数 6446, 视频作者 黑马程序员, 作者简介 进阶学习、课程体验、就业指导，可联系播妞q：2291329369，相关视频：黑马程序员Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程，黑马程序员VUE经典视频-4小时+5个拣选案例让你快速入门Vue.js-想学习vue的童鞋可以围观了，Vue.js从入门到精通教程，别再编那些垃圾假项目经验了，我来教程序员新人求职如何脱颖而出，Vue + ElementUI 基础入门，Vue3.0全套教程|Vuejs从入门到精通，10分钟写一个vue登陆页面，黑马程序员39期web前端-vue生命周期，尚硅谷Vue2.0+Vue3.0全套教程丨vuejs从入门到精通，自学前端三个月，我的第一个Vue应用https://www.bilibili.com/video/BV12J411m7MG

第五阶段：其他前端技术

正式进入到工作阶段之后你会发现，你还需要很多相关的前端技能，比如小程序开发、React.js、TypeScript等等，但是与此同时经过了前面的阶段，你也知道自己应该如何学习了。

web 入门
Html5+css：

最新前端开发入门教程，web前端零基础html5 +css3+前端项目视频教程
web 进阶：黑马程序员web前端进阶教程，前端html5+css3+移动端项目实战（含华为新闻，b站移动端等）

技术进阶

JavaScript：黑马程序员JavaScript全套教程，Web前端必学的JS入门教程，零基础JavaScript入门
DOM BOM：黑马程序员JavaScript核心教程，前端基础教程，JS必会的DOM BOM操作
jQuery：黑马程序员前端基础必备教程|jQuery网页开发案例精讲
Ajax：黑马程序员AJAX零基础到精通_整合Git核心内容全套教程

Vue 开发
Node.js: 黑马程序员Node.js全套入门教程，nodejs最新教程含es6模块化+npm+express+webpack+promise等_Nodejs实战案例详解
Vue2+Vue3全套：黑马程序员Vue全套视频教程，从vue2.0到vue3.0一套全覆盖，前端必会的框架教程

React &小程序开发
React：黑马程序员前端React视频教程，react零基础入门原理详解到好客租房项目实战
零基础玩转微信小程序：黑马程序员前端微信小程序开发教程，微信小程序从基础到发布全流程_企业级商城实战(含uni-app项目多端部署)