上课方式

面授

上课校区

招生对象

零基础人员；从事相关工作的从业人员；后端开发想转为全栈开发工程师的人员；想转入IT行业，拿更高收入资的其他行业人员

课程目标

能够熟练使用Web前端开发，如基本HTML、JavaScript、CSS等；

课程详情

授课机构

教学点

同类课程

学员评论

Web前端开发是一项很特殊的工作，涵盖的知识面非常广，既有具体的技术，又有抽象的理念。简单地说，它的主要职能就是把网站的界面更好地呈现给用户。使用到的主要技术包括：HTML、CSS、JavaScript。

您是否有以下问题

1
web前端工程师是个什么样的职业？
2
零基础学web前端开发要学多久？
3
web前端和后台开发哪个发展更好？
4
web前端开发需要具备哪些技能？
5
学习web前端有什么好的学习方法？

石家庄顽石WEB前端课程

课程大纲	学习目标
HTML基础	1.掌握WebStorm的使用；2.了解HTML对于网页的意义；3.掌握HTML标签与属性；4.掌握常用标签；5.掌握无序列表、有序列表和自定义列表；6.掌握表单的使用；7.掌握div与标签的嵌套规则；8.掌握行内元素与块元素的使用；9.掌握实体字符；10.掌握HTML5新增标签与属性
CSS基础	1.掌握CSS基础；2.掌握CSS引入方式；3.掌握选择器的使用；4.掌握CSS盒子模型；5.掌握CSS弹性盒子模型；6.掌握浮动与定位；7.掌握字体常见属性；8.掌握雪碧图优化站点；9.掌握滑动门展示形式；10.掌握特殊图形绘制；11.掌握CSS3过渡与动画；12.掌握CSS3的媒体查询
小米官网实战	首先选择小米官网为第一个实战案例，是因为刚开始入门，有个参考点，另外站点比较偏向目前的卡片式设计，实现常见效果。目的为学者练习编写小米官网，熟悉div+css布局。
迅雷官网	此站点特效较多，所以通过练习编写次站点，学生可以更多练习CSS3的新特性过渡与动画的实现，并且可以很好的练习div+css布局。
课程类网	此站点为响应式站点，在目前常见站点中，响应式设计类站点是非常多的，而且大部分公司的站点都需要支持响应式，所以，通过练习次站点，学者可以熟悉响应式这点的设计流程和实现方式。
JavaScript基础语法	1.熟知JavaScript介绍；2.掌握JavaScript变量声明；3.掌握JavaScript变量类型与转换；4.掌握JavaScript运算符操作；5.掌握JavaScript条件分支语句；6.掌握JavaScript循环语句
数组与对象	1.掌握数组定义；2.掌握数字的应用；3.掌握数组的属性和方法；4.掌握对象的概念；5.掌握对象的属性和方法；6.熟练应用对象
函数及相关	1.了解函数概念；2.掌握函数的声明；3.掌握函数的属性和方法；4.掌握JavaScript中的作用域；5.掌握函数的参数与返回值；6.掌握闭包的应用场景；7.熟练使用闭包
JavaScript标准库	1.掌握包装对象2.掌握Number对象3.掌握String对象4.掌握Math对象5.掌握Date对象6.掌握JSON对象7.掌握正则对象8.熟悉console对象
DOM模型与事件	1.掌握JavaScript DOM操作；2.掌握JavaScript 节点操作；3.掌握事件模型；4.掌握事件操作；5.掌握this关键字；5.掌握Event对象；6.熟练编写自定义事件；7.理解三级联动逻辑
网络请求与专题	1.掌握定时器使用；2.掌握BOM对象；3.掌握HTTP协议；4.掌握XHR对象；5.掌握Ajax；6.能够独立封装Ajax网络请求；7.了解错误处理机制；8.建立良好的编程风格；9.掌握本地存储；10.了解Window对象
面向对象	1.了解面向对象；2.熟悉构造函数；3.掌握new关键字；4.掌握原型与原型链的使用；5.掌握对象和常见操作；6.掌握继承与封装；7.掌握基本设计模式原理；8.掌握观察者模式；9.掌握MVC和MVVM
jQuery	1.熟悉jQuery常见操作；2.熟悉jQuery DOM操作；3.掌握jQuery 核心API；4.掌握jQuery Ajax操作；5.掌握jQuery 选择器；6.掌握jQuery特效；7.掌握jQuery实战练习
第三方UI组件库	1.掌握BootStrap使用；2.掌握BootStrap栅格系统；3.掌握BootStrap全局样式；4.掌握BootStrap组件应用；5.掌握BootStrap插件应用；6.掌握BootStrap定制需求；7.掌握Swiper的应用；8.掌握REM移动端适配；9.掌握Echarts图表
PHP与数据库	1.掌握PHP基础语法；2.掌握PHP类与继承；3.掌握MySQL操作；4.掌握PHP链接MySQL；5.熟悉PDO链接数据库；6.熟悉前后端交互；7.掌握get和post请求；8.理解前后端交互过程
Ajax实战项目-蓝莓派	本项目名称为蓝莓派，主要为音乐社区类型。包含较多的交互功能，例如滑动门，雪碧图使用，模态框，瀑布流和焦点轮播图等效果。当然，前后端交互也是不可少的，主要理解前后端交互流程与练习各种交互实现。
HTML5新特性	1.掌握HTML5新特性有哪些；2.掌握HTML5的语义化标签实现方式；3.掌握HTML5的本地存储方式；4.掌握HTML5提供的多媒体使用；5.掌握HTML5 Canvas标签应用

Web前端的发展前景

随着谷歌、YouTube、FireFox等大型企业纷纷将视线转向HTML5，前端开发已经进入HTML5时代，所以，Web前端在今后十年仍有很大的发展空间。Web前端的就业面很广，可以选择的岗位有：前端开发工程师、前端架构师等等。据统计，我国HTML5前端工程师人员的缺口将达到10多万，因此，Web前端工程师是一个非常有“钱”途的职业，并且薪酬会根据技能的深入而有不同程度的增长。

顽石教学优势 icon

就业保障 icon
上千企业定岗委培，为企业输送人才，保障学员就业。
师资专业 icon
顽石教育的所有教师均拥有多年的项目经验在身。
重复学习 icon
结业项目不合格的学员，可以重复对课程进行学习。
多对一辅导 icon
课程配备4个老师对单个学生进行多个方面的辅导。

web前端开发都包括哪些技术？

如果是简单的网页设计，那可能学习H5就可以做到。不过前端开发早已不同于往日以文字图片为主的网页设计，现在的网页更加美观，涉及多种元素，用户与页面的交互性更强，所以，对前端开发人员的技能要求也更高。不过，无论前端怎么发展，无论时代怎么变化html、CSS和JavaScript仍然是整个前端开发的三大基石，最多只是更新换代成为新的版本。只要会这三项基本技能，前端开发不在话下。当然，要想向更深层次发展，你可能还需要掌握SEO、DOM、BOM、Ajax等技能，另外，网站性能优化、SEO和服务器端的基础知识也是必须掌握的。

顽石环境介绍