上课方式

面授

上课校区

80个

招生对象

想要学习Web前端开发技术的学员；有志于从事WEB前端开发工作的学员

课程目标

具备2年以上前端工程师经验

课程详情

授课机构

教学点

同类课程

学员评论

Web前端开发工程师，主要职责是利用(X)HTML/CSS/JavaScript/Flash等各种Web技术进行客户端产品的开发。完成客户端程序（也就是浏览器端）的开发，开发JavaScript以及Flash模块，同时结合后台开发技术模拟整体效果，进行丰富互联网的Web开发，致力于通过技术改善用户体验。

有关WEB前端培训的常见问题

1. web前端与后端有什么区别？
2. 做web前端需要掌握哪些框架？
3. web前端工程师入门需要学什么？
4. Web前端开发主要学哪些课程？
5. web前端开发如何增加项目经验？
6. web前端工程师如何提升技术水平？
7. web前端开发如何提高自己？
8. web前端跟H5前端有什么区别？

您遇到的难题我们帮您解决

达内在线推出WEB前端设计师课，打造懂WEB的UI/UE设计师，让设计师不仅能够进行PC端和移动端网站的图片处理、界面设计，
更能够通过学习到的前端技能，进行网站搭建，实现交互功能。

HTML语言
CSS语言
特效插件
动画插件

长春达内WEB前端课程大纲

第一阶段 web网站布局实战
Day01	web前端介绍及规范 HTML语法符号及规范，熟悉HTML符号，HTML标签初识 HTML标签，HTML5实用布局标签，实用表单标签，HTML常用标签
	布局常用，HTML常用标签-表单常用CSS语法符号及规范，CSS语法符号认知
	CSS属性，CSS3属性使用，CSS选择器
	CSS属性继承性，选择器的优先级
Day02	CSS布局实用属性
	浮动布局
	定位布局
	flex布局，显示类型，溢出处理
	浮动模块，定位模块
	父级塌陷及解决方案
Day03	媒体查询和响应式布局
Day03	手机移动端响应式网站整站实战
第二阶段 JAVASCRIPT&JQUERY 交互实战
Day04	JAVASCRIP语法，JAVASCRIPT用法，JAVASCRIPT输出，document对象的write()方法，window对象的alert()方法，元素属性innerHTML属性用法，console控制台
	JAVASCRIP对象和方法，Math对象的PI，Math对象的random()方法，Math对象的floor()方法
	Browse对象方法，document对象的title属性，window对象的location属性，window对象的prompt()方法，DOM对象方法getElementByI()方法，元素style属性
	JAVASCRIPT变量，变量的声明，变量值的类型，JAVASCRIPT函数，利用函数打包提示框功能
	JAVASCRIPT事件，事件触发弹框功能，JAVASCRIPT运算符，数学预算法，比较运算符，逻辑运算符
	JAVASCRIPT条件语句，条件语句判断客户的选择
Day05	JAVASCRIPTswicth语句，swicth使用语句进行筛选，JAVASCRIPTfor循环语句，for循环中的break子句，for循环中的continue子句
	JAVASCRIPT数组对象，数组的声明，数组的赋值，手机品牌名称数组例子，数组length属性
	JAVASCRIPT数据类型，string类型，number类型，boolean类型，object类型，数据类型的转换
	表单验证，验证数据不能为空，验证邮箱格式，验证电话号码
	JAVASCRIPT定时器，定时关闭广告，循环定时器
Day06	JQUERY语法，JQUERY选择器，JQUERY标签选择器，JQUERY类选择器，JQUERYid选择器，JQUERY属性选择器
	JQUERY事件，JQUERY鼠标事件，JQUERY键盘事件，JQUERY表单事件，JQUERY窗口事件
	JQUERY效果，JQUERY显示隐藏效果，JQUERY淡入淡出效果，JQUERY滑动效果，JQUERY自定义动画效果
	回调函数，JQUERY操作HTML，JQUERY捕获设置，JQUERY添加删除
	JQUERY改变CSS属性，JQUERY添加类删除类
	JQUERT遍历，JQUERY找父辈，找同胞，找子级，JQUERY过滤，JQUERYDOM方法index()
Day07	JAVASCRIPT案例，语句类，条件语句巩固案例，随机数基础应用，消息框，确认框，信息提示框
	函数，带参数的函数，函数的返回值
	循环，循环输出标题，break/continue子句巩固案例，循环遍历数组
	错误处理，鼠标事件，图像映射
	函数内调用定时器，日期对象，输出客户端日期，1970年至今的毫秒值，获得年，获取星期几，电子时钟巩固案例，日期对象巩固案例
	字符串对象，字符串长度，字符串位置，返回查找的字符，替换字符串，字符串对象方法巩固案
	数学对象，round四舍五入，floor下舍入取整，ceil上舍入取整，random随机数巩固案例
	数学对象基础方法，掷筛子
Day08	JS&JQUERY交互模块实战，导航菜单类
	下拉菜单案例，收展菜单案例，层级菜单案例，手机导航菜单案例
	选项类，选项卡案例，分类选项案例
	图片广告类，产品图片效果切换，定时切换广告
	上下页切换广告，页码切换广告
	网站常用浮窗广告，页头广告，返回顶部
Day09	音视频控制，控制音频播放，控制音频暂停，滚动信息类，定时滚动新闻，无缝滚动新闻
	表单类，菜单列表选择，多选菜单
	多级选择，未填写及数字验证巩固案例
