上课方式

面授

上课校区

招生对象

高中及中专以上学历，希望从事互联网前端设计、开发的人群；想从业于web前端设计师行业的学员；想要学习Web前端开发技术的学员；

课程目标

学习基础理论

课程详情

授课机构

教学点

同类课程

学员评论

Web前端开发工程师，是从事Web前端开发工作的工程师。主要进行网站开发，优化，完善的工作。网页制作是Web 1.0时代的产物，那时网站的主要内容都是静态的，用户使用网站的行为也以浏览为主。

您是否有以下问题

1
学web前端有前途吗？
2
HTML5跟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前端？

web前端是创建Web页面或app等前端界面呈现给用户的过程。前端开发通过HTML，CSS及JavaScript以及衍生出来的各种技术、框架、解决方案，来实现互联网产品的用户界面交互。它从网页制作演变而来，名称上有很明显的时代特征。在互联网的演化进程中，网页制作是Web1.0时代的产物，早期网站主要内容都是静态，以图片和文字为主，用户使用网站的行为也以浏览为主。随着互联网技术的发展和HTML5、CSS3的应用，现代网页更加美观，交互效果显著，功能更加强大。

顽石教学优势 icon

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

web前端开发需要学习什么知识

Web前端开发要学习的知识很杂乱，知识范围也很广。不过，所有技术都是围绕着三大基本技术(HTML、CSS，JavaScript)来进行的。前端的开发中，在页面的布局时， HTML将元素进行定义，CSS对展示的元素进行定位，再通过JavaScript实现相应的效果和交互。掌握三大技能，还要运用多种开发工具辅助开发。目前我们常用到的有：Dreamweaver，Sublime Text ，HBuilder等。另外，做前端开发可能还会运用到SEO、DOM、BOM、Ajax等技能，网站性能优化和服务器端的基础知识也是需要了解的。

顽石环境介绍