2017年中北大学暑期班:Web前端开发零基础课程

开班时间 
  • 预计 2017年7月10日 开班
  • 火热报名中,报名请点击:  我要报名 
课程简介 
“ WEB前端工程师,已成为当下互联网行业最紧俏的高端技术岗位。入门门槛低,学习曲线先快后慢,既是从事IT工作的首选切入点,亦能体验勇攀高峰的乐趣与成就。” 本课程共需要40天时间,讲解内容涵盖PC端静态页面制作所需的全部知识,以及移动端静态页面制作、响应式开发、CSS3相关的新特性、3D与动画等内容。完成所学课程以后,最终检验学员们能否顺利结课的依据,是我们精心安排的整站级别的项目,例如:PC端电子商城、移动端企业站、微信端静态页面、响应式项目…

教学环境 
课程价格4999

课程周期:7月10日~8月20日(40天)

讲课方式:线下面授 + 远程直播

讲课地点:中北大学软件学院实训基地(田园四层)

上课时间:周一至周六(上午:8:30~12:30 下午:14:00~18:00 晚自习:18:30~20:30)

 
 
 
课程大纲
 
 
01-02
课程目录
  • 课程目录 01
  • HTML基础 02
  • CSS基础 03
  • H5新增标签&属性选择器 04
  • 浏览器兼容性 05
  • CSS3新增属性 06
  • 弹性盒模型&响应式 07
  • CSS3过渡、动画与2D 08
  • JavaScript基础 09
  • jQuery基础 10
  • CSS预处理:LESS 11
  • Bootstrap前端开发框架 12
  • PC端整站开发 13
  • 微信网页开发(赠送) 14
  • 网页神偷独家大揭秘(赠送) 15
01
03-04
HTML基础
超文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言,是搭建网页结构的第一步。本章主要介绍了HTML的语法基础、表格、表单等标签,并结合案例。HTML 非常容易学习!你会喜欢它的!
02
03-04
CSS基础
CSS是指层叠样式表 (Cascading Style Sheets) ,不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。把CSS添加到HTML中,是为了解决内容与表现分离的问题。本章主要介绍CSS的基础语法、选择器、文本、背景、列表、盒子模型、浮动、定位以及网页的布局方式。
03
05-06
H5新增标签&属性选择器
HTML5新增标签:header、nav、footer、section、article、aside、time、mark、email、placeholder、autocomplete、autofocus、required、pattern、formaction、list与datalist…、属性选择器、表单相关伪类、结构选择器、结构性伪类、伪元素、:target、::after、::before、::selection、:not()

04
05-06
浏览器兼容性
CSS兼容性常见问题:margin兼容性问题、display:inline-block、最小高度问题、双边距、4px间隙、浮动元素宽度文字折行、父级元素的overflow:hidden与子元素relative、代码调试、调试工具、手动调试、css hack、常用hack写法、!important、PNG24 兼容性问题、IE6固定定位…
05
07-08
CSS3新增属性
rgba、text-shadow、text-stroke、direction和unicode-bidi、font-face和自定义文字图标、css3边框新增设置、border-image、border-colors、css3背景新增设置、多背景、linear-gradient、repeating-linear-gradient、radial-gradient、background-size、background-origin、background-clip、box-reflect、box-sizing、filter…

06
07-08
弹性盒模型&响应式
弹性盒模型:display:flex、flex-direction、row、row-reverse、justify-content、align-items、flex-wrap、align-content、flex-flow、order、弹性盒模型的margin:auto、align-self、flex、Media Queries 媒体查询、媒体类型、关键字、媒体类型、Media Queries的兼容、响应式布局实战(非框架开发)…

07
09-10
CSS3过渡、动画与2D
浏览器前缀(-webkit-、-o-、-moz-)、关键桢(keyFrames)、Animation调用、播放次数设置、动画偶数次调用顺序、Animation的问题、CSS版无缝滚动实例、动画播放|暂停、rotate旋转、deg、skew斜切、scale缩放、translate位移、transform-origin、transform的执行顺序问题、CSS的2D实例…

08
09-10
JavaScript基础
JavaScript是一种解释性脚本语言,主要用来向HTML页面添加交互行为。本章主要带领大家学习JS的基本语法、流程控制语句、函数、对象、DOM、BOM、事件以及轮播图的案例,实现网页的交互效果。

09
11-12
jQuery基础
jQuery是一个快速、简洁的JavaScript框架,设计宗旨是“write Less,Do More”。本章将为大家介绍jQuery的基础语法、选择器、DOM、事件、插件、瀑布流案例等。
10
11-12
CSS预处理:LESS
less使用规则、less预处理器、less使用环境介绍及安装、客户端使用、服务器端使用、配置、命令行下使用、编译方式、避免编译、less语法、监视模式、变量、混合、带参数混合、模式匹配、导引表达式、嵌套规则、运算、Color函数、Math函数、命名空间、作用域、注释等。

11
13-14
Bootstrap前端开发框架
预处理脚本、Bootstrap的特性、Bootstrap工程环境、Bootstrap源码、Bootstrap设计思想、安装方式、Bootstrap页面的基本结构、栅格系统、栅格大小屏控制、媒体查询参数说明、offset 偏移设置、栅格系统响应式工具、bootstrap的默认UI设置、字体图标、下拉菜单、按钮组、输入框组、相关导航、缩略图、媒体对象等。

12
13-14
PC端整站开发
本章带领你体验企业开发中的流程,从ps切图到最后的网页完成,积累项目开发经验。包括PC端网站目录划分、页面结构规划、最大与最小宽高设置、整站命名规划、css sprites(CSS雪碧技术)、整站实战开发案例:统一挂号平台。

13
15-16
微信网页开发
微信网页开发样式库,简称WeUI。它是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。该样式库目前包含表单、基础组件、操作反馈、导航相关、搜索相关、层级规范等内容。

14
15-16
网页神偷独家大揭秘
有一种东西叫做“别人家的”,这东西出现在我们的幼儿园、小学、初中、高中、大学、工作后、结婚后,甚至以后的以后。比如,别人家的孩子、别人家的老公、别人家的媳妇还有别人家的网页。本章将手把手教你如何快速把别人的网页“偷”过来,超高效率开发,一线实战经验,你值得拥有!

15
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
学前须知 

1、熟悉电脑键盘输入、可快速输入26个英文字母;

2、可独立下载并安装软件,使用过办公软件,能独立完成帐号申请;

3、年满18周岁、兴趣浓厚+肯做练习;

4、学员须自备笔记本电脑;

课程讲师 

 
 
课程服务 
报名该课程,您将获得:
 
 
课程咨询QQ:413920268 张老师
课程咨询电话:152-3418-0699(同微信) 慕小二

客服在线时间:周一至周日 8:00-22:00 

上课地址:太原市学院路3号中北大学软件学院实训基地(田园四层)

开班时间
课程简介
教学环境
课程大纲
学前须知
课程讲师
我要报名