Day10	页面向下滚动导航固定在窗口，电子时钟巩固案例，倒计时
	首尾字的切换，名单抽奖案例，随机漂浮广告
	进度条效果，自动搜索案例
Day11	游戏特效，掷筛子游戏巩固案例
	幸运大抽奖
	打地鼠游戏
	歌词的奇幻之旅
	天降红包效果
第三阶段 web前端设计实用插件及框架
Day12	触屏滑动插件swiper，swiper引用，swiper使用，swiper版式制作，swiper箭头导航功能，swiper页码导航功能
	swiper自由模式，swiper每屏滑块数，swiper滑块的间距，swiper方向功能，swiper滚动条，swiper栏的划分，swiper嵌套，swiper循环重复个数限制
	swiper淡入淡出效果，swiper立体效果，swiper透视效果，swiper镜像效果，swiperAnimate切换动画
	全屏滚轮插件fullpage，fullpage文件引入，fullpage使用
Day13	动画插件anime.js，anime的使用，anime可用参数，anime指定动画参数
	anime定义动画开始和结束，anime动画控制，anime动画运动路径
	awesome字体图标引入，awesome大图标，awesome列表图标，awesome动态图标，awesome旋转和反转图标，awesome堆叠图标
	awesome固定宽度图标，awesome品牌图标，awesome图表图表，awesome货币图标，awesome方向图标，awesome文件类型图标，awesome表单图标，awesome手势图标
	awesome医疗图标，awesome付款图标，awesome加载中图标，awesome文本图标，awesome交通工具图标，awesome音视频图标，awesome web应用图标，awesome图标参考手册
Day14	响应式布局框架bootstrap，bootstrap安装使用，bootstrap网格系统，等宽列，等宽响应式列，不等宽响应式列，平板桌面端，偏移列
	bootstrap文字排版，标题字默认设置，标题display类，small标签，mark高亮显示，bootstrap颜色，文本颜色类，背景颜色类
	bootstrap表格，基础表格，条纹表格，带边框表格，鼠标悬停状态表格，黑色背景表格，bootstrap图像形状，圆角图片，响应式图片
	bootstrap信息提示框，提示框加链接，关闭提示框，提示框动画，bootstrap按钮，按钮样式，按钮元素，按钮边框，按钮大小，块级按钮，按钮状态，bootstrap按钮组，按钮组大小，垂直按钮组，内嵌按钮组
	bootstrap徽章，徽章颜色，药丸形状徽章，徽章插入元素，bootstrap进度条，条纹进度条，动画进度条，bootstrap分页，当前页，不可点击，分页大小，面包屑导航
	bootstrap列表，激活禁用状态的列表项，链接列表项，bootstrap卡片，卡片的头部和底部，标题文本和链接，图片卡片，文字覆盖图片
	bootstrap下拉菜单，下拉菜单分割线，菜单向上弹出，bootstrap折叠菜单
	bootstrap导航，导航的对齐，垂直导航，选项卡导航，胶囊导航，等宽导航，胶囊导航下拉菜单
	动态选项卡，bootstrap导航栏，垂直导航栏，品牌logo，折叠导航，导航栏使用下拉菜单，导航栏的表单按钮，固定导航栏
	bootstrap轮播，轮播加描述，bootstrap模态框，bootstrap提示框，指定提示框位置
	bootstap相册页
	bootstrap博客页
	bootstrap轮播页，bootstrap表单验证，bootstrap满屏首页，bootstrap数据报表页，bootstrap登录页
Day15	VUE渐进式JavaScript 框架，VUE定义元素数据方法，VUE模板语法，VUE输出文本，VUE输出html，VUE修改html属性
	VUE表达式，VUE属性，VUE事件，VUE过滤器语法
	VUE缩写，VUE条件语句v-if，VUE循环语句v-for数组，VUE循环语句v-for对象，VUE循环语句v-for整数
	VUE监听属性watch，VUE样式绑定，VUE事件处理器绑定方法
	VUE时间处理器内嵌javascript，VUE事件处理器修饰符，VUE表单，VUE导航实例
	VUE编辑文本实例，VUE产品价目实例
第四阶段项目实战
Day16	带swiper轮播模块的企业网站实训项目，项目来源：互联网科技公司企业网站需求。调研科技公司网站版式及内容模块，进行UI界面的设计。使用媒体查询技术完成响应式网站页码的搭建，并使用swiper制作完成页头通栏轮播广告模块
Day17	swiper全屏全景汽车展示产品宣传类网站实训项目，项目来源：汽车企业想要在众多品牌中被客户所青睐，必须进行全新版式设计及交互设计的更新。调研发现，汽车品牌多以大图高清或视频动效类交互形式来展示品牌产品吸引消费者。使用swiper插件中的mousewheel模板可快速完成客户所需要的效果
Day18	高级UI设计师个人营销博客网站实训项目，项目来源：当互联网进入每个人的生活，人人都需要拥有自我营销的意识，UI设计师们也不例外。网站使用最新版式设计，需完成响应式布局的要求和交互实现
Day19	bootstrap全系模板页实训项目，为了更好的理解和制作出企业需要的商业模块设计，我们将bootstrap提供的所有模块进行视觉再造，并使用bootstrap完成视觉效果图的实现过程
Day20	swiper全屏全景餐吧网站实训项目，项目来源：小资生活是每个人所向往的，有这么一些店铺，装修时尚，菜品味道好而不贵。我们需要为餐吧设计制作个性化的展示网站，选择swiper的全屏全景模板最为合适