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

顽石教育

欢迎您!

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

石家庄web前端学习

  • 课程介绍

  • 相关知识

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

一名优秀的前端开发工程师,不单单需要掌握前端必须的各种技术,同时还要掌握其它技术,需要掌握一点后台的知识,同时也要对网站构架有一定的了解,同时还要掌握一定的SEO网站优化技术,这样才可以称之为一个“优秀的web前端开发工程师”。除了技术以外,还需要一定的时间来沉淀自己。

您是否有以下问题

  • 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基。?.掌握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

    课程配备4个老师对单个学生进行多个方面的辅导。

    立即咨询
  • icon

    结业项目不合格的学员,可以重复对课程进行学习。

    立即咨询
  • icon

    上千企业定岗委培,为企业输送人才,保障学员就业。

    立即咨询

web前端开发的注意事项
细节决定成败。很多Web前端开发者在工作过程中为了追求速度,而忽略了一些细节性的东西。比如:给代码加备注,代码的命名规范,代码的简洁等。所有的这些看似不重要,其实却严重影响了项目的进度以及自身能力的提升。在开发过程中,适当的添加备注,能够加深对技术点的印象,也便于以后在修改的过程中迅速查找;规范的代码命名能够方便团队之间的沟通,提高工作效率;而简洁的代码能够直观的展现某一块代码的作用。

顽石环境介绍

  • 学生上课
    学生上课
  • 学生宿舍
    学生宿舍
  • 上课场景
    上课场景

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

相关知识点:因为有父, 子节点同在, 因为有监听事件和浏览器默认动作之分. 使用 JavaScript 时为了达到预期效果经常需要阻止事件和动作执行. 一般我们会用到三种方法, 分别是 , 和 . 它们之间有什么区别, 该何时使用呢? 将在本文中进行讲解.

术语

监听事件, 在在节点上能被监听的页面操作. 如: select 节点的 change 事件, a 节点的 click 事件.

浏览器默认动作, 指特定页面元素上带有的功能. 如: 点击 a 链接节点的跳转动作, 表单提交动作.

stopPropagation()

因为事件可以在各层级的节点中传递, 不管是冒泡还是捕获, 有时我们希望事件在特定节点执行完之后不再传递, 可以使用事件对象的 方法.

假设页面上存在一个浮动弹出层, 显示在最前面, 当点击弹出层以外页面区域时, 隐藏弹出层. 为了做到这样的效果, 我们会监听 的 click 事件, 一旦事件被触发即隐藏弹出层. 但是...

这显然存在问题. 当用户点击弹出层时, 我们不希望它隐藏掉. 但因为事件的冒泡传递, 的 click 事件也会被触发. 这个时候, 我们可以监听弹出层的 click 事件, 并使用 方法阻止冒泡. 请参考下面的代码.

相当好用, 可是 IE8 及以前版本都不支持. IE 的事件对象包含特有的属性 , 只要将它赋值为 false 即可阻止事件继续. 如:

preventDefault()

一个带事件监听的链接代码如下:

点击该链接, 显示对话框后跳转页面. 由此可知, 除了执行监听事件还会触发浏览器默认动作; 执行监听事件在前, 触发浏览器默认动作在后.

这里有个经典示例, 我们希望点击链接在新窗口打开页面, 但不希望当前页面跳转. 这个时候可以使用 阻止后面将要执行的浏览器默认动作.

return false

退出执行, 之后的所有触发事件和动作都不会被执行. 有时候 可以用来替代 和 , 比如我们上面新窗口打开链接的例子, 如:

有人认为 = + , 其实是错的. 不但阻止事件, 还可以返回对象, 跳出循环等... 方便地一刀切而不够灵活, 滥用易出错.

后话

因为习惯用 来阻止事件, 最近在搞手机 Web 的时候遇到一些问题, 很是难堪. 写下此文当作笔记, 提醒自己.

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

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

手机访问

#tel_020#