WEB大前端工程师

HTML、CSS,Javascript打底儿, HTML5 妥妥的,再来上Node.js,你们公司还真的需要php工程师么?

  • WEB大前端工程师
  • 195课程

    693个视频课时

  • 93小时

    合计课程时长

  • 4001064

    共计4332757次学习

  • 小白

  • 走进前端工程师的世界
  • HTML5
  • CSS3
  • 初级开发工程师实战
  • 初级前端开发工程师面试题
  • 初级

  • JavaScript
  • 中级前端开发工程师常用的库——jQuery
  • 中级前端开发工程师常用的库——jQuery UI
  • 中级前端开发工程师常用的库——Backbone
  • 中级前端开发工程师常用的库——AngularJS
  • 中级前端开发工程师常用的库——Bootstrap
  • 中级前端开发工程师常用的库——ReactJS
  • 项目实战
  • 中级前端工程师面试题
  • 中级

  • CSS在工程中改变
  • 项目构建与部署
  • 前端常用的库和实用技术
  • 常见设计模式
  • 前端开发其他类别工程师配合
  • Web安全
  • Windows&Linux基础
  • NodeJS
  • 游戏开发
  • 高级

  • 资深前端开发工程师面试题
  • 资深

  • Google V8 引擎
  • 专家级

  • 学习中
  • 已学完
  • 未学习
  • 即将上线

初级WEB前端工程师
适合新人系统化学习的最佳实践

走进前端工程师的世界
本阶段将带你走进前端工程师的世界。
1.走进前端工程师的世界
HTML5
  HTML5是Web开发世界的一次重大的改变,它代表着未来趋势,HTML5虽不算新技术,但也有很大的更改,所以目前人才的短缺成为一个难题。如果掌握了“实战路径图”中的所有技术需求,你将成为一名合格的HTML5开发工程师,可以从事HTML5移动应用开发、游戏开发等工作,或成为HTML5平台应用开发和测试的专业技术人员。
1.HTML 5 与HTML 4 的区别 2.HTML5 新增的主体结构元素 3.HTML5 新增的的非主体结构元素
4.HTML5 表单新增元素与属性 5.HTML5 表单新增元素与属性(续) 6.HTML5 改良的 input 元素的种类
7.HTML5 增强的页面元素 8.HTML5 编辑 API 之 Range 对象(一) 9.HTML5 编辑 API 之 Range 对象(二)
10.HTML5 音频视频 11.HTML5拖放 12.HTML5 Canvas 标签的使用
13.HTML5 Canvas 使用路径 14.HTML5 Canvas 绘制渐变图形与绘制变形图形 15.HTML5 Canvas 图形绘制处理
16.HTML5 Canvas 应用 17.SVG 18.HTML5 File API 的应用
19.HTML5 File API 的应用进阶 20.Web储存 21.HTML5 应用缓存与Web Workers
22.服务器推送事件 23.响应式布局基础 24.响应式布局之Bootstrap
25.使用 HTML5 构建应用布局和页面
CSS3
CSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。 只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括: 盒子模型、列表模块、超链接方式 、语言模块 、背景和边框 、文字特效 、多栏布局等。
1.CSS入门基础知识 2.CSS基本样式讲解 3.CSS定位
4.CSS盒子模型 5.CSS常用操作 6.CSS选择器
7.CSS动画—页面特效 8.HTML与CSS简单页面效果实例 9.CSS3选择器详解(一)
10.CSS3 选择器详解(二) 11.CSS3 选择器详解(三) 12.CSS3 文字与字体相关样式
13.CSS3盒子相关样式 14.CSS3背景与边框相关样式 15.SVN介绍和应用
16.CSS3 中的动画功能 17.老式浏览器支持HTML5和CSS3 18.CSS3 布局属性全接触
初级开发工程师实战
本阶段主要目的是让初级前端开发师可以对HTML+CSS有较深度的掌握以及用实战的目的帮助对所学知识的灵活运用。
1.HTML5实战:图片与标签配合制作页面 2.HTML实战-极客学院播放视频页面布局 3.HTML5开发项目实战:照片墙
4.HTML5开发项目实战:导航栏 5.HTML实战-极客学院路径图页面布局实现 6.响应式布局之Bootstrap
初级前端开发工程师面试题
本阶段介绍初级前端工程师面试题,初级前端初入职场,一定要对HTML和CSS要非常好的运用。
1.初级前端工程师面试题

中级WEB前端工程师
适合新人系统化学习的最佳实践

