上海非凡教育Web前端培训
Web前端设计师提升之路
快速咨询web前端JavaScript交互
面向对象编程
面向对象编程简介、对象的创建、继承的实现、原型与原型链。
随堂项目:仿windows屏保气泡
JQuery
JQuery基础语法、JQuery选择器、JQuery的BOM与DOM操作、事件编程、常见动画与自定义动画编程
随堂项目:打地鼠游戏、抽奖轮盘制作
JQuery 项目实战
图片轮播、利用jQuery制作拼图、贪吃蛇等项目实训
Bootstrap
bootstrap介绍、bootstrap的栅格系统、CSS样式、组件、bootstrap的javascript插件
随堂项目:利用bootstrap构建移动商城首页、用户注册、登录等页面
ECMAScript6 1.webpack介绍 2.webpackg管用配置 3.模块处理module 6.3种加载器loaders的使用 4.编译器babel 5.插件plugins 6.热更新次操作 7.打项目最终包
随堂练习:新前端开发环境搭建
Ajax技术 Ajax技术介绍、json格式与XML格式详解、Ajax的post与get两种提交方式详解、服务器端的数据反馈机制说明、如何利用jQuery实现Ajax提交
随堂项目:用户注册、登录的Ajax无刷新实现、淘宝收货地址中省市级联的实现
教学科目:毕业于西南科技大学计算机专业,多年网页设计经历,资深网页设计师,优秀职业培训讲师;曾任多家网络公司任专职设计师,熟练运用网页制作软件,拥有成熟的网站开发技巧。现任非凡学院专职讲师。
教学科目:曾任职武汉烽火电子商务有限公司任高级网页设计师;2013年任上海天佑电商有限公司设计主管;现任非凡学院高级签约网页设计讲师
web前端实战理论篇
原生js控件开发 熟悉的基本语法;掌握常用的方法;无障碍编写简单的控件;
浏览器兼容性处理 熟练处理各个浏览器直接的兼容性问题。提高开发中的效率,并且使页面在各个浏览器中显示基本相同;
高级控件开发技巧 掌握高级的编程技术;掌握各种设计模式的优缺点;理解适配器模式,单例模式;掌握面向对象的编程技术;
BUI库的使用 熟练使用BUI控件库开发。使用BUI控件实现页面各个区域的功能
BootStrap的使用 熟练使用BootStrap开发框架,及其扩展插件。使用BootStrap实现流式布局的页面;基于Bootstrap的控件
开发 掌握bootstrap的使用和特点;能够扩张bootstrap的插件
Canvas的自绘与开发 熟练使用Canvas自绘和开发功能。使用Canvas实现页面动画特效,使页面具有更强的视觉效果;
图表库的使用与开发 熟悉HighCharts的基本配置项;能够定制Highcharts;
AngularJS库的使用 熟悉AngularJS的原理;可以熟练使用AngularJS编写应用程序;
Dojo的使用 熟练使用Dojo解决开发DHTML应用程序遇到的那些长期存在、历史问题(historical problems with DHTML)、跨浏览器问题;
php开发基础 自主搭建PHP开发环境;熟悉常用的函数;了解PHP的工作原理。
在建设网页时,为了快速、高效地完成任务,通常会使用一些具有代码高亮显示、语法提示等便捷功能的前端开发工具。常用的web前端开发工具有Dreamweaver、Sublime、HBuilder等,具体介绍如下。
1、Dreamweaver
Dreamweaver简称DW(中文译为“梦想编织者”),是美国MACROMEDIA公司开发的集网页制作和网站管理于一身的“所见即所得”网页编辑器,2005年被Adobe公司收购。Dw是第一套针对非专业网站建设人员的视觉化网页开发工具,利用它可以轻而易举地制作网页。
2、Sublime
全称为Sublime Text,是一个代码编辑器,最早由程序员Jon Skinner于2008年1月开发出来。Sublime Text具有漂亮的用户界面和强大的功能,例如代码缩略图、功能插件等。Sublime Text还是一个跨平台的编辑器,支持Windows、Linux、Mac等操作系统。
3、HBuilder
HBuilder是CLoud推出的一款支持HTML5的Web开发软件。“快”是HBuilder的最大优势,通过完整的语法提示、代码输入法以及代码块等, HBuilder可以大幅提升HTML、JavaScript的开发效率。
这篇文章讲述了web开发中CSS 相邻兄弟选择器,本篇文章在web培训课程中也是有提到过的,那小编今天做了一个整理分析给大家!
CSS 相邻兄弟选择器
CSS 子元素选择器
CSS 伪类
相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。
选择相邻兄弟
如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。
例如,如果要增加紧接在 h1 元素后出现的段落的上边距,可以这样写:
h1 + p {margin-top:50px;}
这个选择器读作:“选择紧接在 h1 元素后出现的段落,h1 和 p 元素拥有共同的父元素”。
亲自试一试
语法解释
相邻兄弟选择器使用了加号(+),即相邻兄弟结合符(Adjacent sibling combinator)。
注释:与子结合符一样,相邻兄弟结合符旁边可以有空白符。
请看下面这个文档树片段:
在上面的片段中,div 元素中包含两个列表:一个无序列表,一个有序列表,每个列表都包含三个列表项。这两个列表是相邻兄弟,列表项本身也是相邻兄弟。不过,第一个列表中的列表项与第二个列表中的列表项不是相邻兄弟,因为这两组列表项不属于同一父元素(最多只能算堂兄弟)。
本周仅剩 个试听名额
请键入信息,稍后系统将会把领奖短信发至您的手机