前端开发学习路线（学+测） - 阿里云全球培训中心
搜索产品或内容
文档
购物车
ICP备案
控制台
登录
立即注册
开发者课堂
阿里云认证
HOT
阿里云认证
认证查询
开放实验室
实验列表
帮助文档
高校合作
产业学院
云中学院
学生训练营
客户培训
管理培训
技术培训
云中学院企业版
伙伴赋能
人才计划
NEW
阿里云人才计划
加入阿里云
更多
开发者社区
资讯
关于我们
个人中心
{"moduleinfo":{"intr":"前端开发技能全覆盖 - HTML / CSS / JavaScript / jQuery / Vue / React / Angular / NodeJS","bannerTitle":"前端开发学习路线","list_count":[{"count_phone":4,"count":4}],"bg":"https://img.alicdn.com/tfs/TB1xygBeKP2gK0jSZFoXXauIVXa-2880-600.png","h5prevText":"< 全部学习路线","prevText":"< 全部学习路线","prevLink":"https://edu.aliyun.com/developer","h5prevLink":"https://edu.aliyun.com","arr_count":[{"count_phone":4,"count":4}],"pcBtnLink":"https://developer.aliyun.com/exam","h5BtnLink":"https://developer.aliyun.com/exam","pcBannerBtnText":"技能自测","h5BannerBtnText":"技能自测"},"list":[{"text":" "},{"text":"• 学习前端，无非就是这些知识点，学习+动手实践，别无选择"},{"text":"• 5大阶段，15门免费课程，660课时，助您全面掌握前端开发技能"},{"text":"• 每阶段包含初、中、高三个难度等级考试，全方位自测掌握程度"}],"arr":[{"txt":"学习阶段","num":"<span>5 </span>大"},{"txt":"免费课程","num":"<span>15 </span>门"},{"txt":"教学视频","num":"<span>688 </span>课时"},{"txt":"自测考试","num":"<span>15 </span>套"}],"countinfo":{"arr":{"length_pc":0,"length":0},"list":{"length_pc":0,"length":0}}}
{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"moduleinfo":{"intr":"前端开发技能全覆盖 - HTML / CSS / JavaScript / jQuery / Vue / React / Angular / NodeJS","bannerTitle":"前端开发学习路线","list_count":[{"count_phone":4,"count":4}],"bg":"https://img.alicdn.com/tfs/TB1xygBeKP2gK0jSZFoXXauIVXa-2880-600.png","h5prevText":"< 全部学习路线","prevText":"< 全部学习路线","prevLink":"https://edu.aliyun.com/developer","h5prevLink":"https://edu.aliyun.com","arr_count":[{"count_phone":4,"count":4}],"pcBtnLink":"https://developer.aliyun.com/exam","h5BtnLink":"https://developer.aliyun.com/exam","pcBannerBtnText":"技能自测","h5BannerBtnText":"技能自测"},"list":[{"text":" "},{"text":"• 学习前端，无非就是这些知识点，学习+动手实践，别无选择"},{"text":"• 5大阶段，15门免费课程，660课时，助您全面掌握前端开发技能"},{"text":"• 每阶段包含初、中、高三个难度等级考试，全方位自测掌握程度"}],"arr":[{"txt":"学习阶段","num":"<span>5 </span>大"},{"txt":"免费课程","num":"<span>15 </span>门"},{"txt":"教学视频","num":"<span>688 </span>课时"},{"txt":"自测考试","num":"<span>15 </span>套"}],"countinfo":{"arr":{"length_pc":0,"length":0},"list":{"length_pc":0,"length":0}}}}
< 全部学习路线
< 全部学习路线
前端开发学习路线
5
大
学习阶段
15
门
免费课程
688
课时
教学视频
15
套
自测考试
前端开发技能全覆盖 - HTML / CSS / JavaScript / jQuery / Vue / React / Angular / NodeJS
技能自测
技能自测
{"moduleinfo":{"bannerTitle":"Java学习路线","list_count":[{"count_phone":5,"count":5}]},"list":[{"text":"HTML+CSS","id":"#part1"},{"text":"JavaScript","id":"#part2"},{"text":"开发工具","id":"#part3"},{"text":"前端框架","id":"#part4"},{"text":"移动及服务端开发","id":"#part5"}],"countinfo":{"list":{"length_pc":0,"length":0}}}
{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"moduleinfo":{"bannerTitle":"Java学习路线","list_count":[{"count_phone":5,"count":5}]},"list":[{"text":"HTML+CSS","id":"#part1"},{"text":"JavaScript","id":"#part2"},{"text":"开发工具","id":"#part3"},{"text":"前端框架","id":"#part4"},{"text":"移动及服务端开发","id":"#part5"}],"countinfo":{"list":{"length_pc":0,"length":0}}}}
HTML+CSS
JavaScript
开发工具
前端框架
移动及服务端开发
{"moduleinfo":{"showTest":false,"btnText":"一键加入所有课程","list_count":[{"count_phone":3,"count":3}],"courseLink":"https://edu.aliyun.com/course/","ifOpen":"打开","needStudyNum":"3门课程 | 96课时 | 3套阶段自测考试","warn":"尚未开始学习","ifLogin":"关闭","idName":"part1","examLink":"https://edu.aliyun.com/clouder/exam/intro/","success":"已加入本阶段所有免费课程，这些课程可在<a href='https://edu.aliyun.com/my/courses/learning' target='_blank'>【我的大学】-【我的课程】</a>中找到。","leftText":"学习前要求：基本的计算机操作能力，比如浏览网页、查资料等，以及坚持学习的决心和恒心。<br>学习后将掌握：可以使用HTML和CSS制作静态网页。","dialogdata_count":[{"count_phone":3,"count":3}],"listName":"阶段 1：HTML+CSS","btnTextOver":"已加入所有免费课程","modTitle":"学习路线"},"list":[{"lessonNum":"32","btnText":"开始学习","link":"https://edu.aliyun.com/course/1742","cardTitle":"HTML 入门与实战","courseID":"1742","status":"免费"},{"lessonNum":"49","btnText":"开始学习","link":"https://edu.aliyun.com/course/1895","cardTitle":"CSS 快速掌握","courseID":"1895","status":"免费"},{"lessonNum":"15","btnText":"开始学习","link":"https://edu.aliyun.com/course/72","cardTitle":"HTML5 新特性学习","courseID":"72","status":"免费"}],"dialogdata":[{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/206","btnTextNoPass":"开始自测","testID":"206","text":"考查您对HTML、CSS知识的「了解」程度，考单一知识点，您需要认真学习课程或查阅相关文档，从而通过考试。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"初级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/207","btnTextNoPass":"开始自测","testID":"207","text":"考查您对HTML、CSS知识的「理解」程度，考多个关联知识点，您需要熟练掌握这些技能，从而通过考试。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"中级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/208","btnTextNoPass":"开始自测","testID":"208","text":"考查您对HTML、CSS的实际「应用」能力，您需要多动手操作，从而巩固知识并通过考试。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"高级难度"}],"countinfo":{"dialogdata":{"length_pc":0,"length":0},"list":{"length_pc":0,"length":0}}}
{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"moduleinfo":{"showTest":false,"btnText":"一键加入所有课程","list_count":[{"count_phone":3,"count":3}],"courseLink":"https://edu.aliyun.com/course/","ifOpen":"打开","needStudyNum":"3门课程 | 96课时 | 3套阶段自测考试","warn":"尚未开始学习","ifLogin":"关闭","idName":"part1","examLink":"https://edu.aliyun.com/clouder/exam/intro/","success":"已加入本阶段所有免费课程，这些课程可在<a href='https://edu.aliyun.com/my/courses/learning' target='_blank'>【我的大学】-【我的课程】</a>中找到。","leftText":"学习前要求：基本的计算机操作能力，比如浏览网页、查资料等，以及坚持学习的决心和恒心。<br>学习后将掌握：可以使用HTML和CSS制作静态网页。","dialogdata_count":[{"count_phone":3,"count":3}],"listName":"阶段 1：HTML+CSS","btnTextOver":"已加入所有免费课程","modTitle":"学习路线"},"list":[{"lessonNum":"32","btnText":"开始学习","link":"https://edu.aliyun.com/course/1742","cardTitle":"HTML 入门与实战","courseID":"1742","status":"免费"},{"lessonNum":"49","btnText":"开始学习","link":"https://edu.aliyun.com/course/1895","cardTitle":"CSS 快速掌握","courseID":"1895","status":"免费"},{"lessonNum":"15","btnText":"开始学习","link":"https://edu.aliyun.com/course/72","cardTitle":"HTML5 新特性学习","courseID":"72","status":"免费"}],"dialogdata":[{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/206","btnTextNoPass":"开始自测","testID":"206","text":"考查您对HTML、CSS知识的「了解」程度，考单一知识点，您需要认真学习课程或查阅相关文档，从而通过考试。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"初级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/207","btnTextNoPass":"开始自测","testID":"207","text":"考查您对HTML、CSS知识的「理解」程度，考多个关联知识点，您需要熟练掌握这些技能，从而通过考试。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"中级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/208","btnTextNoPass":"开始自测","testID":"208","text":"考查您对HTML、CSS的实际「应用」能力，您需要多动手操作，从而巩固知识并通过考试。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"高级难度"}],"countinfo":{"dialogdata":{"length_pc":0,"length":0},"list":{"length_pc":0,"length":0}}}}
学习路线
阶段 1：HTML+CSS
3门课程 | 96课时 | 3套阶段自测考试
学习前要求：基本的计算机操作能力，比如浏览网页、查资料等，以及坚持学习的决心和恒心。
学习后将掌握：可以使用HTML和CSS制作静态网页。
一键加入所有课程
HTML 入门与实战
免费
32课时
开始学习
CSS 快速掌握
免费
49课时
开始学习
HTML5 新特性学习
免费
15课时
开始学习
{"moduleinfo":{"showTest":false,"btnText":"一键加入所有课程","list_count":[{"count_phone":3,"count":3}],"courseLink":"https://edu.aliyun.com/course/","ifOpen":"打开","needStudyNum":"3门课程 I 147课时 I 阶段自测考试即将上线","warn":"尚未开始学习","ifLogin":"打开","idName":"part2","examLink":"https://edu.aliyun.com/clouder/exam/intro/","success":"已加入本阶段所有免费课程，这些课程可在<a href='https://edu.aliyun.com/my/courses/learning' target='_blank'>【我的大学】-【我的课程】</a>中找到。","leftText":"学习前要求：熟练应用HTML和CSS。<br>学习后将掌握：前端开发最核心的技能JavaScript，以及jQuery和Ajax。","dialogdata_count":[{"count_phone":3,"count":3}],"listName":"阶段 2：JavaScript","btnTextOver":"已加入所有免费课程"},"list":[{"lessonNum":"52","btnText":"开始学习","link":"https://edu.aliyun.com/course/1724","cardTitle":"JavaScript 入门与实战","courseID":"1724","status":"免费"},{"lessonNum":"43","btnText":"开始学习","link":"https://edu.aliyun.com/course/25","cardTitle":"jQuery 快速入门","courseID":"25","status":"免费"},{"lessonNum":"52","btnText":"开始学习","link":"https://edu.aliyun.com/course/1747","cardTitle":"Ajax 入门与实战","courseID":"1747","status":"免费"}],"dialogdata":[{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/218","btnTextNoPass":"开始自测","testID":"218","text":"考查您对JavaScript及相关知识的「了解」程度，考单一知识点，您需要认真学习课程或查阅相关文档，从而通过考试。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"初级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/219","btnTextNoPass":"开始自测","testID":"219","text":"考查您对JavaScript及相关知识的「理解」程度，考多个关联知识点，您需要熟练掌握这些技能，从而通过考试。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"中级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/220","btnTextNoPass":"开始自测","testID":"220","text":"考查您JavaScript及相关知识的「应用」能力，您需要多动手操作，从而巩固所学知识并通过考试。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"高级难度"}],"countinfo":{"dialogdata":{"length_pc":0,"length":0},"list":{"length_pc":0,"length":0}}}
{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"moduleinfo":{"showTest":false,"btnText":"一键加入所有课程","list_count":[{"count_phone":3,"count":3}],"courseLink":"https://edu.aliyun.com/course/","ifOpen":"打开","needStudyNum":"3门课程 I 147课时 I 阶段自测考试即将上线","warn":"尚未开始学习","ifLogin":"打开","idName":"part2","examLink":"https://edu.aliyun.com/clouder/exam/intro/","success":"已加入本阶段所有免费课程，这些课程可在<a href='https://edu.aliyun.com/my/courses/learning' target='_blank'>【我的大学】-【我的课程】</a>中找到。","leftText":"学习前要求：熟练应用HTML和CSS。<br>学习后将掌握：前端开发最核心的技能JavaScript，以及jQuery和Ajax。","dialogdata_count":[{"count_phone":3,"count":3}],"listName":"阶段 2：JavaScript","btnTextOver":"已加入所有免费课程"},"list":[{"lessonNum":"52","btnText":"开始学习","link":"https://edu.aliyun.com/course/1724","cardTitle":"JavaScript 入门与实战","courseID":"1724","status":"免费"},{"lessonNum":"43","btnText":"开始学习","link":"https://edu.aliyun.com/course/25","cardTitle":"jQuery 快速入门","courseID":"25","status":"免费"},{"lessonNum":"52","btnText":"开始学习","link":"https://edu.aliyun.com/course/1747","cardTitle":"Ajax 入门与实战","courseID":"1747","status":"免费"}],"dialogdata":[{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/218","btnTextNoPass":"开始自测","testID":"218","text":"考查您对JavaScript及相关知识的「了解」程度，考单一知识点，您需要认真学习课程或查阅相关文档，从而通过考试。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"初级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/219","btnTextNoPass":"开始自测","testID":"219","text":"考查您对JavaScript及相关知识的「理解」程度，考多个关联知识点，您需要熟练掌握这些技能，从而通过考试。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"中级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/220","btnTextNoPass":"开始自测","testID":"220","text":"考查您JavaScript及相关知识的「应用」能力，您需要多动手操作，从而巩固所学知识并通过考试。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"高级难度"}],"countinfo":{"dialogdata":{"length_pc":0,"length":0},"list":{"length_pc":0,"length":0}}}}
阶段 2：JavaScript
3门课程 I 147课时 I 阶段自测考试即将上线
学习前要求：熟练应用HTML和CSS。
学习后将掌握：前端开发最核心的技能JavaScript，以及jQuery和Ajax。
一键加入所有课程
JavaScript 入门与实战
免费
52课时
开始学习
jQuery 快速入门
免费
43课时
开始学习
Ajax 入门与实战
免费
52课时
开始学习
{"moduleinfo":{"showTest":false,"btnText":"一键加入所有课程","list_count":[{"count_phone":3,"count":3}],"courseLink":"https://edu.aliyun.com/course/","ifOpen":"打开","needStudyNum":"3门课程 I 42课时 I 阶段自测考试即将上线","btnLink":"javascript:void(0)","warn":"尚未开始学习","ifLogin":"打开","idName":"part3","examLink":"https://edu.aliyun.com/clouder/exam/intro/","success":"已加入本阶段所有免费课程，这些课程可在<a href='https://edu.aliyun.com/my/courses/learning' target='_blank'>【我的大学】-【我的课程】</a>中找到。","leftText":"学习前要求：能够熟练应用HTML、CSS、JavaScript开发具有交互效果的网页。<br>学习后将掌握：前端开发团队协作常用的版本控制工具SVN、Git，以及项目构建工具Webpack的使用方法。","dialogdata_count":[{"count_phone":3,"count":3}],"listName":"阶段 3：开发工具","btnTextOver":"已加入所有免费课程"},"list":[{"lessonNum":"5","btnText":"开始学习","link":"https://edu.aliyun.com/course/83","cardTitle":"1小时掌握版本控制系统 SVN","courseID":"83","status":"免费"},{"lessonNum":"10","btnText":"开始学习","link":"https://edu.aliyun.com/course/489","cardTitle":"Git 快速上手","courseID":"489","status":"免费"},{"lessonNum":"27","btnText":"开始学习","link":"https://edu.aliyun.com/course/1729","cardTitle":"前端自动化构建工具 Webpack","courseID":"1729","status":"免费"}],"dialogdata":[{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/244","btnTextNoPass":"开始自测","testID":"244","text":"考查您对前端开发工具SVN、Git、Webpack相关知识点的「了解」程度，考单一知识点。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"初级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/245","btnTextNoPass":"开始自测","testID":"245","text":"考查您对前端开发工具SVN、Git、Webpack相关知识点的「理解」程度，考多个关联知识点。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"中级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/246","btnTextNoPass":"开始自测","testID":"246","text":"考查您对前端开发工具SVN、Git、Webpack相关知识点在项目中的「应用」能力，考实际应用技能。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"高级难度"}],"countinfo":{"dialogdata":{"length_pc":0,"length":0},"list":{"length_pc":0,"length":0}}}
{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"moduleinfo":{"showTest":false,"btnText":"一键加入所有课程","list_count":[{"count_phone":3,"count":3}],"courseLink":"https://edu.aliyun.com/course/","ifOpen":"打开","needStudyNum":"3门课程 I 42课时 I 阶段自测考试即将上线","btnLink":"javascript:void(0)","warn":"尚未开始学习","ifLogin":"打开","idName":"part3","examLink":"https://edu.aliyun.com/clouder/exam/intro/","success":"已加入本阶段所有免费课程，这些课程可在<a href='https://edu.aliyun.com/my/courses/learning' target='_blank'>【我的大学】-【我的课程】</a>中找到。","leftText":"学习前要求：能够熟练应用HTML、CSS、JavaScript开发具有交互效果的网页。<br>学习后将掌握：前端开发团队协作常用的版本控制工具SVN、Git，以及项目构建工具Webpack的使用方法。","dialogdata_count":[{"count_phone":3,"count":3}],"listName":"阶段 3：开发工具","btnTextOver":"已加入所有免费课程"},"list":[{"lessonNum":"5","btnText":"开始学习","link":"https://edu.aliyun.com/course/83","cardTitle":"1小时掌握版本控制系统 SVN","courseID":"83","status":"免费"},{"lessonNum":"10","btnText":"开始学习","link":"https://edu.aliyun.com/course/489","cardTitle":"Git 快速上手","courseID":"489","status":"免费"},{"lessonNum":"27","btnText":"开始学习","link":"https://edu.aliyun.com/course/1729","cardTitle":"前端自动化构建工具 Webpack","courseID":"1729","status":"免费"}],"dialogdata":[{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/244","btnTextNoPass":"开始自测","testID":"244","text":"考查您对前端开发工具SVN、Git、Webpack相关知识点的「了解」程度，考单一知识点。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"初级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/245","btnTextNoPass":"开始自测","testID":"245","text":"考查您对前端开发工具SVN、Git、Webpack相关知识点的「理解」程度，考多个关联知识点。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"中级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/246","btnTextNoPass":"开始自测","testID":"246","text":"考查您对前端开发工具SVN、Git、Webpack相关知识点在项目中的「应用」能力，考实际应用技能。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"高级难度"}],"countinfo":{"dialogdata":{"length_pc":0,"length":0},"list":{"length_pc":0,"length":0}}}}
阶段 3：开发工具
3门课程 I 42课时 I 阶段自测考试即将上线
学习前要求：能够熟练应用HTML、CSS、JavaScript开发具有交互效果的网页。
学习后将掌握：前端开发团队协作常用的版本控制工具SVN、Git，以及项目构建工具Webpack的使用方法。
一键加入所有课程
1小时掌握版本控制系统 SVN
免费
5课时
开始学习
Git 快速上手
免费
10课时
开始学习
前端自动化构建工具 Webpack
免费
27课时
开始学习
{"moduleinfo":{"showTest":false,"btnText":"一键加入所有课程","list_count":[{"count_phone":4,"count":4}],"courseLink":"https://edu.aliyun.com/course/","ifOpen":"打开","needStudyNum":"4门课程 | 199课时 | 3套阶段自测考试","warn":"尚未开始学习","ifLogin":"打开","idName":"part4","examLink":"https://edu.aliyun.com/clouder/exam/intro/","success":"已加入本阶段所有免费课程，这些课程可在<a href='https://edu.aliyun.com/my/courses/learning' target='_blank'>【我的大学】-【我的课程】</a>中找到。","leftText":"学习前要求：能够熟练应用HTML、CSS、JavaScript开发具有交互效果的网页。<br>学习后将掌握：Vue.js、React、AngularJS三大神器，以及响应式框架Bootstrap，让你的前端开发工作如有神助！","dialogdata_count":[{"count_phone":3,"count":3}],"listName":"阶段 4：前端框架","btnTextOver":"已加入所有免费课程"},"list":[{"lessonNum":"86","btnText":"开始学习","link":"https://edu.aliyun.com/course/1728","cardTitle":"Vue.js 入门与实战","courseID":"1728","status":"免费"},{"lessonNum":"54","btnText":"开始学习","link":"https://edu.aliyun.com/course/1727","cardTitle":"React 入门与实战","courseID":"1727","status":"免费"},{"lessonNum":"25","btnText":"开始学习","link":"https://edu.aliyun.com/course/470","cardTitle":"AngularJS 快速入门","courseID":"470","status":"免费"},{"lessonNum":"34","btnText":"开始学习","link":"https://edu.aliyun.com/course/23","cardTitle":"Bootstrap 快速入门","courseID":"23","status":"免费"}],"dialogdata":[{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/231","btnTextNoPass":"开始自测","testID":"231","text":"考查您对Vue/Angular/React/BootStrap相关知识点的「了解」程度，考单一知识点。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"初级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/232","btnTextNoPass":"开始自测","testID":"232","text":"考查您对Vue/Angular/React/BootStrap相关知识点的「理解」程度，考多个关联知识点。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"中级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/233","btnTextNoPass":"开始自测","testID":"233","text":"考查您对Vue/Angular/React/BootStrap相关知识点在项目中的「应用」能力，考实际应用技能。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"高级难度"}],"countinfo":{"dialogdata":{"length_pc":0,"length":0},"list":{"length_pc":0,"length":0}}}
{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"moduleinfo":{"showTest":false,"btnText":"一键加入所有课程","list_count":[{"count_phone":4,"count":4}],"courseLink":"https://edu.aliyun.com/course/","ifOpen":"打开","needStudyNum":"4门课程 | 199课时 | 3套阶段自测考试","warn":"尚未开始学习","ifLogin":"打开","idName":"part4","examLink":"https://edu.aliyun.com/clouder/exam/intro/","success":"已加入本阶段所有免费课程，这些课程可在<a href='https://edu.aliyun.com/my/courses/learning' target='_blank'>【我的大学】-【我的课程】</a>中找到。","leftText":"学习前要求：能够熟练应用HTML、CSS、JavaScript开发具有交互效果的网页。<br>学习后将掌握：Vue.js、React、AngularJS三大神器，以及响应式框架Bootstrap，让你的前端开发工作如有神助！","dialogdata_count":[{"count_phone":3,"count":3}],"listName":"阶段 4：前端框架","btnTextOver":"已加入所有免费课程"},"list":[{"lessonNum":"86","btnText":"开始学习","link":"https://edu.aliyun.com/course/1728","cardTitle":"Vue.js 入门与实战","courseID":"1728","status":"免费"},{"lessonNum":"54","btnText":"开始学习","link":"https://edu.aliyun.com/course/1727","cardTitle":"React 入门与实战","courseID":"1727","status":"免费"},{"lessonNum":"25","btnText":"开始学习","link":"https://edu.aliyun.com/course/470","cardTitle":"AngularJS 快速入门","courseID":"470","status":"免费"},{"lessonNum":"34","btnText":"开始学习","link":"https://edu.aliyun.com/course/23","cardTitle":"Bootstrap 快速入门","courseID":"23","status":"免费"}],"dialogdata":[{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/231","btnTextNoPass":"开始自测","testID":"231","text":"考查您对Vue/Angular/React/BootStrap相关知识点的「了解」程度，考单一知识点。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"初级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/232","btnTextNoPass":"开始自测","testID":"232","text":"考查您对Vue/Angular/React/BootStrap相关知识点的「理解」程度，考多个关联知识点。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"中级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/233","btnTextNoPass":"开始自测","testID":"233","text":"考查您对Vue/Angular/React/BootStrap相关知识点在项目中的「应用」能力，考实际应用技能。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"高级难度"}],"countinfo":{"dialogdata":{"length_pc":0,"length":0},"list":{"length_pc":0,"length":0}}}}
阶段 4：前端框架
4门课程 | 199课时 | 3套阶段自测考试
学习前要求：能够熟练应用HTML、CSS、JavaScript开发具有交互效果的网页。
学习后将掌握：Vue.js、React、AngularJS三大神器，以及响应式框架Bootstrap，让你的前端开发工作如有神助！
一键加入所有课程
Vue.js 入门与实战
免费
86课时
开始学习
React 入门与实战
免费
54课时
开始学习
AngularJS 快速入门
免费
25课时
开始学习
Bootstrap 快速入门
免费
34课时
开始学习
{"moduleinfo":{"showTest":false,"btnText":"一键加入所有课程","list_count":[{"count_phone":2,"count":2}],"courseLink":"https://edu.aliyun.com/course/","ifOpen":"打开","needStudyNum":"2门课程 I 204课时 I 阶段自测考试即将上线","warn":"尚未开始学习","ifLogin":"打开","idName":"part5","examLink":"https://edu.aliyun.com/clouder/exam/intro/","success":"已加入本阶段所有免费课程，这些课程可在<a href='https://edu.aliyun.com/my/courses/learning' target='_blank'>【我的大学】-【我的课程】</a>中找到。","leftText":"学习前要求：PC端的前端开发技能已经炉火纯青。<br>学习后将掌握：基于移动设备的Web前端开发技能，以及Node.js服务器端开发技能。","dialogdata_count":[{"count_phone":3,"count":3}],"listName":"阶段 5：移动及服务端开发","btnTextOver":"已加入所有免费课程"},"list":[{"lessonNum":"115","btnText":"开始学习","link":"https://edu.aliyun.com/course/1746","cardTitle":"移动Web前端开发","courseID":"1746","status":"免费"},{"lessonNum":"89","btnText":"开始学习","link":"https://edu.aliyun.com/course/1730","cardTitle":"Node.js 快速入门与实战","courseID":"1730","status":"免费"}],"dialogdata":[{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/263","btnTextNoPass":"开始自测","testID":"263","text":"考查您对移动前端开发及Node.js相关知识点的「了解」程度，考单一知识点。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"初级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/264","btnTextNoPass":"开始自测","testID":"264","text":"考查您对移动前端开发及Node.js相关知识点的「理解」程度，考多个关联知识点。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"中级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/265","btnTextNoPass":"开始自测","testID":"265","text":"考查您对移动前端开发及Node.js相关知识点在项目中的「应用」能力，考实际应用技能。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"高级难度"}],"countinfo":{"dialogdata":{"length_pc":0,"length":0},"list":{"length_pc":0,"length":0}}}
{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"moduleinfo":{"showTest":false,"btnText":"一键加入所有课程","list_count":[{"count_phone":2,"count":2}],"courseLink":"https://edu.aliyun.com/course/","ifOpen":"打开","needStudyNum":"2门课程 I 204课时 I 阶段自测考试即将上线","warn":"尚未开始学习","ifLogin":"打开","idName":"part5","examLink":"https://edu.aliyun.com/clouder/exam/intro/","success":"已加入本阶段所有免费课程，这些课程可在<a href='https://edu.aliyun.com/my/courses/learning' target='_blank'>【我的大学】-【我的课程】</a>中找到。","leftText":"学习前要求：PC端的前端开发技能已经炉火纯青。<br>学习后将掌握：基于移动设备的Web前端开发技能，以及Node.js服务器端开发技能。","dialogdata_count":[{"count_phone":3,"count":3}],"listName":"阶段 5：移动及服务端开发","btnTextOver":"已加入所有免费课程"},"list":[{"lessonNum":"115","btnText":"开始学习","link":"https://edu.aliyun.com/course/1746","cardTitle":"移动Web前端开发","courseID":"1746","status":"免费"},{"lessonNum":"89","btnText":"开始学习","link":"https://edu.aliyun.com/course/1730","cardTitle":"Node.js 快速入门与实战","courseID":"1730","status":"免费"}],"dialogdata":[{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/263","btnTextNoPass":"开始自测","testID":"263","text":"考查您对移动前端开发及Node.js相关知识点的「了解」程度，考单一知识点。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"初级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/264","btnTextNoPass":"开始自测","testID":"264","text":"考查您对移动前端开发及Node.js相关知识点的「理解」程度，考多个关联知识点。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"中级难度"},{"pass":"是","btnTextNoUse":"敬请期待","link":"https://edu.aliyun.com/clouder/exam/intro/265","btnTextNoPass":"开始自测","testID":"265","text":"考查您对移动前端开发及Node.js相关知识点在项目中的「应用」能力，考实际应用技能。","btnTextPass":"<img src='https://img.alicdn.com/tfs/TB15QbWXAH0gK0jSZFNXXXMqXXa-32-32.png'>已通过考试","title":"高级难度"}],"countinfo":{"dialogdata":{"length_pc":0,"length":0},"list":{"length_pc":0,"length":0}}}}
阶段 5：移动及服务端开发
2门课程 I 204课时 I 阶段自测考试即将上线
学习前要求：PC端的前端开发技能已经炉火纯青。
学习后将掌握：基于移动设备的Web前端开发技能，以及Node.js服务器端开发技能。
一键加入所有课程
移动Web前端开发
免费
115课时
开始学习
Node.js 快速入门与实战
免费
89课时
开始学习
{"moduleinfo":{"moduleTitle":"课程合作伙伴","list_count":[{"count_phone":3,"count":3}]},"list":[{"icon":"https://img.alicdn.com/tfs/TB1pTvYafc3T1VjSZPfXXcWHXXa-220-118.png","iconColor":"https://img.alicdn.com/tfs/TB1vz9ETgHqK1RjSZFEXXcGMXXa-220-118.png","link":"javascript:void(0)"},{"icon":"https://img.alicdn.com/tfs/TB1mjfzge3tHKVjSZSgXXX4QFXa-220-118.png","iconColor":"https://img.alicdn.com/tfs/TB1C4iKTgHqK1RjSZFkXXX.WFXa-220-118.png","link":"javascript:void(0)"},{"icon":"https://img.alicdn.com/tfs/TB1gOqATmzqK1RjSZFHXXb3CpXa-220-118.png","iconColor":"https://img.alicdn.com/tfs/TB1nkWzTmzqK1RjSZFjXXblCFXa-220-118.png","link":"javascript:void(0)"}],"countinfo":{"list":{"length_pc":0,"length":0}}}
{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"moduleinfo":{"moduleTitle":"课程合作伙伴","list_count":[{"count_phone":3,"count":3}]},"list":[{"icon":"https://img.alicdn.com/tfs/TB1pTvYafc3T1VjSZPfXXcWHXXa-220-118.png","iconColor":"https://img.alicdn.com/tfs/TB1vz9ETgHqK1RjSZFEXXcGMXXa-220-118.png","link":"javascript:void(0)"},{"icon":"https://img.alicdn.com/tfs/TB1mjfzge3tHKVjSZSgXXX4QFXa-220-118.png","iconColor":"https://img.alicdn.com/tfs/TB1C4iKTgHqK1RjSZFkXXX.WFXa-220-118.png","link":"javascript:void(0)"},{"icon":"https://img.alicdn.com/tfs/TB1gOqATmzqK1RjSZFHXXb3CpXa-220-118.png","iconColor":"https://img.alicdn.com/tfs/TB1nkWzTmzqK1RjSZFjXXblCFXa-220-118.png","link":"javascript:void(0)"}],"countinfo":{"list":{"length_pc":0,"length":0}}}}
课程合作伙伴
{"moduleinfo":{"mainText":"如果您有任何问题，请通过下面的方式咨询，我们会在24小时内答复您：","subText":"aliyunedu@list.alibaba-inc.com"}}
{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"moduleinfo":{"mainText":"如果您有任何问题，请通过下面的方式咨询，我们会在24小时内答复您：","subText":"aliyunedu@list.alibaba-inc.com"}}}
如果您有任何问题，请通过下面的方式咨询，我们会在24小时内答复您：
aliyunedu@list.alibaba-inc.com
{"moduleinfo":{"bg":"https://img.alicdn.com/tfs/TB1dmgOeKP2gK0jSZFoXXauIVXa-1920-200.png","link":"https://edu.aliyun.com/roadmap/damo","bgh5":"https://img.alicdn.com/tfs/TB1OFQMeSf2gK0jSZFPXXXsopXa-720-200.png"}}
{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"moduleinfo":{"bg":"https://img.alicdn.com/tfs/TB1dmgOeKP2gK0jSZFoXXauIVXa-1920-200.png","link":"https://edu.aliyun.com/roadmap/damo","bgh5":"https://img.alicdn.com/tfs/TB1OFQMeSf2gK0jSZFPXXXsopXa-720-200.png"}}}