JavaScript
JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。 在1995年时,由Netscape公司的Brendan Eich,在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作,Netscape管理层希望它外观看起来像Java,因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。 为了取得技术优势,微软推出了JScript,CEnvi推出ScriptEase,与JavaScript同样可在浏览器上运行。为了统一规格,因为JavaScript兼容于ECMA标准,因此也称为ECMAScript。
1.JavaScript基础教程 2.JavaScript语法详解 3.JavaScript函数
4.JavaScript异常处理和事件处理 5.JavaScript DOM对象 6.JavaScript事件详解
7.JavaScript内置对象 8.JavaScript DOM对象控制HTML元素详解 9.JavaScript浏览器对象
10.Javascript瀑布流 11.JavaScript面向对象详解 12.JavaScript正则表达式
中级前端开发工程师常用的库——jQuery
中级前端开发工程师常用的库有很多,此时需要掌握操作DOM的jQuery、以及接触前端MVC的Backbone、以及图标库Highcharts、和最新的组件库AngularJS等。
1.jQuery简介及语法 2.jQuery选择器和事件 3.jQuery HTML之捕获、设置、元素添加、元素删除
4.jQuery效果之隐藏与显示、淡入淡出、滑动、回调 5.jQuery AJAX之异步访问和加载片段 6.jQuery的扩展与noConflict
7.jQuery CSS操作及jQuery的盒子模型 8.jQuery之元素的遍历与元素的过滤 9.jQuery 菜单
10.jQuery 实例:标签切换
中级前端开发工程师常用的库——jQuery UI
中级前端开发工程师常用的库有很多,此时需要掌握操作DOM的jQuery、以及接触前端MVC的Backbone、以及图标库Highcharts、和最新的组件库AngularJS等。
1.jQuery UI下载与使用 2.jQuery UI Interactions 3.jQuery UI Widgets(1)
4.jQuery UI Widgets(2)
中级前端开发工程师常用的库——Backbone
中级前端开发工程师常用的库有很多,此时需要掌握操作DOM的jQuery、以及接触前端MVC的Backbone、以及图标库Highcharts、和最新的组件库AngularJS等。
1.Backbone 概述
中级前端开发工程师常用的库——AngularJS
中级前端开发工程师常用的库有很多,此时需要掌握操作DOM的jQuery、以及接触前端MVC的Backbone、以及图标库Highcharts、和最新的组件库AngularJS等。
1.AngularJS 入门 2.AngularJS 进阶 3.AngularJS 进阶- Services 与指令的使用
4.AngularJS内置服务$http的使用 5.AngularJS 进阶- Directive 的使用 6.AngularJS 之移动 APP 开发
中级前端开发工程师常用的库——Bootstrap
中级前端开发工程师常用的库有很多,此时需要掌握操作DOM的jQuery、以及接触前端MVC的Backbone、以及图标库Highcharts、和最新的组件库AngularJS等。
1.Bootstrap 简介 2.Bootstrap CSS 栅格、代码和表格 3.Bootstrap CSS 表单、按钮和图片
4.Bootstrap 组件之下拉菜单、按钮组、按钮式下拉菜单 5.Bootstrap 输入框组、导航和导航条 6.Bootstrap媒体对象、面板和Well
7.Bootstrap 过渡效果、模态框和下拉菜单 8.Bootstrap 基本组件 9.Bootstrap 警告框、进度条和列表组
10.Bootstrap 滚动监听、标签页和工具提示 11.Bootstrap 实例 12.Bootstrap 进阶
中级前端开发工程师常用的库——ReactJS
中级前端开发工程师常用的库有很多,此时需要掌握操作DOM的jQuery、以及接触前端MVC的Backbone、以及图标库Highcharts、和最新的组件库AngularJS等。
1.React 概述 2.JSX 语法及特点介绍 3.React组件生命周期详解
4.React 属性和状态详解 5.React 中事件的用法 6.React 组件的协同使用
7.React 表单详解
项目实战
1.HTML5开发项目实战:列表切换 2.HTML实战-标签切换效果 3.jQuery 实例:标签切换
4.HTML5开发项目实战:幽灵按钮 5.Javascript瀑布流 6.jQuery瀑布流
7.HTML5开发项目实战:侧边栏固定 8.HTML5实战:回到顶部功能实现
中级前端工程师面试题
中级前端开发工程师是企业不可或缺的一部分,也是大部分业务逻辑的创造者,中级前端开发工程师要有足够的学习能力以及对新知识的渴望才能到达高级的地步。在中级阶段有很大的的进步发展空间,本课程主要给大家讲解一下中级前端在面试的时候问到的大部分问题以及面试注意事项。
1.中级前端工程师面试题

高级WEB前端工程师
适合新人系统化学习的最佳实践

CSS在工程中改变
1994年哈坤·利提出了CSS的最初建议。伯特·波斯(Bert Bos)当时正在设计一个叫做Argo的浏览器,他们决定一起合作设计CSS。 直到今天CSS3已经被支持的非常好,而且CSS4的草案也已经在设计中。可是很多开发人员依旧把CSS当做枯燥无味的技术,随意的堆积。其实CSS在工程中已经发生了很多变化,如面向对象的CSS 以及像程序开发一样进行CSS的开发。
1.面向对象的 CSS 2.Less 介绍和应用 3.SASS 介绍和应用

4.CSS后处理器

