Web前端工程师培训课程大纲

1、Web前端工程师培训课程大纲上海互联网行业人才紧缺指数 （TSI）报告显示， WEB前端开发工程师已成为上海互联网行业中最紧俏的职位。根据此次报告，今年三季度，互联网在上海全彳T业中成为人才需求最为紧迫的行业；而在当地互联网各种紧缺职位中，各类研发技术类岗位稳居前列。想从事WEB前端开发的小伙伴们看到这热门高薪的岗位一定有所心动，下面小编就整理了一份全面的 WEB前端工程师培训课程大纲 供学习使用：非凡学院WEB前端工程师培训课程课程模块课程科目培训内容设计 软件（赠 送）Dreamweaver讲解DW勺人性化功能以及在页面架构和前端开发应用领域的使用技巧，HTML!础应用，快速入门，CSS样

2、式表的应用，模板布局的使用技巧，如何管理网站并上传。Fireworks讲解FW在网页切片、图层、帧、 gif动画、画布设置中的应用以及配合其他软件进行使用Photoshop熟练掌握PS在图像编辑、图像合成、校色调色及特效制作四大部分的技巧以及配合其他软件的应用Illustrator广泛应用于出版、多媒体和 UI图标界面设计的工业标准矢量插画的软件，印刷和WE飒络创作的专业平台，针对WEBF口移动的改进、介绍多个画板、触摸式创意工具等新鲜特性WEBttr 端HTML5/CSS3布局 与样式HTM麻签HTMl5简介与入门、文本、图像、链接、表格、列表、智能表单、结构化标签等内容 随堂项目：1 .文

3、章页面的结构化布局。包括文章标题、正文、图片、页面背景、作者、发表时间等信息2 .利用table标签课程表的实现3 .利用form、input表单标签实现简单登录注册页面CSS基础语法 常见样式CSS3简介、css3引入方式、常见样式、文字与文本、颜色、背景色、精灵图片等 随堂项目：首页导航栏的制作CSS选择器css选择器：标签选择器、类选择器、ID选择器、后代选择器、群组选择器、伪类选择器、结构化伪类选择器、 属性选择器、兄弟选择器、子元素选择器CSS盒子模型盒模型简介、盒模型组成部分、盒模型常用场景、弹性盒模型随堂项目：导航栏的制作，利用盒子模型拉开间距、hover效果添加后的内边距设定浮

4、动与定位浮动：float、clear、恢复塌陷的父容器高度。定位：一动不动的（static）,跟着别人跑的（absolute）,以自己为中心的（relative）,固定的（fixed）随堂项目：导航栏左右布局的定位、二级菜单的实现、回到顶部的按钮响应式布局与页面优化处理移动页面与PC端页面布局时候需要注意点、媒体查询在响应式布局中的应用、响应式布局中弹性盒模型的设计技巧、各种浏览器对于 CSS样式的支持情况、页面优化需要注意的地方、解决跨浏览器兼容性问题随堂项目：移动端的用户注册页面、PC端的用户注册页面。静态页面切 图项目实战企业站实训：1.首页导航、二级菜单2.banner轮播图3.产品展

5、示4.成功案例5.新闻中心6.联系方式7.友情链接8.版权申明9.总结商城实训：1.首页（头部导航、分类搜索、秒杀产品、猜你喜欢、推荐商品）2.用户中心（订单、个人信息、收货地址、账单）3.商品详情页（展示图、描述信息、促销价格、细节展示、产品详情）4.登录&注册页面WEBttr 端JavaS cript 交互核心语法JavaScript 的前世今生、javascript 语法、介绍html5认识JavaScript、javascript中的对象、数组、变量、.流程控制（if - else switch case while for ） 随堂项目：九九乘法表、闰年计算、谁是高富帅（ i

6、f - else. Switch case）BOM DO嘛作DO懒作：让一成不变的网页动起来；BOM!作：浏览器也有话要说随堂项目：网页时钟的制作、回到顶部事件编程javascript 的事件机制：让网页回应你的问候； 常见的JS事件：单击、双击、移动、悬停、焦点的获取与失去、 浏览器的关闭与加载随堂项目：1.选不中的按钮的实现 2.做一个计算器怎样？ 3.商品图片放大镜效果正则表达式正则表达式的语法、利用正则表达式做字符匹配、面向对象编程：脱离过程走向对象 随堂项目：邮箱格式的验证、编写一个获取常见输入数据的格式验证类。面向对象编 程面向对象编程简介、对象的创建、继承的实现、原型与原型链。

