• 授课方式
    视频学习+随堂练习
  • 开课时间
    随到随学
  • 适合人群
    前端开发语言编程初学者
  • 课程时长
    3079分钟

课程介绍

讲师介绍

  • 牛客导师
    牛客高级工程师联合极客学院,拥有十多年实战开发经验,手把手教学,详细讲解基础知识。

课程提纲

  • 第1章
    HTML5开发前准备

    HTML5开发前的准备

    开发前的准备-快捷键

  • 第2章
    XHTML的使用规范
    XHTML的规范化
  • 第3章
    HTML5特性简介

    HTML5元素简介及使用方法

    HTML5属性使用方法

    HTML5格式化及使用

  • 第4章
    HTML5样式、链接和表格

    HTML5样式的使用

    HTML5链接属性及使用

    HTML5表格使用

  • 第5章
    HTML5列表、块和布局

    HTML5列表的使用

    HTML5块元素标签的使用

    HTML5布局的使用

  • 第6章
    HTML5元素、属性和格式化

    HTML5元素简介及使用方法

    HTML5属性使用方法

    HTML5格式化及使用

  • 第7章
    HTML5 改良的 input 元素的种类

    改良与增加 input 元素的种类 (1)

    改良与增加 input 元素的种类 (2)

    改良与增加 input 元素种类 (3) 和表单验证

  • 第8章
    HTML5 新增的主体结构元素

    article 元素

    section 元素

    nav 元素

    aside 元素

    time 元素和 pubdate 属性

  • 第9章
    HTML5 新增的非主体结构元素

    header 元素

    footer 元素和 hgroup 元素

    address 元素和网页编排规则

  • 第10章
    HTML5 文件API(一)

    FileList对象与File对象

    文件API之Bolb对象

    文件API之FileReader对象

  • 第11章
    HTML5 文件API(二)

    FileSystem概述及浏览器检测

    申请磁盘配额

    创建文件

  • 第12章
    HTML5 本地数据库

    本地数据库的基本概念

    用executesql来执行查询

    使用数据库实现Web留言本

  • 第13章
    HTML5 本地存储的应用

    LokiJS 的应用

    横向多页滑动功能的实现

    分类查看功能的实现

  • 第14章
    HTML5 File API 的应用

    HTML5 File API 简介

    实现文件列表功能

    操作栏的创建及 WebFont 的使用

    使用对话框创建文件夹

  • 第15章
    HTML5 File API 的应用进阶

    实现可选择列表

    实现文件复制和移动

    制作操作栏切换特效

  • 第16章
    HTML5 indexedDB数据库

    链接数据库

    数据库的版本更新

    创建对象仓库

  • 第17章
    HTML5 indexedDB数据库索引

    创建索引

    利用索引获取数据

    游标与index和游标结合


  • 第18章
    HTML5 Web Storage概述

    Web Storage概述

    简单Web留言本

    作为简单数据库来利用

  • 第19章
    HTML5 Canvas 使用路径

    HTML5绘制圆形

    HTML5 moveTo与lineTo

    使用bezierCurveTo绘制贝塞尔曲线

  • 第20章
    HTML5 Canvas 绘制渐变图形与绘制变形图形

    HTML5 Canvas 绘制渐变图形

    HTML5 Canvas 绘制径向渐变

    HTML5 Canvas 绘制变形图形

  • 第21章
    HTML5 编辑 API 之 Range 对象(一)

    Range 对象基本概念

    Range方法之SelectNode等方法

    Range方法之setStartsetEnd等方法

  • 第22章
    HTML5 编辑 API 之 Range 对象(二)

    Range 对象方法

    Range 对象方法之 insertNode、compareBoundaryPoints 方法

    Range 对象方法之 collapse、detach 方法

  • 第23章
    HTML5 微场景实战

    健康学习心态

    从文字稿到 PPT

    设计思路与框架搭建

    HTML5 页面构建之第一页和第二页

    HTML5 页面构建之第三页和第四页

    HTML5 页面构建之其他页面

    总结:思路重现

  • 第24章
    整站项目开发实战之网站首页布局搭建

    知识点概括及案例分析

    浮动布局与定位布局的配合

    必备的切图技巧及图片优化

    背景图片定位的应用

    简化代码——共用类似的 CSS 样式

  • 第25章
    CSS入门基础知识

    CSS基础-介绍及语法

    CSS基础-派生选择器

    CSS基础-id选择器

    CSS基础-类选择器

    CSS基础-属性选择器

  • 第26章
    CSS基本样式讲解

    CSS样式-背景

    CSS样式-文本

    CSS样式-字体

    CSS样式-链接

    CSS样式-列表

    CSS样式-表格

    CSS样式-轮廓

  • 第27章
    CSS常用操作

    CSS常用操作-对齐

    CSS常用操作-分类

    CSS常用操作-导航栏

    CSS常用操作-图片

  • 第28章
    CSS3选择器详解(一)

    CSS3 属性选择器

    CSS3结构性伪类选择器

    CSS3 选择器 root、not、empty 和 target

  • 第29章
    CSS3选择器详解(二)

    选择器:first-child、last-child、nth-child 和 nth-last-child

    选择器:nth-of-type 和 nth-last-of-type

    only-child 选择器

  • 第30章
    CSS3选择器详解(三)

    CSS3 选择器 hover、focus、active 和 checked

    enabled和disabled

    通用兄弟元素选择器

  • 第31章
    CSS3背景与边框相关样式

    与背景相关的新增属性

    圆角边框

    使用图像边框

  • 第32章
    CSS3 文字与字体相关样式

    CSS3 给文字添加阴影

    CSS3 使用服务器端字体

    CSS3 修改字体种类而保持字体尺寸不变

  • 第33章
    CSS3 布局属性全接触

    弹性盒模型介绍

    Flexbox 菜单项目实战

    多列属性详解

    媒体查询解析

    响应式表格项目实战

    响应式图片项目实战

  • 第34章
    CSS3盒子相关样式

    盒子的类型

    对盒子中容纳不下的内容的显示

    盒子的阴影和大小计算方式

  • 第35章
    CSS3 实现下拉选择框、单选框和复选框动画特效

    不一样的下拉选择框

    CSS3 实现单选框的动画特效

    CSS3 实现复选框的动画特效

  • 第36章
    CSS3 实现 loading 动画和 3D 翻转动画特效

    CSS3 实现 loading 动画第一讲

    CSS3 实现 loading 动画第二讲

    3D 菜单翻转动画特效

  • 第37章
    CSS3 动画属性简介及弹球效果

    动画过渡效果属性 transition 讲解

    动画效果属性 animation 讲解

    CSS3 变形、阴影和渐变背景色属性讲解

    使用 CSS3 实现弹球动画效果

  • 第38章
    CSS3 中的动画功能

    Transitions 功能

    Animations功能

    实现动画的方法

  • 第39章
    CSS3 中的变形处理

    transform 功能的基础知识

    对一个元素使用多种变形的方法

    指定变形的基准点

  • 第40章
    CSS3-商城首页的子模块分析和细节实现

    页头模块的分析和细节实现

    轮播模块的分析和细节实现

    菜单模块的分析和细节实现

  • 第41章
    前端开发技巧与SEO

    前端工程师和美工配合的那些事

    CSS美化表单及扒站技巧

    网页分析技巧

    搜狐视频首页页面分析

    网站SEO介绍

    与页面相关的网站SEO技巧

  • 第42章
    使用Bootstrap开发后台并实现响应式

    HTML5&CSS3移动端开发技术介绍

    移动端中的设备、图片处理及兼容性

    迅雷移动端首页布局实战

    Bootstrap简介

    响应式布局技巧与Media Query

    响应式与Bootstrap框架

    基于Bootstrap制作后台管理系统

  • 第43章
    基于 Bootstrap 框架开发技巧实战课程概要
    基于 Bootstrap 框架开发技巧实战课程概要
  • 第44章
    JavaScript基础教程

    Javascript基础-介绍、实现、输出

    Javascript基础-语法和注释

    Javascript基础-变量和数据类型

  • 第45章
    JavaScript语法详解

    Javascript语法-运算符(1)

    Javascript语法-运算符(2)

    Javascript语法-条件语句if...else

    Javascript语法-条件语句switch

    Javascript语法-循环语句for循环

    Javascript语法-循环语句while循环

    Javascript语法-跳转语句

  • 第46章
    JavaScript函数

    Javascript函数-了解函数的用途

    Javascript函数-定义函数

    Javascript函数-调用函数

    Javascript函数-带参数的函数

    Javascript函数-带返回值的函数

    Javascript函数-局部变量和全局变量

  • 第47章
    JavaScript面向对象详解

    JS面向对象-认识面向对象

    JS面向对象-JS面向对象(1)

    JS面向对象-JS面向对象(2)

  • 第48章
    JavaScript内置对象

    JS内置对象-什么是对象

    JS内置对象-String字符串对象

    JS内置对象-Date日期对象

    JS内置对象-Array数组对象

    JS内置对象-Math对象

  • 第49章
    JavaScript事件详解

    JS事件详解-事件流

    JS事件详解-事件处理

    JS事件详解-事件对象

  • 第50章
    JavaScript异常处理和事件处理

    Javascript异常捕获

    Javascript事件

  • 第51章
    JavaScript高级编程技巧

    正则表达式RegExp对象(上)

    作用域与闭包

    this的使用

    值传递和引用传递

    百度音乐用户注册实战

    正则表达式RegExp对象(下)

  • 第52章
    使用高效的JavaScript工具jQuery进行开发

    H5新的标准属性

    H5新的事件属性

    Web Worker

    百度音乐客服中心实战

    jQuery简介、安装、语法

    jQuery选择器、事件

    jQuery效果

    jQuery属性操作

    jQuery文档操作

    jQuery遍历

    jQuery轮播图制作实战

    Ajax介绍

    Http知识

    Ajax实例演示

    Json

    Ajax跨域

    Ajax实战360搜索

    jQuery Validate表单验证插件

    jQuery树形菜单插件(Treeview)

    jQuery树形菜单实战全国城市数据

  • 第53章
    JavaScript模块化

    JavaScript模块化概述

    CommonJS规范

    Seajs

    RequireJs

    使用模块化改造轮播图实战

  • 第54章
    JavaScript 编程技巧与实战概要
    JavaScript 编程技巧与实战概要
  • 第55章
    AJAX 基础

    AJAX 概述

    搜索框提示功能实例演示

    XMLHttpRequest 的创建

    AJAX 请求的发起

    响应的接收与处理

  • 第56章
    AJAX-通用代码封装与常见问题处理

    代码封装的分析与规划

    通用封装代码的实现

    AJAX 请求的缓存问题

    异步编程模型

    页面历史记录问题

  • 第57章
    AJAX 文件上传

    异步文件上传方式介绍

    利用隐藏 iframe 实现伪异步上传

    利用 XMLHttpRequest level 2 实现异步上传

  • 第58章
    React 相关库

    Jest 介绍及实例演示

    ImmutableJS 介绍及实例演示

    Flux 介绍及实例演示

  • 第59章
    React 相关开发工具

    Gulp 介绍及实例演示

    Browserify 介绍及实例演示

    Webpack 介绍及实例演示

  • 第60章
    测试 React 组件

    React 测试工具介绍

    隔离 React 组件

    测试 Mixin

  • 第61章
    React 组件性能调优

    React 性能调优原理

    如何寻找性能热点

    如何解决性能问题

  • 第62章
    使用 jQuery 制作京东网的焦点图

    效果展示及 HTML 框架搭建

    图片的自动与手动轮播切换

    左右按钮控制轮播的显示

    调试 BUG 及课程总结

  • 第63章
    使用 jQuery 实现多种类型的导航条(上)

    当前页面高亮显示的通栏导航条

    可以中英切换的导航条

    带弹性动画的下拉框导航条

    摩擦运动动画跟随的导航条

  • 第64章
    jQuery 制作无缝轮播的焦点图

    无缝轮播概念的详解及框架的搭建

    手动点击左右按钮控制轮播的切换

    无缝概念的引入及实现原理

    为无缝轮播添加自动和手动动画

    调试 Bug 并将代码进行简化

  • 第65章
    使用 jQuery 实现多种类型的导航条(下)

    根据子集个数改变导航高度的导航条

    将页面向下推动的导航条

    从左侧滑动展示的导航条

  • 第66章
    jQuery 中滚动条事件的应用

    页面返回顶部的两种方式

    判断滚动条方向做导航条动画

    根据滚动条位置逐次加载相应的内容

    通过 mCustomScrollbar 自定义滚动条样式

  • 第67章
    网页的常见布局

    网页布局综述

    一栏、二栏、三栏布局

    混合布局


  • 第68章
    CSS布局模型

    页面元素定位和CSS布局模型概述

    流动模型(标准文档流)

    浮动模型(浮动定位)

    层布局模型(绝对定位)

  • 第69章
    网站布局经典案例及原型图的构建

    网页生产过程及原型图构建

    经典布局之双飞翼布局

    经典布局之圣杯布局

    高级技巧之多列等高

  • 第70章
    Web前端网页布局实战课程概要

    Web前端网页布局实战课程概要

  • 第71章
    使用WeUI进行手机端布局

    WeUI和Sass应用实例

    制作欢迎界面和登录表单

    完善登录交互

    新闻分类导航开发

    新闻列表开发

  • 第72章
    使用Zepto.js开发页面动态处理效果

    完善页面交互功能

    异步获取新闻列表

    填充内容到对应模块


  • 第73章
    基于 WeUI 和 Zepto 的极客新闻手机版实战课程概要
    基于 WeUI 和 Zepto 的极客新闻手机版实战课程概要

最近正在学