各个行业都有新人，任何小白在初入职场时都要经历迷茫、艰难、入门、精进的过程。程序员更是如此啦，谁也不是天生就会写代码的。接下来，蘑菇君给大家讲一讲前端小白要如何摆脱迷茫，开启前端之旅。
对于大学即将毕业或只懂一些皮毛的小白来说，不建议直接就去公司应聘，因为现在的企业一般不会招收技术不好的员工。菜鸟进入公司都是需要时间培养的，培养一个新人需要花费很大的时间成本和财力成本。如果培训好了，员工离职，公司的损失可就大了，因此技术小白直接通过面试进入公司是非常困难的。
如果同学们已经确定在前端开发这一行继续发展，可以考虑抽出时间去系统的学习和提升一下技术，如果自学的能力比较强，可以选择自学。
首先，你需要了解一下现在前端核心技术有哪些。了解之后，根据自己的情况规划出一份学习大纲，先从最初级的知识去学起，因为基础很重要。然后再找一些学习资料和学习的视频，边学习边练习。其次一定要有特别强的自制力，切忌三天打鱼两天晒网，这样效率太低，不只技术学不好，还会浪费大量的时间，反而得不偿失。想要IT面试必考题，get面试高频点、必考点、涨薪点，想要IT免费试听课程的朋友可以戳戳蘑菇君。
如果自制能力和自学能力不好，不如报一个培训班，但是在IT学校的选择上要擦亮双眼。一家成熟的培训学校，他们的教育体系还是很完善的。关于怎么挑选培训机构，可以翻翻蘑菇君以前的文章参考一下。
总之一句话，只要有恒心，菜鸟也能变大牛。那么菜鸟具体怎么学习前端知识呢？跟着下面四个阶段走，踏踏实实学下来，从小白进阶大神指日可待~
第一阶段：web前端基础
一阶段作为整体web前端最基础的部分，包含了所有页面的百分百还原以及实现，包括日后做项目，工作都是建立在一阶段的基础.上实现，没有页面，就无法添加效果。掌握html文本标签，图片，超链接，标题，表单，表格等基本标签;掌握css样式，文字属性，背景属性，盒模型，浮动，定位布局方式;掌握
media实现响应式布局;掌握移动端尺寸，属性，完成对各种设备的适配。第二阶段：JAVASCRIPT、JQUERY、ES6
js作为web前端的核心，所有的代码，框架，原理都是基于js的基础上实现，并且，市面也有纯js的开发公司，以及后期框架的底层实现，更体现了js在整体web前端中的重要性。
掌握原生js语法，结构，代码执行顺序，运行机制;掌握DOM操作，熟练的对页面的各种结构实现增删改查，以及各种动态效果的实现;掌握BOM，各个对象的作用，浏览器操作以及工作区域尺寸，并且做出和浏览器相关的各种动态效果。
可以熟练使用ajax来获取到后台数据并且渲染;掌握高阶js，面向对象，原型，闭包;掌握jquery的各种选择器，方法，事件;掌握ES6新增语法，promise对象，async，await对象，generator函数，遍历器概念，类的概念。
第三阶段：web前端框架
深入前端开发框架部分，通过基础知识和前端主流高级前端框架的学习，快速构建企业级别应用程序。掌握基于Vue+React的SPA框架入门技术，掌握基于Vue和React的路由系统和状态管理技术，完成基于Vue和React的电商项目开发实战以及UI框架的学习，掌握SPA项目底层脚手架的工作原理和团队协作开发方案。
第四阶段：小程序和跨平台开发
在掌握框架应用的基础上结合框架的实现原理融会贯通前端整个体系。掌握小程序开发和跨平台应用技术，掌握Vue和React等单页面应用的底层逻辑和工作原理，掌握路由和状态管理的底层逻辑和状态管理。掌握HTTP协议历代发展，掌握JavaScript的异步编程原理，掌握常用脚手架的底层原理，掌握面试高频涉及的原理、数据结构和算法等。
我们成立至今已有17年的工作经验。一直专注于IT职业教育，办学历史悠久，具有正规的办学资质。针对不同人群拥有线上+线下相结合的教学方式和小班制的管理模式。想要IT面试必考题，get面试高频点、必考点、涨薪点，想要IT免费试听课程的朋友可以戳戳蘑菇君哦。