勤学教育网合作机构>石家庄培训>

顽石教育

欢迎您!

全国统一学习专线 8:30-21:00
顽石教育
顽石教育有着服务客户真诚至上的宗旨,以人为本,开拓创新的理念,公司质量方针是客户为本,持续改进勇创高满意度应用软件服务,科技创新稳步发展,争做高新技术软件产业先锋。
顽石教育> 石家庄教育培训>

石家庄前端培训

  • 课程介绍

  • 相关知识

  • 2019-11-18
石家庄顽石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基。?.掌握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等技能,网站性能优化和服务器端的基础知识也是需要了解的。

顽石环境介绍

  • 上课场景
  • 宿舍环境
  • 学生上课
  • 就业环境
  • 学生宿舍
  • 学员上课

详情请进入 顽石教育 已关注:1067 咨询电话:

相关知识点:模拟用户行为的思索

1、用户通过搜索(本站搜索、外地搜索引擎搜索)进入最终页

2、第一次来到网站,他将会感受到什么(视觉传达)?他会看到到什么(信息传达)?

3、他会做如何的浏览停留或下一步操作?(停留时间、二跳操作)

4、他将会成为你的用户吗?(他为什么要注册成为用户、网站给他提供哪些服务)

5、他关闭了网页,回头还会回来么?

产品设计者本身的思考

1、用户第一次进来,将给他的感觉是什么?

频道导航、位置导航、社会导航、页面布局、页面风格、页面视觉效果、内容密集度、页面文字的提示性。

2、首先要呈现给他的内容是什么?是不是他想要的?

用户最想看的内容是什么,他来到这里最关注的内容是什么,我们能不能第一时间满足他,要素如:标题、图片、内容、联系方式、用户对信息的赞贬度、评价。

3、首先要提供给他的核心服务是什么?他是不是很明白的知道?是不是很方便的使用?

用户进来后,我们提供的核心服务是什么?信息可比性服务、翻译服务、信息地图服务、音乐试听服务、打折促销服务、免费发送短信服务、在线免费通话服务、还是资料素材下载服务?还是其它赠送或优惠服务?

4、页面信息构架的内容推荐性设计是不是合理?

网站是借自己的牌坊,宣传自己的内容获得流量转换或广告的收益。在页面信息构架的内容可推荐性设计上,我们以怎么样的方式去推荐内容,强制性模块内容推荐、还是内容相关性匹配推荐?哪什么样的页面位置去更好的推荐?

5、页面信息构架的功能互动性设计是不是可用?怎么评估功能的互动?

互动性、交互性设计,可以很友好的和用户建立起沟通,包括交互方式、交互效果、交互提醒、流量诱导,以及网站的交互信息的输出等影响着用户对网站的活跃度认识,参与度积极性。

6、怎么样把这个用户留下来?

什么时候让他注册、引导他注册?用哪种方式提醒他再次登陆,怎么样通过粘度、运营机制让他邀请别人浏览、注册。收藏?

最后总结:

页面的改版,围绕核心功能,要遵从页面逻辑,遵从页面视觉,遵从页面体验。以数据进行分析,再进行页面的调整,如:广告位、活动专区的位置调整。



  • 校区地址
  • 学校相册
  • 热门课程
  • 同类机构
  • 其他课程

温馨提示:提交留言后老师会第一时间与您联系!热线电话:

手机访问

#tel_020#