前端开发学习路线（学+测）

我的大学

{"moduleinfo":{"act_rules":"立即抢购","header_color":"linear-gradient(-225deg, #F31984 0%, #FD6924 100%)","item_sub_title":"2021焕新出发","terms_text":"","desc_url":"","new_price":"低至3折，百万代金券大放送","title_img":"https://img.alicdn.com/tfs/TB1pcFhAOLaK1RjSZFxXXamPFXa-800-180.png","title":"ACA认证 / ACP认证 / ACE认证","day_time":7,"url":"https://edu.aliyun.com/promotion/384","no_url":"edu.aliyun.com/lesson,edu.aliyun.com/clouder/exam,edu.aliyun.com/my,edu.aliyun.com/clouder/OfflineExam/detail","isLogin":"//edu.aliyun.com/clouder/activity/isLogin","button_color":"linear-gradient(-225deg, #F31984 0%, #FD6924 100%)","price":"","terms_url":"","min_img":"https://img.alicdn.com/imgextra/i4/O1CN01dtXeFT1vooB6aJcRm_!!6000000006220-2-tps-584-392.png","item_title":"阿里云认证新年特惠","title_h_img":"https://gw.alicdn.com/tfs/TB1hfIUApzqK1RjSZSgXXcpAVXa-600-180.png","courseId":null,"desc_img":"https://gw.alicdn.com/tfs/TB12cITAAvoK1RjSZFNXXcxMVXa-16-16.png","xinRen":"//edu.aliyun.com/clouder/api/learnPath/getCourseLearningProgress","desc":"阿里云专业认证体系，助您成为更强大的自己"}}

{"$env":{"JSON":{}},"$page":{"env":"production"},"$context":{"moduleinfo":{"act_rules":"立即抢购","header_color":"linear-gradient(-225deg, #F31984 0%, #FD6924 100%)","item_sub_title":"2021焕新出发","terms_text":"","desc_url":"","new_price":"低至3折，百万代金券大放送","title_img":"https://img.alicdn.com/tfs/TB1pcFhAOLaK1RjSZFxXXamPFXa-800-180.png","title":"ACA认证 / ACP认证 / ACE认证","day_time":7,"url":"https://edu.aliyun.com/promotion/384","no_url":"edu.aliyun.com/lesson,edu.aliyun.com/clouder/exam,edu.aliyun.com/my,edu.aliyun.com/clouder/OfflineExam/detail","isLogin":"//edu.aliyun.com/clouder/activity/isLogin","button_color":"linear-gradient(-225deg, #F31984 0%, #FD6924 100%)","price":"","terms_url":"","min_img":"https://img.alicdn.com/imgextra/i4/O1CN01dtXeFT1vooB6aJcRm_!!6000000006220-2-tps-584-392.png","item_title":"阿里云认证新年特惠","title_h_img":"https://gw.alicdn.com/tfs/TB1hfIUApzqK1RjSZSgXXcpAVXa-600-180.png","courseId":null,"desc_img":"https://gw.alicdn.com/tfs/TB12cITAAvoK1RjSZFNXXcxMVXa-16-16.png","xinRen":"//edu.aliyun.com/clouder/api/learnPath/getCourseLearningProgress","desc":"阿里云专业认证体系，助您成为更强大的自己"}}}

阿里云专业认证体系，助您成为更强大的自己

ACA认证 / ACP认证 / ACE认证

低至3折，百万代金券大放送

立即领取

暂不考虑

{"$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":"5 大"},{"txt":"免费课程","num":"15 门"},{"txt":"教学视频","num":"688 课时"},{"txt":"自测考试","num":"15 套"}],"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

技能自测技能自测

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":"学习前要求：基本的计算机操作能力，比如浏览网页、查资料等，以及坚持学习的决心和恒心。 学习后将掌握：可以使用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":"学习前要求：基本的计算机操作能力，比如浏览网页、查资料等，以及坚持学习的决心和恒心。 学习后将掌握：可以使用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。 学习后将掌握：前端开发最核心的技能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。 学习后将掌握：前端开发最核心的技能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开发具有交互效果的网页。 学习后将掌握：前端开发团队协作常用的版本控制工具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开发具有交互效果的网页。 学习后将掌握：前端开发团队协作常用的版本控制工具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开发具有交互效果的网页。 学习后将掌握：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开发具有交互效果的网页。 学习后将掌握：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端的前端开发技能已经炉火纯青。 学习后将掌握：基于移动设备的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端的前端开发技能已经炉火纯青。 学习后将掌握：基于移动设备的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课时

开始学习

课程合作伙伴

如果您有任何问题，请通过下面的方式咨询，我们会在24小时内答复您：

aliyunedu@list.alibaba-inc.com