课程概况
围绕前端岗位设计的体系化课程,由网易资深工程师教学,通过网易真实Mini项目实战,助你掌握前端专业技术能力
针对岗位技能而设置体系化课程,由网易一线资深前端开发工程师研发,通过网易真实mini项目实战,零基础完成项目作品产出!学习过程即工作经验!
包含课程
1 页面制作必修
页面制作课程以解决实际案例为导向,从基础表现到原理深入再到实际应用,教授如何使用HTML、CSS来编写静态页面。
课程的核心内容有PS切图、HTML标签、CSS选择器、CSS文本、CSS盒模型、CSS背景、CSS布局、CSS动画等。
学完本课程后你可以:
掌握Photoshop切图技巧,独立完成切图
掌握HTML,能编写语义化的网页
掌握CSS,能完成网页布局和排版
能独立完成从效果图到网页的编码实现
2 JavaScript程序设计必修
Javascript程序设计课程以ECMAScript 5.1为标准,从基本语法到原理深入,教授如何理解和编写Javascript程序。
课程的核心内容有语言简介、调试器、类型系统、内置对象、基本语法、变量作用域、闭包、面向对象编程等。
学完本课程后你可以:
掌握如何编写和调试Js程序
掌握Js的类型和语法
掌握Js各种内置对象的使用
掌握变量作用域及闭包原理,灵活运用闭包解决实际问题
掌握原型继承及原型链原理,使用面向对象思想编写js代码
3 DOM编程艺术必修
DOM编程是使用W3C定义的API来操作HTML文档,使用户可以与页面交互。
在本课程中,你将学习节点、属性、样式等基本DOM操作,DOM事件模型,数据存储(cookie、storage)与数据通信(ajax),JS动画,音频、视频、canvas等HTML5特性,表单、列表操作。带你进入前端开发实践,领略前端DOM的神奇。
学完本课程后你可以:
掌握DOM操作、事件模型,做易交互的页面。
掌握数据通讯与存储,玩转数据。
掌握JS动画原理,制作炫酷动画。
掌握音频、视频接口,给页面增加视听效果。
掌握Canvas接口,绘制精美图画。
4 页面架构必修
页面架构课程从实际需求出发,深入浅出讲解多种需求的多种解决方案和优缺点,讲解各种页面优化方案以及如何为团队或产品制定规范等,帮助你完成产品的页面架构,进一步提升前端页面技术。
课程内容包括:布局解决方案、响应式、页面优化、规范与模块化等。
学完本课程后你可以:
掌握多种布局方式并了解其优缺点
掌握响应式原理和实现,轻松实现网页的多端适配
对你的产品网页进行页面优化,提升网页速度和开发维护效率
为你的团队和产品制定规范,提升团队协作效率
5 产品前端架构必修
本课程主要专注于引导前端工程师去主导团队高效协作,去引领团队规范化、工程化构建复杂系统的实践过程
本课程的核心内容包括:
多角色低耦合的协作流程、协作规范
多角度分析选择适合具体项目的技术解决方案
工程化的版本管理、系统构建案例分析
通过本课程的学习,你可以:
高效的与团队中其他角色进行协作
引领团队规范化、工程化的构建系统
了解多种解决方案不同实现的优缺点
学习如何运用所学的知识技能构建可维护、可扩展的复杂系统
★ Web前端开发实践必修
本课程提供了一个产品需求,包含交互、视觉、功能要求等,学生需要将前面五门课程所学的知识应用到具体产品开发中,最终完成产品的开发任务,老师将亲自阅卷并给出评价。
本课程主要考察学生对前端技术的掌握情况,并将其运用于产品实践:包括阅读交互、视觉稿,练习页面制作、js交互、通讯、SEO、规范、代码优化等。