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

顽石教育

欢迎您!

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

石家庄web培训机构

  • 课程介绍

  • 相关知识

  • 2019-11-18
石家庄顽石web前端培训

Web前端开发技术包括三个要素:HTML、CSS和JavaScript,随着RIA的流行和普及,Flash/Flex、Silverlight、XML和服务器端语言也是前端开发工程师应该掌握的。随着时代的发展,前端开发技术的三要素也演变成为现今的:html5,css3,jquery。

您是否有以下问题

  • 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的应用,现代网页更加美观,交互效果显著,功能更加强大。


你了解顽石教育吗?

顽石教育
INTRODUCE

顽石教育

课程体系更加完整,也更符合现代中大型企业的需求... 查看详情
  • 01 我们的专业团队
     

    顽石教育拥有一支规模庞大的技术与管理团队,这支队伍不仅拥有专业素质和丰富的研发、实施、咨询服务能力,并且具有良好的职业修养和综合业务能力。

  • 02 我们的服务宗旨
     

    服务客户真诚至上是我们的服务宗旨,以人为本开拓创新是我们的经营理念,公司的质量方针是以客户为本,持续改进,勇创高满意度的应用软件服务。

  • 03 我们的企业定位
     

    自顽石教育成立以来,秉承"诚信、协作、奉献、超越"的精神,着力打造集战略咨询、平台技术和专业服务为一体的国际化软件企业。拥有丰富的软件开发经验。


前端开发的工作职责
1、使用Div+css并结合Javascript负责产品的前端开发和页面制作。
2、熟悉W3C标准和各主流浏览器在前端开发中的差异,能熟练运用DIV+CSS,提供针对不同浏览器的前端页面解决方案。移动HTML5的性能和其他优化,为用户呈现好的界面交互体验和性能。
3、负责相关产品的需求以及前端程序的实现,提供合理的前端架构。改进和优化开发工具、开发流程、和开发框架。
4、与产品、后台开发人员保持良好沟通,能快速理解、消化各方需求,并落实为具体的开发工作;能独立完成功能页面的设计与代码编写,配合产品团队完成功能页面的需求调研和分析。
5、了解服务器端的相关工作,在交互体验、产品设计等方面有自己的见解。

顽石环境介绍

上课场景
宿舍环境
就业环境
 

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

相关知识点:在网上大多数的文章里都有教大家怎么优化JS,达到高性能,高效率。这些都说得很正确,同时也跟本文没有任何冲突。

因为本文所要讲的是在客户使用感觉到的(用户体验)速度上的提升,而不是JS执行速度。

在很多JS应用中,优化的方向无非就是减少JS执行时间,比如减少深层对象a.b.c.d……这种形式的调用。但很多情况下,你会感觉优化得越多,页面使用的速度感觉反而慢了。

这在我做过的三维地图应用中就有很深的体会,电子地图大家应该都用过的,像百度和GOOGLE的那样,不过三维地图上加载的元素就比他们丰富了一点(当然他们也可以加)。

每次拖动地图时都会对地图和加载的内容进行偏移。开始时没感觉速度慢,但随着JS优化的完成,每次拖动都会感觉页面很“卡”。

但测试每次拖动开始到完成所耗的时间都差不多在32到100毫秒之间。这个速度应该说是很快了,应该是基本感觉不到延迟的才对。

在测试的过程中却发现了一个有趣的事情,就是我在结束前又做了一次定位计算,使耗时加多了差不多一倍,这时拖动的速度明显流畅了许多。

然后经过多次试验后,得到一个结论:“卡”是因为速度太快了。因为每次都耗费很短的时间完成,在高速拖动的情况下,几乎是每时每刻在处在高峰状态。有点像CPU占用一直处于100%的感觉。

但这种情况只有在IE中会出现,在FF中却没有,估计是和IE本身的处理机制有关。

最后的解决方案就是:使用setTimeout处理移动的触发事件。具体timeout的时间还是跟应用有关的,但一般设在10-30之间就够了,有些却只是设了0就可以了。这样看来setTimeout倒有点像多起了一个线程在处理。

最近在写的一个webgame程序也出现同样的情况,突然想起之前的经验,又一次验证了setTimout对页面速度提高的可行性,同时也将此分享给大家。

PS:在做过几个WEB应用后发觉FF的图像处理方面好像有点问题,在同一个IMG中切换图片会出现一些残像,IE中不会。不知道是不是有其它原因造成,以后有时间再研究看看。

来自:

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

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

手机访问

#tel_020#