石家庄web前端培训
【所属机构：顽石教育】
石家庄web前端培训，培养学员能够利用HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。让学员成为互联网企业都在高薪招聘的技术人才。
WEB前端工程师是什么？
职业简介WEB工程师简介
- 一个互联网网站—— 首先需要打造的是用户交互体验而做到这些，要通过 HTML5、CSS3、JavaScript、JQuery等Web前端编程技术实现。所谓互联网高级前端工程师，就是精通这些核心的Web前端技术，具备互联网交互设计能力，熟悉后端服务器运行环境和数据通信协议，掌握响应式布局框架、Bootstrap、AngularJS等JS框架的软件技术人才。
选择Web前端开发，走上“高薪”之路
为什么要学Web前端开发？三大理由，怎能say NO！
平均薪资1.2w+互联网+时代来临，各个行业转型升级，学习Web前端开发是高薪之选！
需求日益增长市场需求大，互联网公司Web前端工程师缺口极大，需要更好的Web工程师。
发展前景广阔Web前端工程师发展前景大，涨薪速度快。没错，就选这个职位！
web前段课程体系
| 阶段名称 | 技术名称 | 技术内容 | 学习目标 |
| WEB基础阶段 | HTML基础 | 1.安装webstorm | 1.掌握WebStorm的使用 2.了解HTML对于网页的意义 3.掌握HTML标签与属性 4.掌握常用标签 5.掌握无序列表、有序列表和自定义列表 6.掌握表单的使用 7.掌握div与标签的嵌套规则 8.掌握行内元素与块元素的使用 9.掌握实体字符 10.掌握HTML5新增标签与属性 |
| 2.设置webstorm | |||
| 3.HTML介绍 | |||
| 4.HTML属性和值 | |||
| 5.HTML注释 | |||
| 6.HTML基本结构 | |||
| 7.标题标签h1-h6 | |||
| 8.段落标记p | |||
| 9.强制换行br | |||
| 10.水平线hr及其属性 | |||
| 11.图片img | |||
| 12.超链接a | |||
| 13.address和pre标签 | |||
| 14.文本格式化标签b,i,u,em等 | |||
| 15.无序列表 | |||
| 16.有序列表 | |||
| 17.自定义列表 | |||
| 18.表格 | |||
| 19.实体字符 | |||
| 20.内联框架iframe | |||
| 21.form表单及其action、method、name属性 | |||
| 22.input | |||
| 23.input常用属性value，checked，readonly，disabled | |||
| 24.下拉列表 | |||
| 25.多行文本框textarea | |||
| 26.HTML5新增input类型 | |||
| 27.HTML5新增属性 | |||
| 28.HTML5新增结构标签 | |||
| 29.视频和音频 | |||
| CSS基础 | 1.css介绍和基础语法 | 1.掌握CSS基础 2.掌握CSS引入方式 3.掌握选择器的使用 4.掌握CSS盒子模型 5.掌握CSS弹性盒子模型 6.掌握浮动与定位 7.掌握字体常见属性 8.掌握雪碧图优化站点 9.掌握滑动门展示形式 10.掌握特殊图形绘制 11.掌握CSS3过渡与动画 12.掌握CSS3的媒体查询 | |
| 2.引入css的方式 | |||
| 3.link和@import的区别 | |||
| 4.css基本选择器 | |||
| 5.背景属性 | |||
| 6.字体属性 | |||
| 7.文本属性 | |||
| 8.列表属性 | |||
| 9.关系选择器 | |||
| 10.属性选择器 | |||
| 11.伪类选择器 | |||
| 12.伪对象选择器 | |||
| 13.css hack | |||
| 14.标准盒子模型 border、margin、padding属性 | |||
| 15.IE和模型 | |||
| 16.box-sizing属性 | |||
| 17.弹性盒 | |||
| 18.浏览器内核及厂商前缀 | |||
| 19.浮动及其原理 | |||
| 20.清除浮动的方法 | |||
| 21.display属性 | |||
| 22.position定位 | |||
| 23.z-index属性 | |||
| 24.圆角 | |||
| 25.阴影 | |||
| 26.渐变 | |||
| 27.转换 | |||
| 28.过渡 | |||
| 29.动画 | |||
| 30.绘制三角形、梯形、圆形 | |||
| 31.媒体查询 | |||
| 32.多列 | |||
| 32.滑动门 | |||
| 34.雪碧图 | |||
| 小米官网实战 | 首先选择小米官网为第一个实战案例，是因为刚开始入门，有个参考点，另外站点比较偏向目前的卡片式设计，实现常见效果。目的为学者练习编写小米官网，熟悉div+css布局。 | ||
| 迅雷官网 | 此站点特效较多，所以通过练习编写次站点，学生可以更多练习CSS3的新特性过渡与动画的实现，并且可以很好的练习div+css布局。 | ||
| 课程类网 | 此站点为响应式站点，在目前常见站点中，响应式设计类站点是非常多的，而且大部分公司的站点都需要支持响应式，所以，通过练习次站点，学者可以熟悉响应式这点的设计流程和实现方式。 | ||
| JavaScript阶段 | JavaScript基础语法 | 1.JavaScript简介 | 1.熟知JavaScript介绍 2.掌握JavaScript变量声明 3.掌握JavaScript变量类型与转换 4.掌握JavaScript运算符操作 5.掌握JavaScript条件分支语句 6.掌握JavaScript循环语句 |
| 2.JavaScript变量 | |||
| 3.JavaScript变量类型 | |||
| 4.JavaScript类型转换 | |||
| 5.JavaScript运算符 | |||
| 6.JavaScript条件分支语句 | |||
| 7.JavaScript循环语句 | |||
| 数组与对象 | 1.数组定义 | 1.掌握数组定义 2.掌握数字的应用 3.掌握数组的属性和方法 4.掌握对象的概念 5.掌握对象的属性和方法 6.熟练应用对象 | |
| 2.数组的本质 | |||
| 3.数组属性与运算符 | |||
| 4.数组的循环遍历 | |||
| 5.数组静态方法 | |||
| 6.数组的实例方法 | |||
| 7.对象概述 | |||
| 8.对象属性操作 | |||
| 9.对象的静态方法 | |||
| 10.对象的实例方法 | |||
| 函数及相关 | 1.函数的概念 | 1.了解函数概念 2.掌握函数的声明 3.掌握函数的属性和方法 4.掌握JavaScript中的作用域 5.掌握函数的参数与返回值 6.掌握闭包的应用场景 7.熟练使用闭包 | |
| 2.函数的声明 | |||
| 3.函数的属性和方法 | |||
| 4.函数作用域 | |||
| 5.函数参数 | |||
| 6.函数返回值 | |||
| 7.闭包基本概念 | |||
| 8.闭包实现 | |||
| 9.闭包应用场景 | |||
| 10.自执行函数 | |||
| JavaScript标准库 | 1.包装对象 | 1.掌握包装对象 2.掌握Number对象 3.掌握String对象 4.掌握Math对象 5.掌握Date对象 6.掌握JSON对象 7.掌握正则对象 8.熟悉console对象 | |
| 2.Number对象 | |||
| 3.String对象 | |||
| 4.Math对象 | |||
| 5.Date对象 | |||
| 6.JSON对象 | |||
| 7.RegExp对象 | |||
| 8.console对象 | |||
| 9.属性描述对象 | |||
| DOM模型与事件 | 1.DOM概述 | 1.掌握JavaScript DOM操作 2.掌握JavaScript 节点操作 3.掌握事件模型 4.掌握事件操作 5.掌握this关键字 5.掌握Event对象 6.熟练编写自定义事件 7.理解三级联动逻辑 | |
| 2.Doucment节点 | |||
| 3.Element节点 | |||
| 4.属性的操作 | |||
| 5.Text节点 | |||
| 6.DoucmentFragment节点 | |||
| 7.事件模型 | |||
| 8.事件类型 | |||
| 9.事件代理 | |||
| 10.CSS操作 | |||
| 11.自定义事件 | |||
| 12.this关键字 | |||
| 13.Event对象 | |||
| 14.移动端事件类型 | |||
| 15.事件实例操作 | |||
| 16.三级联动 | |||
| 网络请求与专题 | 1.定时器 | 1.掌握定时器使用 2.掌握BOM对象 3.掌握HTTP协议 4.掌握XHR对象 5.掌握Ajax 6.能够独立封装Ajax网络请求 7.了解错误处理机制 8.建立良好的编程风格 9.掌握本地存储 10.了解Window对象 | |
| 2.BOM对象 | |||
| 3.浏览器类型区分 | |||
| 4.网络请求基础 | |||
| 5.HTTP协议 | |||
| 6.XHR对象 | |||
| 7.XHR实例属性 | |||
| 8.XHR实例方法 | |||
| 9.XHR实例事件 | |||
| 10.文件上传 | |||
| 11.封装网络请求 | |||
| 12.异步操作 | |||
| 13.错误处理机制 | |||
| 14.编程风格 | |||
| 15.跨域处理 | |||
| 16.本地存储Cookie | |||
| 17.本地存储WebStorage | |||
| 18.Window对象 | |||
| 19.History对象 | |||
| 面向对象 | 1.对象简介 | 1.了解面向对象 2.熟悉构造函数 3.掌握new关键字 4.掌握原型与原型链的使用 5.掌握对象和常见操作 6.掌握继承与封装 7.掌握基本设计模式原理 8.掌握观察者模式 9.掌握MVC和MVVM | |
| 2.构造函数 | |||
| 3.new 关键字 | |||
| 4.实例对象创建 | |||
| 5.Prototype对象 | |||
| 6.原型与原型链 | |||
| 7.instanceof运算符 | |||
| 8.对象与继承 | |||
| 9.对象操作与拷贝 | |||
| 10.多重继承 | |||
| 11.模块与封装 | |||
| 12.设计模式简介 | |||
| 13.工厂模式 | |||
| 14.观察者模式 | |||
| 15.单例模式 | |||
| 16.MVC与MVVM | |||
| jQuery阶段 | jQuery | 1.jQuery简介 | 1.熟悉jQuery常见操作 2.熟悉jQuery DOM操作 3.掌握jQuery 核心API 4.掌握jQuery Ajax操作 5.掌握jQuery 选择器 6.掌握jQuery特效 7.掌握jQuery实战练习 |
| 2.jQuery DOM操作 | |||
| 3.jQuery事件 | |||
| 4.jQuery表单 | |||
| 5.jQuery CSS操作 | |||
| 6.jQuery核心API | |||
| 7.jQuery特效 | |||
| 8.jQuery尺寸 | |||
| 9.jQuery内部函数 | |||
| 10.jQuery选择器 | |||
| 11.jQuery遍历操作 | |||
| 12.jQuery数据操作 | |||
| 13.jQuery Ajax | |||
| 14.jQuery杂项 | |||
| 15.jQuery实战练习 | |||
| 第三方UI组件库 | 1.BootStrap介绍 | 1.掌握BootStrap使用 2.掌握BootStrap栅格系统 3.掌握BootStrap全局样式 4.掌握BootStrap组件应用 5.掌握BootStrap插件应用 6.掌握BootStrap定制需求 7.掌握Swiper的应用 8.掌握REM移动端适配 9.掌握Echarts图表 | |
| 2.BootStrap引入 | |||
| 3.BootStrap栅格系统 | |||
| 4.BootStrap全局CSS样式 | |||
| 5.BootStrap组件应用 | |||
| 6.BootStrap JavaScript插件 | |||
| 7.BootStrap定制需求 | |||
| 9.BootStrap实例操作 | |||
| 10.Swiper3.x应用 | |||
| 11.Swiper4.x应用 | |||
| 12.Echarts图表应用 | |||
| 13.REM移动端适配 | |||
| 14.BootStrap 栅格系统原理响应式设计 | |||
| PHP与数据库 | 1.PHP基础语法 | 1.掌握PHP基础语法 2.掌握PHP类与继承 3.掌握MySQL操作 4.掌握PHP链接MySQL 5.熟悉PDO链接数据库 6.熟悉前后端交互 7.掌握get和post请求 8.理解前后端交互过程 | |
| 2.PHP类与继承 | |||
| 3.PHP中理解面向对象 | |||
| 4.MySQL基础 | |||
| 5.MySQL数据库操作 | |||
| 6.MySQL Form表单 | |||
| 7.PDO链接数据库 | |||
| 8.事务处理与时间戳 | |||
| 9.PHP+MySQL创建接口 | |||
| 10.前后端交互处理 | |||
| 11.Get与POST请求 | |||
| 12.前后端实战练习 | |||
| Ajax实战项目-蓝莓派 | 1.蓝莓派项目设计 | 本项目名称为蓝莓派，主要为音乐社区类型。包含较多的交互功能，例如滑动门，雪碧图使用，模态框，瀑布流和焦点轮播图等效果。当然，前后端交互也是不可少的，主要理解前后端交互流程与练习各种交互实现。 | |
| 2.蓝莓派环境构建 | |||
| 3.蓝莓派页面登录Ajax | |||
| 4.蓝莓派页面登录与PHP与MySQL | |||
| 5.蓝莓派网络请求封装 | |||
| 6.蓝莓派页面加载 | |||
| 7.蓝莓派模态框处理 | |||
| 8.蓝莓派分页器实现 | |||
| 9.蓝莓派瀑布流效果实现 | |||
| 10.蓝莓派动态加载数据 | |||
| 11.蓝莓派音频控制 | |||
| 12.蓝莓派业务逻辑实现 | |||
| 13.蓝莓派进度条实现 | |||
| 14.蓝莓派第三方UI库引入 | |||
| 15.蓝莓派项目优化 | |||
| HTML5新特性 | HTML5新特性 | 1.HTML5语义化标签 | 1.掌握HTML5新特性有哪些 2.掌握HTML5的语义化标签实现方式 3.掌握HTML5的本地存储方式 4.掌握HTML5提供的多媒体使用 5.掌握HTML5 Canvas标签应用 |
| 2.HTML5本地存储 | |||
| 3.HTML5离线Web应用 | |||
| 4.HTML5连贯性 | |||
| 5.HTML5多媒体 | |||
| 6.HTML5性能提升 | |||
| 7.HTML5调用原生API | |||
| 8.HTML5 Canvas | |||
| 9.HTML5 Canvas应用 | |||
| 10.HTML5 Canvas游戏-连连看 | |||
| 11.HTML5 Canvas游戏-消消乐 | |||
学习WEB前端前，你是否有以下的疑问呢？
0基础0基础学习Web前端，能学会吗？会不会很难?
非对口专业非计算机专业的可以学吗？会不会很难上手？
工作薪资Web开发就业前景怎么样？薪资大概什么呢？
报名费用报名Web前端开发培训班，学费大概多少呢？
