教程部分目录如下:
第一阶段:页面制作基础
从这一基础阶段开始,正式学习 Web 前端开发需要的编程语言 HTML,CSS 和 JavaScript。HTML 和 CSS 用于 Web 静态内容的展示,JavaScript 用于 Web 动态交互。完成这一阶段前端开发的学习,你就可以独立实现一个动静结合的 Web 前端项目啦!
HTML+CSS 基础入门
1.课程介绍
2.html 的语法
3.html 的基本结构
4.html 的文档设置标记上(格式标记)
5.html 的文档设置标记下(文本标记)
6.html 图像标记 img
7.html 超链接的使用
8.html 表格相关的标记
9.html 表格实战《简单的网页布局》
10.html 框架详解与框架布局实战
11.HTML 表单设计(上)
12.HTML 表单设计(下)
13.使用 CSS 样式的方式
14.定义 CSS 样式(CSS 选择器)
15.CSS 常用属性(颜色属性)
16.css 常用属性(字体相关属性)
17.css 常用属性(背景相关属性)
18.css 常用属性(文本属性)
19.css 常见属性(边框属性)
20.css 常见属性(列表属性)
21.Div+Css 布局(div+span 以及盒模型)
22.Div+Css 布局(布局相关的属性)
23.Div+Css 布局(浮动以及溢出处理)
24.IE 兼容测试工具与高效开发工具
25.实战项目(从效果图到网页布局以及按需切图)
26.实战项目(网页头部及搜索框的制作)
27.实战项目(导航和公司简介)
28.实战项目(行业新闻部分)
29.实战项目(产品列表)
30.实战项目(网站底部制作)
Javascript 初步
1.JavaScript 简介
2.JavaScript 的变量
3.JavaScript 中的数据类型
4.JavaScript 隐式转换
5.JavaScript 中的强制转换
6.JavaScript 表达式与运算符
7.JavaScript 的其它运算符与优先级
8.Javascript 中的流程控制-条件语句
9.Javascript 中的流程控制-for 循环
10.JavaScript 中的流程控制-while 循环和 dowhile 循环
11.JavaScript 中的函数-通过 function 关键字定义函数
12.JavaScript 中的默认参数、可变参数、变量作用域
… …
Web 前端开发规范
1.课程简介及意义
2.Html 的命名规则
3.图片命名规则
4.脚本文件和动态文件命名规则
5.文件命名规则.——文件位置存放规范
6.Css 书写规范——Css 的 3 种基本类型
…. …
第二阶段:主流框架应用
优秀的 Web 前端开发工程师一定都是追求高效率的”懒人“。这一框架阶段就是教你如何使用当今流行的 Web 前端框架,包括 bootstrap、Angularjs 等,来提高前端开发效率。在学习前端框架本身的同时,也希望你能掌握任意一种快速上手的 web 前端框架的方法!
HTML5+CSS3 快速入门
1.课程简介
2.什么是 HTML5
3.认识新的网页结构
4.article 元素的使用方法
5.section 元素
6.aside 元素
7.nav 元素
8.time 元素
9.pubdate 属性
10.header 元素合成
11.hgroup 元素合成
12.footer 元素
13.address 元素合成
14.figure 元素与 figcaption 元素
15.details 元素与 summary 元素
16.mark 元素
17.progress 元素
18.meter 元素
… …
Web 前端开发之 jQuery 入门课程
1.JQuery 教程介绍
2.选择器 1
3.选择器 2
4.选择器 3
5.DOM1
6.DOM2
7.event1&2
8.动画
9.AJAX1
10.AJAX2
11.jQuery UI
12.jQuery Best Practice
13.jQuery To Do List 1
14.jQuery To Do List 2
bootstrap 入门
1.Bootstrap 简介
2.Bootstrap 栅格系统原理
3.Bootstrap 栅格系统用法
4.Bootstrap 排版基础 01
5.Bootstrap 排版基础 02
6.bootstrap 列表与代码样式
7.Bootstrap 表格样式
8.Bootstrap 表单样式 1
9.Bootstrap 表单样式 2
10.Bootstrap 表单样式 3
11.Bootstrap 按钮
12.Bootstrap 图片与辅助样式
13.Bootstrap 小图标
14.Bootstrap 下拉菜单
… …
第三阶段:前端技术进阶
web 前端开发进阶阶段的学习,主要是让大家快速掌握当今流行、实用、最新的技术,比如:less、sass、json、ajax 等,并将这些前端技术快速用于实践,开发出更加符合客户体验度的 web 前端页面。
JavaScript 面向对象编程
1.全局预处理
2.全局预处理与执行
3.函数预处理与执行
4.作用域
5.作用域本质与用途
6.闭包的含义
7.闭包的理解
8.闭包的好处
9.闭包使用的注意点
10.对象的创建与访问
11.Object 构造器创建对象
… …
less 从入门到精通
1.LESS 课程介绍
2.初见 less
3.正确使用 less
4.变量(variables)
5.混合(mixins)上
6.混合(mixins)下
7.嵌套规则(nested-rules)
8.运算(operations)
9.函数(functions)
10.命名空间
11.作用域
… …
利用 Sass 编写高质量 CSS
1.Sass 课程整体介绍
2.sass 与 compass(上)
3.sass 与 compass(下)
4.Sass、Less 与 Stylus
5.sass 语法基础(命令行与注释)
… …
JSON 入门
1.JSON 简介
2.JSON 格式规定
3.字符串转化成对象
4.对象转化为字符串
5.JSON 和 XML 的转换
6.Ajax 和 JSON
7.GeoJSON 和 TopoJSON
Web 前端开发之 Ajax 初步
1.ajax 简介
2.ajax 基础
3.运行环境
4.获取服务器文件
5.eval 的使用
6.dom 添加元素
7.封装库
8.数据类型
9.ajax 注册用户
移动前端开发项目
1.本套课程简介及移动端主流框架介绍
2.移动端开发注意事项
3.移动端前端基础架构
4.sass 对 css 的管理
5.requirejs 模块化加载 js
6.固定头部的制作
7.微商城 slide 图片制作
8.商品列表页面的制作
9.商品图片 canvas 加载制作
10.商品列表滑动加载效果制作
11.商品详情页面的制作
… …
AngulaJs 从入门到实战
1.AngulaJs 的简介和 HelloWorld
2.AngularJs 的语法介绍
3.AngulaJs 中的简单数据绑定
4.AngulaJs 中的循环绑定
5.AngulaJs 中的事件绑定
6.AngulaJs 中的控制器
7.AngularJs 表单开发(基础应用)
8.AngularJs 表单开发(表单验证)
9.AngularJs 模块化应用(上)
10.AngularJs 模块化应用(下)
11.实战演练-订单管理页面开发(上)
12.实战演练-订单管理页面开发(下)
13.实战演练-购买下单页面开发(上)
14.实战演练-购买下单页面开发(中)
15.实战演练-购买下单页面开发(下)
Gulp+Angular+Express 实现简易任务管理系统
1.课程介绍
2.前端项目搭建
3.认识 CoffeeScript
4.Gulp 入门
5.Gulp 实现前端构建
6.后端项目搭建
7.Gulp 实现后端构建
8.AngularJS 初见
9.系统功能设计
… …
第四阶段:前端技术拓展
web 前端技术发展日新月异,因此前端技术的拓展学习及实践对于 web 前端工程师来说非常重要。本阶段就是基于 KnockOut、Backbone、bootstrap、Webpack 等技术的拓展学习和 web 前端项目的实战开发演练。
KnockOut 从入门到精通
1.简单的 KnockOut 数据模型绑定
2.数组类型数据双向绑定
3.KnockOut 循环绑定
4.组合类型数据绑定的使用
5.KnockOut 中的各种事件绑定
6.使用 KnockOut 自定义组件,避免重复造轮子
7.KnockOut 开发一个简单的表单提交页面(上)
8.KnockOut 开发一个简单的表单提交页面(下)
9.开发实例:一个支付银行选择页面的开发(上)
10.开发实例:一个支付银行选择页面的开发(下)
11.如何在同一个页面绑定多个 ViewModel
12.开发实例:类微博首页页面的开发(上)
13.开发实例:类微博首页页面的开发(下)
项目管理
1.项目大纲介绍
2.项目启动阶段项目启动流程规范
3.项目启动阶段项目需求管理规范
4.项目计划阶段项目计划流程规范
5.项目设计评审流程规范
6.项目实施阶段跟踪项目的进展情况
7.项目实施阶段的管理执行状况
8.项目实施阶段 管理项目风险和问题
9.项目实施阶段 管理和控制项目变更
10.项目实施阶段 项目沟通管理
11.项目实施阶段 项目的过程控制
… …
前端开发项目:一起来做秒杀活动
1.商品秒杀页制作
2.css 浮动布局与定位布局
3.css 鼠标样式
4.javascript 鼠标事件
5.javascript 中 setTimout 用法
6.javascript 中 setInterval 用法
7.ajax 与后端数据交互
8.javascript 定时触活动
9.javascript 实现离秒杀还有 xx 小时
10.javascript+css 控制“秒杀”频率
11.javascript 实现已购买判断
12.前端优化 N 条技巧
13.前端优化 css 部分
14.前端优化图片部分
15.前端优化 cookie 部分
16.前端优化 javascript 部分
17.前端优化实践
ECMAScript6 编程艺术
1.ES6 简介
2.let 基本用法
3.let 不存在变量提升
4.let 暂时性死区
5.let 不允许重复声明
6.为什么需要块级作用域
7.块级作用域
8.const 命令
9.const 对象
10.const 对象冻结
11.跨模块常量
12.全局对象属性
13.Destructuring
14.不完全解构
15.制定默认值
16.let 和 const 命令
17.对象的解构赋值
18.对象解构赋值的默认值
19.现有对象的方法
20.字符串的解构赋值
21.函数参数的解构赋值
22.交换变量的值
23.从函数返回多个值
24.函数参数的定义
25.提取 json 数据
26.函数参数的默认值
27.遍历 Map 解构、输入模块的指定方法
高级工程师手把手带你做企业门户前端
1.课程整体介绍及开发环境准备
2. 实现首页面基本框架搭建
3. 实现页面 Logo 及菜单布局
4.首页面利用 JS 技术实现二级菜单
5.设计 banner 广告
6.banner 广告切换功能的实现
7.首页面利用无序列表实现文字列表
8.完善首页面列表
9.无缝滚动效果设计
10.添加视频功能 ,广告无缝滚动
11.在线咨询功能实现
12.完善首页面实现,产品列表页面
13.完善产品列表页面,实现产品详细页面
14.实现新闻列表页面
15.实现新闻详细页面及其他页面布局
16.实现在线留言布局
17.实现在线留言页面验证(正则表达式)
18.完善及总结
Backbone 入门基础
1.Backbone 课程介绍
2.Backbone 基本用法之 Model
3.Backbone 基本用法之 View
4.Backbone 事件之 Model 事件
5.Backbone 事件之 View 事件
6.Backbone 事件原理
7.Backbone 与服务器接口之 RESTful
8.Backbone 与服务器接口之 Model 数据同步
9.Backbone 集合
10.Backbone 集合事件
11.Backbone 集合与服务器交互
12.Backbone 路由
13.Backbone 示例-结构和框架
14.Backbone 示例-数据源和列表
15.Backbone 示例-模板渲染和创建页
16.Backbone 示例-删除和编辑页
企业网站后台制作实战
1.项目需求分析与准备工作
2.登录页面
3.登录表单验证
4.顶部导航(1)
5.顶部导航(2)
6.左侧导航(1)
7.左侧导航(2)
8.左侧导航(3)
9.左侧导航(4)
10.右侧主体框架
11.系统主页
12.栏目管理
13.公司介绍页面制作
14.左侧菜单切换
15.其它功能页面制作
16.课程总结
X 商城项目制作
1.X 商城项目介绍
2.实现首页面基本框架搭建
3.实现网站首页面头部布局 1
4.实现网站首页面头部布局 2
5.首页面用户模块,产品类型分类布局
6.首页面推荐产品轮换特效 原理及设计
7.首页面推荐产品轮换特效 原理及设计
8.推荐商品,热卖商品,特价商品模块设计
9.完善推荐商品,设计网站新闻模块
10.客户模块,分类推荐商品列表
11.完善首页面在线咨询功能
12.完善网站底部功能及布局
… …
bootstrap 综合实战
1.课程介绍与项目演示
2.创建新的项目(获取 bootstrap 文件与开发工具)
3.响应式导航(demo1)
4.第一屏 home 区域制作
5.第二屏 bbs 论坛区域制作
6.第三屏 html5 区域制作
7.第四屏 bootstrap 区域制作
8.第五屏 course 课程列表区域制作
9.第六屏 app 下载区域制作
… …
Webpack 实战
1.简介
2.常用配置介绍
3.常用 loader 介绍
4.React 项目实例
Mock.js+Express 实现京东商城数据模拟
1.第一讲 课程介绍
2.第二讲 初识 Nodejs
3.第三讲 Express 入门
4.第四讲 初识 Mockjs
5.第五讲 Nodejs 集成 Mockjs
6.第六讲 Mockjs 基础语法 1(语法规范)
7.第七讲 Mockjs 基础语法 2(工具类)
8.第八讲 京东商城商品分类展示导航
9.第九讲 了解 JSON 数据格式
10.第十讲 后端 API 数据模拟
11.第十一讲 ajax 的跨域实现
12.第十二讲 前端数据绑定
13.第十三讲 项目发布
14.第十四讲 项目部署
15.第十五讲 项目总结
Javascript 进阶
1.JavaScript 中的特殊形式的函数
2.JavaScript 中的闭包
3.JavaScript 中闭包的应用
4.Javascript 中的对象-对象的扩展性
5.JavaScript 中的内建对象之 Object 对象
6.JavaScript 中的 Number 对象和 Boolean 对象
7.JavaScript 内建对象之 String 对象
8.JavaScript 中的内建对象之 Function 对象
9.Javascript 内建对象之 Math 对象
10.Javascript 中对象的属性提升篇
11.JavaScript 中对象的原型属性 prototype
12.Javascript 中的扩展内建对象
13.JavaScript 中的原型链继承
14.JavaScript 中共享属性迁移到原型
15.JavaScript 只继承原型的方案
16.Javascript 中的继承封装
17.JavaScript 中拷贝父类对象的属性
18.Javascript 中深度拷贝
19.JavaScript 中的多重继承
20.JavaScript 对象继承总结
HTML5 绘图
1.HTML5 绘图基础
2.HTML5 绘制几何图形
3.HTML5 绘制字符串
4.HTML5 设制阴影
5.HTML5 画直线和画弧
6.HTML5 画两个切线间的弧
7.HTML5 绘制贝塞尔曲线
8.HTML5 渐变填充
9.HTML5 绘制位图
10.初始化棋盘
11.算出下棋的坐标
12.调试完成白子和黑子
13.实现五子棋输赢算法
14.HTML5 绘图总结
前端进阶指南
1.课程介绍
2.SublimeText 高阶用法介绍
3.SublimeText 必备插件
4.VIM 入门
5.VIM 插件管理及必备插件
6.HTTP 协议入门
7.浏览器基本工作原理
8.玩转 Chrome 开发者工具(上)
9.玩转 Chrome 开发者工具(下)
10.API 测试工具 DHC 详解
11.跨浏览器兼容 3 部曲(上)
12.跨浏览器兼容 3 部曲(中)
13.跨浏览器兼容 3 部曲(下)
14.性能优化之服务篇
15.性能优化之浏览器篇
16.性能调试工具篇
17.课程回顾
ReactJS 从入门到实战
1.ReactJS 简介
2.ReactJS 的安装和’Hello world’
3.ReactJS JSX
4.ReactJS 组件
5.ReactJS state
6.ReactJS props_ 上
7.ReactJS props_ 下
第一套 网页编程教程
新手做网页,dreamweaver 是最简单易用的软件,推荐大家学习,网页布局代码排版入门级详细教程。
第二套(赠送教程):Web 前端开发培训教程
如果你想更加系统的学习网站相关的编程,那么再看看这一套吧,这套教程非常系统,从入门到精通都有,是目前我见过最全的网站编程的相关教程,没有之一,推荐下载到电脑观看,百度云在线看可能会不清晰。