7、随堂项目：仿windows屏保气泡JQueryJQuery基础语法、JQuery选择器、JQuery的BOM DO曝作、事件编程、常见动画与自定义动画编程、常见Jquery插件使用。随堂项目：打地鼠游戏、抽奖轮盘制作JQ项目实战图片轮播、利用jQuery制作拼图、贪吃蛇等项目实训Ajax技术Ajax技术介绍、json格式与XMLM式详解、Ajax的post与get两种提交方式详解、服务器端的数据反馈机制 说明、如何利用jQuery实现Ajax提交、跨域访问的实现随堂项目：用户注册、登录的 Ajax无刷新实现、淘宝收货地址中省市级联的实现Bootstrap bootstrap 介绍、bootst

8、rap 的栅格系统、CSS样式、组件、bootstrap 的 javascript 插件 随堂项目：利用bootstrap构建移动商城首页、用户注册、登录等页面ECMAScript61.webpack介绍 2.webpackg 管用配置 3.模块处理 module 6.3 种加载器loaders的使用4.编译器babel 5.插件plugins 6.热更新次操作7.打项目最终包随堂练习：新前端开发环境搭建课程模块课程科目培训内容WEBtll 端 移动 端开发HTML5高级功能canvas标签的使用、多媒体在网页中的使用、 HTML5中的智能表单、HTML井API的详解（定位、数据库存储） 随堂

9、项目：利用智能表单实现注册页面、利用 canvas绘制小星星、利用 HTMLE功能实现一个最近超市搜索 页面。CSS3动画详解CSS3新增选择器、弹性盒模型、服务器字体、多重背景、边框图片、过渡动画与关键帧动画随堂项目：Running Man 2.天天跑酷3.css旋转魔方WEBAP开发1 .移动端页面的设计要求2 .HTML5动画的常见使用场景3 .多媒体在页面中的使用4 .商城项目首页、用户注册、登录、商品列表等页面的实现5 .weui框架的介绍与使用随堂项目：京东商城移动端首页在线答题系统微信公众号开发（JSSDK1 .微信公众号介绍与申请开发账号2 .微信公众号项目的官方文档与demo

10、样例全解析3 .调用微信官方API接口函数4 .利用H5的新特性构建更富有表现力的活动页面5 .常见微信分享、投票、活动、抽奖页面的设计与实现 随堂练习：非凡学院公众号项目实践微信小程序 开发1.小程序账号申请2.小程序开发环境搭建 3.小程序布局原理 4.小程序组件、API使用5.weUI使用 随堂练习：商城小程序项目实战Vue.js 随堂练习：1.To Do List 项目实践2. Vue.js博客实战Angular.js 3.指令系统4. 表达式 5.数据绑定6. 作用域随堂练习：京东商城项目WEEM级框 架与React.js 2.开发环境搭建3.jsx 语法 4.组件编程5.组件生命周

11、期 6. 路由使用随堂练习：饿了么点餐项目实战后台 交互PHP入门1.PHP语法简介2.函数3.会话控制4.面向对象编程5.常用MySQ晤句6.PHP链接数据库7.通信接口 api 开发DedeCMS*详细讲解织梦系统软件的安装、模板、插件等使用；修改页面布局及细节；dede标签的使用方法；及如何替换、制作、修改、美化模板；熟练使用各类功能插件如社会化登录、在线客服等技术；结业后可快速制作常见商业 网站沟通 技能 和就 业指 导管理与沟通心态与服务、职场商务礼仪、沟通与口才强化、职业素养提升、团队合作就业指导毕业作品整理、行业规范与合同、职场与行业分析、企业观模与规划、职场岗位实战模拟、创业指导、实习与 预工作1 .报名课程，赠送视频包、软件包、素材包、材料包2 .报名课程，在学习过程中，学员有机会参加学院派接的订单实战特另U3 .零基础，可以达到高级网页前端开发和移动端开发的程度，相当于具有半年左右的工作经验。4 .保证学会：出勤率达 90刈上，可享受1年内免费重新学习说明5 .考试认证：网络设计师、网页前端工程师（费用另付）6 .学习周期：平日班 4个月；业余制10个月7 .招生要求：大学以上学历（能力优秀者可适当放宽条件）上海非凡