课程说明
| 课程级别 | 初级 |
| 培训周期 | 3-6个月 |
| 上课时间 | 电话咨询 |
| 上课地址 | 陕西西安未央区行政中心（地铁二号/四号线）明丰国际16F |
课程简介
Web前端又称为Web开发前端，是指用户在浏览器上看到和操作的网页界面。作为Web开发的重要组成部分，负责实现网页的可见界面和交互功能。Web前端的重要性在于，它是用户与网页之间的桥梁，直接影响着用户对网站的观感和体验。一个好的Web前端界面能够吸引用户的注意力，提升用户对网站的满意度和黏性，从而实现更好的用户体验和增加网站的流量。
web前端发展前景
web前端
随着Web应用程序、智能手机应用程序和物联网设计的不断发展， 前端者的职位将得到进一步提升。现在，很多人员都正在学习和掌握前端技能，以适应不断变化的行业需求。 在未来的几年，预计前端将继续发展，继续吸引企业的注意力。前端工程师可以比那些不懂和掌握这门学问的人获得更多的好处。未来几年，前端者将拥有一个便捷，有趣和安全的用户体验，能够满足企业技术、性能和安全方面的要求。
职业发展及岗位
- 1.网页制作工程师
- 2.HTML5开发工程师
- 3.Web开发工程师
- 4.小程序开发工程师
- 5.前端开发工程师
- 6.网站重构工程师
- 7.前端架构师
- 8.小游戏开发工程师
Web前端适合人群
刚毕业 迷茫期
没有工作经验， 期待学习有前景的技术。
零基础 想转行
行业没前途， 期待短时间内转行IT。
想晋升加薪
具备前端基础， 面临职场瓶颈期待提升。
前端爱好者
薪资不满意， 期待进军前端热门领域。
Web前端工程师
课程体系 | 技能模块名称 | 课程内容 | 要达到的课程目标 |
入门阶段 | 计算机基础与操作 | 1.计算机组成与工作原理
2.Office 办公软件Word、Excel、PowerPoint的基本操作
3.Win10系统的基本操作与管理 | 能熟练管理操作系统及必备办公软件
能熟知编程语言的概念和面向对象思想
能独自搭建环境配置环境
为后面专业课的学习打下必要的基础 |
语文 | 编程语言基本操作 | 1.编程语言概述
2.编程环境的搭建以及基本语法
3.编程语言的分类以及面向对象编程思想 | 政治 |
入门进阶阶段 | Html5语言 | 1.网页制作基础知识
2.Html5基础
3.客户端和服务端交互原理
4.浏览器内核
5.Html语法及使用
6.常用标签、语义化
7.表单元素、html5新标签
8.编程规范 | 前端基础语法入门和项目实战
掌握HTML常用的标签
掌握CSS常用属性、选择器、盒子模型、定位和 浮动等
掌握JS开发技术常用知识点
掌握浏览器开发者工具调试技巧
独立使用HTML5+CSS3完成静态网站的开发 |
语文 | CSS3语言 | 1.CSS常用属性
2.CSS选择器
3.继承和优先级
4.数值和单位
5.文字文本样式
6.CSS盒子模型、背景技巧
7.定位和浮动
8.伪类和伪元素
9.布局样式
10.CSS技巧 | 政治 |
语文 | JavaScript语言 | 1.JS基础语法
2.函数与事件
3.JavaScript内置对象
4.JS-JSON
5.JS面向对象
6.JS的BOM和DOM模型
7.JS操作文件
8.Jquery库 | 政治 |
语文 | Html5开发和BootStrap框架 | 1.多媒体播放
2.Canvas绘图
3.BootStrap框架基础
4.BootStrap布局
5.BootStrap组件
6.BootStrap综合运用 | 政治 |
语文 | 第一阶段项目实战 | 1.唯品会商城制作
2.126制作 | 政治 |
技术进阶阶段 | 移动端开发知识点 | 1.移动端基础
2.自适应布局
3.响应式布局
4.Flex弹性盒子布局
5.移动端页面布局
6.移动端事件
7.Zepto框架应用
8.轮播图
9.滑动解锁 | 掌握移动开发相关知识点
掌握移动端开发框架Zepto
独立完成坦克大战游戏、唯品会APP的综合项目实战 |
移动开发项目实战 | 1.坦克大战游戏
2.唯品会APP的制作 | ||
高阶阶段 | Vue渐进式前端框架 | 1.Vue概述
2.Vue.js指令
3.TodoList练习
4.交互与实例的生命周期
5.Vue组件学习
6.环境配置
7.路由配置
8.Vue.js项目实战 | 掌握Vue.js渐进式前端框架的知识点，并灵活运用
掌握React框架的实战技巧
掌握AngularJS 2.0框架开发的知识点
综合前端框架，完成多个实战项目 |
React框架实战 | 1.初识Node.js
2.Gulp自动化构建工具
3.React开发学习
4.React + Flux
5.React项目实战 | ||
AngularJS 2.0框架开发 | 1.AngularJS2环境搭建和概述
2.路由、组件、常用指令
3.服务的使用
4.jQuery和其他插件的应用
5.书城项目搭建实战 | ||
第三阶段项目实战 | 1.嗨购网项目页面制作
2.滴滴打车项目页面制作 | ||
全栈开发阶段 | Node.js开发 | 1.Node.js概述及安装
2.后台搭建及讲解
3.前后端交互实战
4.第三方模块应用
5.Express框架
6.其他常用模块介绍 | 掌握Node.js开发相关知识点并灵活运用
掌握小程序开发基本流程
能够独立完成简单小程序开发
掌握非关系型数据库的使用
完成多个实战项目 |
小程序开发 | 1.即时通讯实现
2.Redis非关系型数据库
3.MongoDB基础语法
4.小程序“今日头条仿制版”
5.小程序“电影订票系统”
6.SEO搜索引擎优化技巧 | ||
第四阶段项目实战 | 1.唯品会项目
2.新浪项目
3.百度地图
4.携程旅游 | ||
面试与就业阶段 | 职业素质 | 1.职业礼仪
2.沟通技巧
3.黄金演讲
4.简历制作
5.面试技巧 | 打造良好的职业素质
礼仪训练培养良好职业素养
演讲口才与训练培养良好的表达和沟通能力
就业指导提高面试成功率
出口，检验知识掌握程度和综合表达能力 |
课程四大优势
围绕前端全栈开发、小程序开发开展教学
通过结合开放数据，网络数据等等将近500G的企业级真实数据，很能 激发学生的学习兴趣，也能让学生深切体会到大数据分析的特点，而 不是只讲理论
企业级项目案例，覆盖面广、实用性强，打造“一专多能”的复合性人才， 适应企业需求，拓宽职业发展空间
知识技能体系完备、层次化，为目标岗位
学习过程跨越“基础编程、前端框架、小程序、前端全栈、职业素质和 综合项目”六个部分、四大模块，使学员潜移默化地形成扎实、的知识 与技能体系
合理的学习周期，符合目标学员的一般学习规律
教学模式先进，案例课、训练课，技术课融入学习方法
案例课训练学员多方面的能力，包括阅读专业技术文档的能力、实施项 目案例的能力和沟通表达能力
训练课训练学员对项目的理解和讲解能力，梳理解题思路
专业的职业素质课程，提员软实力
模拟职场真实场景，让学员在切身体验中提高情商
丰富的职业培养模式，让学员在较短时间提高职业必备的素质
课程内容以实际授课为准
温馨提示
