关闭

课程导览视频

基础课程

进阶课程

基础课程

学习时长4-6周

制作响应式简历

JS 开发朋友圈

进阶课程

学习时长8-12周

面向对象开发射击小游戏

React 开发口袋豆瓣

开始前端之旅

关于学位、导师、课程……你想了解的方方面面都在这里。

  • Next 学位是什么
  • 专业导师的要求及建议
  • 不断迭代的 Web 技术
  • 写下你的学习计划

HTML 基础

关注 HTML 基础知识,助你轻松入门前端开发,把文章写成 HTML 格式。

  • 认识 HTML5节
  • HTML 元素9节
  • 嵌套及 HTML 树6节
  • 专业级开发环境8节
  • HTML 习题集6节

项目:个人游记

CSS 基础

涉及 CSS 语法、盒模型、样式优先级等,给予你丰富博客的无限可能。

  • CSS 基础10节
  • 选择器12节
  • 属性和值11节
  • CSS 盒子12节
  • 样式计算8节
  • 锻造利器——编辑器6节
  • CSS 习题集7节

项目:美化博客

HTML & CSS 进阶

深入剖析布局原理,挖掘动画、响应式设计等,让你的简历脱颖而出。

  • CSS 布局32节
  • CSS 动画14节
  • 响应式设计12节
  • 预处理器了解6节
  • 习题集5节

项目:响应式简历

JS 基础

剖析朋友圈,挖掘数据类型、流程控制和 DOM 操作等 JS 语言基础。

  • JavaScript 语言基础41节
  • 流程控制18节
  • BOM9节
  • DOM25节
  • 事件9节
  • jQuery 简单教程15节
  • 习题集7节

项目:简版朋友圈

JS 进阶

开发射击小游戏,熟悉面向对象的编程理念和大型项目的代码组织方式。

  • 创建对象31节
  • 继承16节
  • canvas 入门17节
  • canvas 进阶9节
  • 习题集5节

项目:射击小游戏

性能与工程化

了解 Web 开发的性能瓶颈,通过必不可少的构建工具实现性能优化。

  • 网络通路简介21节
  • 浏览器渲染简述12节
  • 性能22节
  • Node.js 简介9节
  • 模块化21节
  • 工程化18节

项目:性能优化

JS 继续深入

深入设计模式和 Ajax,介绍 React、Vue 等框架,打造口袋豆瓣。

  • 正则表达式24节
  • Ajax20节
  • 设计模式25节
  • React23节

项目:口袋豆瓣

项目测试

了解测试驱动开发的基本理念、常用测试框架,剖析经典测试场景。

  • 基本概念6节
  • 常见框架介绍3节
  • DOM 和 UI 的测试2节
  • 测试异步流程2节
  • 代码覆盖率2节

项目:打造自己的 JS 库

安全攻防

着眼安全,系统地介绍安全知识、常见安全攻击手段与防范方法。

  • XSS10节
  • CSRF7节
  • 更多安全6节

项目:安全实践

初学者

  • 知识碎片化,食古不化
  • 机械化劳作,心力憔悴
  • 独自作战,代码杂乱无章
  • 忽视安全漏洞,留下未知隐患
  • 以完成任务为目标,性能研究甚少

职业工程师

  • 知识体系化,融会贯通
  • 工程化思维,一劳永逸
  • 团队协作,规范严谨有序
  • 安全牢记于心,代码固若金汤
  • 深知用户体验至上,网页秒开

精心打磨的教学工具,只为更好的学习体验

体验一下
开始练习
预览
提交

边学边练,在线编程

3-5分钟短视频,学会一个知识点

听完课马上动手练习

在线查看编译效果

立即得到反馈

体验一下
去做项目
上传项目
修改项目
上传项目

除了我们说的,你还可以听听他们怎么说

Next 学位课程是以大公司的前端工程师要求为标准去教学的,之前我以为我有了一定的前端基础,可能学来对我没什么帮助,但学了之后才发现了自己的种种差距。从代码规范到思维的锻炼,我不断地在进步,在学习的过程中发现自己渐渐地又上了一个跳板。
张益铭 广东工业大学,大二
学完感觉不仅提升以前所掌握的,还纠正了过往的一些错误认识。课程技术内容中,不仅仅告诉如何使用知识点,更是深入源头,后续再演化到更复杂和高阶的手段,令人受益匪浅;老师都是鹅厂在职高级工程师,对于不懂的地方解答也很详尽,最后同时也培养工程师文化和办公的一些内容,避免转行或者新人一窍不懂的情况发生,尽全力培养非流水线型的技术人员。
宋维汉 宋维汉 职场人士
这个课程的优势在于有让你觉得老师是在找茬的严格的项目批改,有一系列高级前端工程师的工作规范教学直播,课程知识体系完整,注重扎实的基础,但是如果不花心思去学,那这门课对你依然是一无所用,因为这门课的老师更像是导师。
卓钟侄 卓钟侄 肇庆学院,大三
课程的知识体系十分完善以及全面!感觉这门课就像个指南针,带着我一步一步脚踏实地地往前走,不会让我再那么迷茫了。助教很可爱,班长很细心,老师很认真,他们都让我切切实实地感受到了“家庭”的温暖,而不是一个只顾着学习的“冷机构”。
张静宜 广东工业大学,大二