项目构建与部署
前端开发随着H5等WEB2.0的到来,整体项目越来越大,我们为了保证高可用的网站性能,常常需要人工的区践行雅虎军规进行压缩打包合并。人工维护的成本随着整体项目越来越大,这个时候代码的版本管理以及整体的代码编译就需要工业化的框架和相对的版本管理器进行管理。
1.Grunt 介绍和应用 2.Gulp 介绍和应用 3.Bower 介绍和应用
4.Yeoman 介绍和应用 5.FIS 介绍和应用 6.深入理解 Git 远程操作
7.Git 远程协作 8.理解 Git 中 push.default 配置的作用 9.使用 Git 进行问题定位以及代码查找
10.SVN介绍和应用
前端常用的库和实用技术
本阶段主要介绍前端开发中最实用的一些性能优化、数据推送、模块等一线技术。以及项目开发过程中更多的库,我们要有能力去比较每一个实现同一个目的库的区别。
1.JavaScript 模块化 2.JavaScript数据推送 3.JavaScript高级函数
4.JavaScript高级技巧 5.JavaScript面向切面编程 6.JavaScript多线程
常见设计模式
设计模式(Design pattern)是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性。 毫无疑问,设计模式于己于他人于系统都是多赢的;设计模式使代码编制真正工程化;设计模式是软件工程的基石脉络,如同大厦的结构一样。 JavaScript里一样可以去实现这些经典的设计模式。
1.JavaScript 设计模式简介 2.JavaScript 设计模式之单例模式 3.Javascript 设计模式之构造函数模式
4.Javascript 设计模式之建造者模式 5.JavaScript 设计模式之工厂模式 6.JavaScript 设计模式之外观模式
7.Javascript 设计模式之代理模式 8.JavaScript 设计模式之观察者模式 9.JavaScript 设计模式之策略模式
10.JavaScript 设计模式之命令模式 11.JavaScript 设计模式之迭代器模式 12.JavaScript 设计模式之职责链模式
13.JavaScript 设计模式之适配器模式 14.JavaScript 设计模式之模板方法 15.JavaScript 设计模式之原型模式
前端开发其他类别工程师配合
前端开发工程师在跟UI(用户界面设计工程师) UE(用户体验工程师)配合的过程中,需要我们把绚丽的图片切成我们所需要的图片,这个时候就要掌握字体转换,图片格式,以及将PSD转换成一张张小图片供我们使用。而且我们还有更多的合作伙伴,比如产品经理,后端开发人员,我们需要很多技巧才能跟小伙伴们配合好。
1.前端工程师和美工配合的那些事 2.和 node.js 配合那些事 3.和产品经理配合那些事
4.和PHP配合那些事
Web安全
1.Web 安全介绍与基础入门知识 2.XSS 入门与介绍 3.跨站伪造请求(CSRF)
Windows&Linux基础
1.Linux用户、群组和权限 2.SSH 服务实战应用 3.bash shell 的学习
4.文件的压缩与打包 5.Linux 文件和目录管理
NodeJS
Node.js是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node.js 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行的数据密集型的实时应用。 V8引擎执行Javascript的速度非常快,性能非常好。 Node是一个Javascript运行环境(runtime)。实际上它是对Google V8引擎进行了封装。V8引 擎执行Javascript的速度非常快,性能非常好。Node对一些特殊用例进行了优化,提供了替代的API,使得V8在非浏览器环境下运行得更好。
1.初识 Node.js 2.Node.js 开发环境搭建 3.Node.js 实战项目开发:极客学院“技术问答”
4.使用 loopback 快速搭建用户系统 5.基于 Node.js 平台的下一代 web 开发框架Koa 6.NodeJS爬虫系统
游戏开发
HTML5是最新的HTML标准,其诸多新特性中,最令人期待的一点莫过于新的标签<canvas>。开发者可以在<canvas>中几乎不受限制地绘图,就像在Windows下使用GDI函数一样;在部分浏览器中,开发者甚至可以在<canvas>中绘制三维场景,就像使用openGL一样。结合request Animation Frame或setTime Interval,这个标签简直就是为游戏设计的。这本书主要介绍的就是如何使用<canvas>标签进行游戏开发。
1.TypeScript环境搭建 2.TypeScript基本数据类型 3.TypeScript类(Classes)
4.TypeScript函数 5.TypeScript接口(Interfaces) 6.TypeScript泛型
7.TypeScript 模块 8.Egret实战开发小游戏:测专注力 9.Egret 环境搭建
10.Egret 显示对象 11.Egret 显示容器 12.Egret事件机制
13.Egret 绘图、文本、动画和计时器 14.Egret 位图纹理 15.Egret 声音和网络
16.Egret 实例及屏幕适配 17.Egret GUI 库 18.Cocos2d-JS 第一步
19.Cocos2d-JS 基础数学知识 20.Cocos2d-JS 基础元素 21.Cocos2d-JS Action 动作与特效
22.Cocos2d-JS v3对象缓冲池 23.Cocos2d-JS v3事件管理器 24.Cocos2d-JS v3对象
25.Cocos2d-JS v3工作流 26. Cocos2d-JS CocosStudio 2.x 基础控件 27.Cocos2d-JS CocosStudio 2.x 容器控件
28.Cocos2d-JS 虚拟手柄

资深WEB前端工程师
适合新人系统化学习的最佳实践

资深前端开发工程师面试题
1.资深前端开发工程师面试题

专家级WEB前端工程师
适合新人系统化学习的最佳实践

Google V8 引擎
1.Google V8 引擎的实际应用