2022 最新前端开发工程师入门学习路线（imooc免费课程）（中）

上篇：https://www.imooc.com/article/331095

阶段二：组件化网页开发

本阶段重点为深入学习JS语言，掌握jQuery基础，进行组件化网页开发。

JavaScript进阶

直面JavaScript中的30个疑难杂症（点击跳转）

该阶段要求深入学习：JS变量、作用域、JS函数、JS面向对象、正则表达式等。该课程是对JavaScript的深入理解，主要涵盖了面试中常见的面试题，一些比较难以理解的知识点以及开发中常见的问题，帮助我们更好的理解和掌握这门编程语言。

jQuery类库

jQuery是一个快速、简洁的JavaScript 库。jQuery的核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口；具有高效灵活的CSS选择器和DOM选择器，并且可对CSS选择器进行扩展；拥有便捷的插件扩展机制和丰富的插件资源。

jQuery基础课程

• jQuery基础 (一)—样式篇：https://www.imooc.com/learn/418
• jQuery基础 (二)—DOM篇：https://www.imooc.com/learn/530
• jQuery基础 (三)—事件篇：https://www.imooc.com/learn/429
• jQuery基础 (四)—动画篇：https://www.imooc.com/learn/430

jQuery源码学习

• jQuery源码解析（架构与依赖模块）：https://www.imooc.com/learn/172
• jQuery源码解析（DOM与核心模块）：https://www.imooc.com/learn/222

Ajax实战&JSON基础

Ajax实战案例之列表渲染（点击跳转）

本课程通过一个简单的例子，由浅入深，循序渐进的介绍了Ajax的相关概念、原理、实现方式和应用方法，了解Ajax开发模式与动态网站是如何制作的。感受Ajax异步交互带来的优势，学习如何提升用户体验并完成复杂应用交互。课程涉及前端、前端模板、express、JSON、axios库等相关内容，是非常适合Ajax学习的入门课程。

JSON基础应用与实战视频教程-慕课网 （点击跳转）

现今JSON数据以短小、读取方便等优点，越来越受广大开发人员喜欢。本课分为两部分，前半部分详细介绍JSON的基础知识，后半部分通过两个实站案例再次加深对JSON的理解，并演示JSON在各个实际场景的用法。

电商网页开发

手把手从0打造电商网页开发-慕课网（点击跳转）

本课程主要介绍电商网站基本制作流程，通过电商网站分步的教学让大家了解和掌握电商网站制作的流程和注意事项。并且运用网站内学习过的知识点，更加快速的掌握整站的开发过程，增加开发经验。

阶段三：WebAPP开发与小程序

HTML5高级 - Canvas

以下课程会让你精进Canvas方面的技术，Canvas顾名思义是定义在浏览器上画布，但Canvas不仅仅是一个元素，它更是一套编程的接口，它的出现已然超过了Web基于文档的设计初衷。利用它你可以开发出很多梦寐以求的内容，让编程工作者彻底释放自己的创造力！

• 炫丽的倒计时效果Canvas绘图与动画基础：https://www.imooc.com/learn/133
• Canvas绘图详解：https://www.imooc.com/learn/185
• Canvas玩儿转红包照片：https://www.imooc.com/learn/601
• Canvas玩转图像处理：https://www.imooc.com/learn/476

移动webAPP开发必备基础

本阶段目标为掌握移动端开发的必备基础，包括移动web开发入门、响应式布局、移动端屏幕适配、移动端事件、移动调试和终端检测、移动常见问题、移动性能优化、Swiper快速切换插件等。

免费视频课程：

1. 移动web基础（点击跳转）

本课程介绍移动web的开发基础，高效的排版布局，常见的移动web问题，终端触摸交互，各种bug坑如何解决等多方面。

2. 移动web开发适配秘籍Rem（点击跳转）

本课程主要讲解移动web开发中常见的适配方法，着重讲解使用rem方案的原理和使用方法，来进行移动web开发的适配工作，借助于实战页面让学者更加清晰的掌握实战工作中如何应用rem适配技术。

3. 移动端布局教程（点击跳转）

本门课程为初学者课程，可以来看一看你有没有全部掌握课程中的各种布局的所有实现方式。因为即便是同一种布局，也会有各种各样的不同方式可以实现，加深一下印象，下次跳槽面试的时候就不怕面试官的各种刁难了。

4. 响应式布局（点击跳转）

主要学习媒体查询、flex弹性布局及伸缩比例的计算，通过rem作为度量单位进行弹性布局的方法。

小程序基础与实战案例

1. 微信小程序开发入门（点击跳转）

讲解微信小程序的基本知识，如何注册，并开发一个自己的小程序，以及小程序开发过程中部分常见的问题。

2. 轻松入门微信小程序与云开发（点击跳转）

本课程从小程序的基础知识开始，到小程序云开发的三大基础能力：云数据库、云函数、云存储，再到电影小程序案例的全栈开发，不仅有理论知识更有实战项目，课程更加注重培养学生分析问题和解决问题的能力，使你成为微信小程序全栈开发达人。