国内顶尖前端团队之一,负责腾讯教育业务

邝伟科

前腾讯前端工程师,特约嘉宾

江源

腾讯高级前端工程师

郭学亨

前腾讯技术总监,特约嘉宾

徐远朝

腾讯高级UI工程师

郭锋棉

腾讯前端工程师

除了完善的上课体验,我们还提供更多与专家互动的机会

专家 1V1

专家零距离对话,亲自解答你的个性化问题。每个学员都能免费享受到价值300元的专家 1V1 服务。

项目批改

每个项目免费享受3次价值200元的专家批改服务,帮你更快速掌握代码规范。

工程师文化课与直播答疑

免费享受多节工程师文化课与直播答疑,带你快速了解除代码之外的必备技能。

助教督学

助教为你安排合理的学习计划,和同学们在学习群里同步学习,互助交流。

学位证书

进阶课程与完整课程优秀学员将获得由国内顶尖前端团队 IMWeb Team 颁发的前端能力认证,证明你的技术实力。

腾讯系实习机会

进阶课程与完整课程的优秀学员,将有机会获得腾讯系企业的实习和工作推荐。

学费减免

完整课程的第一名返还全额学费,第二名返还80%学费,第三名返还50%学费(以课程红包或 Q 币形式)。

基础课程

适合人群:从零开始,夯实基本功的学员

项目批改 4 个

专家一对一咨询 1 次

工程师文化课或直播答疑 2 节

尝鲜价

¥ 2399

¥ 2999

加载中

完整课程(基础 + 进阶)

适合人群:一气呵成,系统进攻前端的学员

项目批改 9 个

专家一对一咨询 2 次

工程师文化课或直播答疑 7 节

NEXT 学位认证

实习推荐机会

学费减免机会

尝鲜价

¥ 5999

¥ 7799

加载中

进阶课程

适合人群:已有基础,进阶高级技能的学员

项目批改 5 个

专家一对一咨询 1 次

工程师文化课或直播答疑 5 节

NEXT 学位认证

实习推荐机会

尝鲜价

¥ 3999

¥ 5399

加载中

什么是前端工程师 NEXT 学位?

前端工程师 NEXT 学位项目是由腾讯课堂与 IMWeb 团队共同打造的学习认证项目。课程导师、专家和 Code Reviewer 都来自 BAT 等一线互联网公司。

我可以从前端工程师 NEXT 学位项目中获得什么?

学完 NEXT 学位的所有课程,你将掌握前端工程师所需的必备技能,能够完成一系列实战项目!进阶课程和完整课程的优秀学员,将获得 IMWeb 团队颁发的前端能力认证证书,更有机会获得学费减免、腾讯系公司的内推机会等多重福利!

如何在基础课程和进阶课程中做出选择?

基础课程适合小白和想要对基础查漏补缺的同学,从零开始循序渐进地学习前端开发基础知识;进阶课程适合已经熟悉 HTML、CSS 和 Javascript 的同学,将深入涉及项目开发与性能。 或者你可以选择完整课程,连贯学习基础和进阶知识。

上课的形式是怎样的?可以根据自己的时间调整学习进度吗?

上课采用录播和直播结合的方式,课后还有代码批改、1V1 技术辅导、工程师文化课、直播答疑和同步学习小组等多种服务,你可以根据自己的时间安排学习进度,并可以无限制地访问录播视频与自己完成的实战项目。

学完课程需要多长时间?

建议学员每周至少投入10-15小时来学习,如果按此学习时间计算,学员通常可以在4-6周内完成基础课程,在8-12周内完成进阶课程,在3-4个月内完成完整课程。

为什么每一期会限定席位?

我们的课程将为每一位学员提供专家 1V1 辅导、代码批改、工程师文化课、直播答疑和个性化就业指导,每一个步骤都由 BAT 等一线工作人员把关,确保课程质量,因此席位很宝贵。

参加了本课程是否就能进腾讯?

对于本课程的目的,是希望将腾讯一线工程师的经验传授,让学生站在他们的肩膀上成为下一个更优秀的前端工程师。对于有实力的同学,腾讯会优先考虑。

报名后发现课程不适合自己怎么办?

学员如果在报名后发现课程内容不适合,可以在报名后7天内申请退款,将按未学内容比例获得退款;退款将于申请后15-20个工作日内返还原支付账号。以上退款操作不支持使用分期付款的课程。