Web前端培训课程

【适合人群】

·大专及以上学历，零基础均可学习

·刚步入社会，缺乏实战经验，找不到合适工作的应届毕业生

·想要转行挑战高薪的群体

·厌倦传统行业，想快速转行互联网，但又不懂技术的小白

【为什么选择Web前端？】

市场需求大：目前HTML5工程师日均岗位缺口50000，随着互联网+深入发展作为唯 一前端展示技术预计HTML5人才缺口将成倍增长。

应用域广：移动Web端，小程序，管理系统，小游戏，响应式，大数据可视化，微信接入均可通过前端技术实现。

行业薪资高：HTML5开发工程师均薪高晋升速度快

【课程亮点】

·基于PBET来进行教学，以培养学员分析问题和解决问题的能力。

·实战项目丰富，涵盖主流行业的商业项目，家具、电影、电商等等。

·课程体系涵盖技术全面，技术讲解有足够的深度。

·引入目前企业最中最 流行的框架来教学。

·深入企业内部，剖析企业招聘、面试等等流程

·每周六天课程，**充足的学习时间和连续性。

·补充多套最 新最热门的高级课程，帮助学员突破高薪瓶颈

·训练牢固的基本功，助力持久的竞争力，帮助学员迈向成功

【课程大纲】

第 一周：HTML和CSS入门

知识要点：PhotoShop抠图、切片技巧、pxcook标注、Web前端开发环境、HTML常用标签、表单元素、CSS基础样式使用、字体图标设计

课程目标：熟练运用HTML和CSS样式属性完成页面的布局和美化，基于PSD原稿完成页面像素级还原布局和设计。

第二周：H5和CSS3新特性

知识要点：选择器、选择器权重计算样式继承、IFC、BFC、常见布局技巧、CSS新增特性

课程目标：熟练掌握网页布局技巧，熟悉CSS3新特性完成页面设计和优化

第三周：CSS3动画SASS和BootStrap

知识要点：弹性布局、transtion过渡、tranform动画、Animation动画使用技巧，2D动画和3D动画设计，预编译CSS技术：Sass基础知识、响应式布局原理、BootStrap源码分析以及插件的运用

课程目标：理解动画的原理，掌握动画的基础设计并完成网页动态效果设计，熟练掌握网页布局，能够熟练使用Less、Sass完成项目开发，深入了解BootStrap设计

第四周：项目实战及优化《生鲜平台》《家具网站》

知识要点：使用HTML、CSS、LESS、SASS等技术完成蜗牛家具网项目实战

课程目标：通过项目掌握第 一阶段HTML、CSS的内容、完成PC端页面设计和后台管理系统页面设计

第五周：JavaScript编程基础

知识要点：JavaScript发展及组成、变量、数据类型、控制结构、数组和函数

课程目标：了解JavaScript的发展，熟练掌握JavaScript的基础知识

第六周：WebAPI核心编程

知识要点：BOM操作和DOM操作学习，熟练使用jQuery框架开发，代码优化。

课程目标：熟练使用BOM的各种对象、熟练操作DOM的对象

第七周：jQuery+H5实战

知识要点：jQuery实战、H5相关api、以及canvas绘图技术使用、随机数据模拟

课程目标：熟练使用所学知识来完成蜗牛电影城项目开发和蜗牛小麦网项目开发

第八周：项目实战及优化《蜗牛影城票务系统》《蜗牛小麦网》

知识要点：使用HTML、CSS、LESS、SASS、JavaScript、jQuery、Ajax等技术完成项目实战

课程目标：熟练使用所学知识来完成蜗牛电影城项目开发和蜗牛小麦网项目开发

第九周：JavaScript高级特性

知识要点：JavaScript高级特性：闭包、作用域链、递归、IIFE、立即函数等，ES6新增特性：解构赋值、扩展运算符，箭头函数等

课程目标：掌握高级特性概念以及运用，熟练使用ES6的新增特性

第十周：Nodejs+MongoDB编程实战

知识要点：面向对象的基础概念、nodejs的使用以及express框架的基础运用，MongoDB的使用以及mongoose的api学习

课程目标：掌握面向对象编程基本思想，nodejs+express搭建后台，熟练使用mongodb搭建数据库以及用mongoose实现后台于数据库交互

第十一周：前后端分离实战

知识要点：webpack打包工具的使用、异步编程的概念、ajax、promise、async/await、git版本工具使用

课程目标：掌握webpack对项目进行打包，熟练使用异步编程进行数据交互并部署到gitee上

第十二周：项目实战和优化《信用卡金融平台》《保险保单平台》

知识要点：需求分析，数据库设计，后台开发，使用vue、node完成pc和移动端整站开发

课程目标：基于Node.js+Vue.js+Webpack+MongoDB+Git，实现整站项目完整功能并上线发布

第十三周：Vue.js全家桶

知识要点：VueCLI的使用、Vue基本语法、组件、生命周期、MVVM、VueRouter、Vuex、axios的封装、Vue的打包配置

课程目标：对Vue.js框架的基本使用有清晰的理解，对MVVM模式有深刻理解，熟练运用Vue.js全家桶完成Web前端开发和组件开发

第十四周：ElementUI+VUE3.0+数据可视化

知识要点：elementui框架、Echarts、d3.js、vite工具的使用、Vue3.0

课程目标：使用Echarts对数据实现动态的可视化渲染，了解d3.js的基本语法

通过vite搭建vue3.0项目，并使用vue3.0完成基本的前端开发

第十五周：微信小程序和uni-app

知识要点：微信小程序：基本介绍、开发工具、wxml和wxss、全局配置和页面配置、自定义组件、本地存储、网络请求、导航、云开发、小程序发布

课程目标：uni-app：开发工具、基本使用、vuex、地图功能

第十六周：毕业项目《k15在线视频教育》《菜谱大全小程序》

知识要点：WoniuCarRental，整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理。团队协作开发，使用git进行版本控制；

课程目标：团队协作完成毕业项目

第十七周：React实战

知识要点：组件、props、state、事件、表单、生命周期、hooks、ReactRouter

课程目标：熟练使用react全家桶完成项目开发

第十八周：Redux和React-Native

知识要点：Redux、saga、thunk中间件、ReactNative：环境搭建、组件、样式、表单、事件、网络请求、列表刷新、导航、底部tab导航栏、打包APK

课程目标：熟练使用react-native开发移动端app

第十九周：TypeScript+umi.js+dva.js

知识要点：TypeScript核心编程、语法检测、面向对象语法、dva.js、umi.js介绍

课程目标：基于TypeScript+dvajs+umijs完成项目实战开发

第二十周：毕业项目《汽车生活服务》《在线金融平台》

知识要点：整个项目前后端分离开发；整个项目分为四部分：PC端网页、移动端APP、小程序、后台管理团队协作开发，使用git进行版本控制；

课程目标：团队协作完成毕业项目

第二十一周：提升课程和就业辅导

flutter实战：基于flutter框架来搭建app开发环境，讲解flutter开发模式

SSR：理解SSR运行原理及为什么需要使用SSR|掌握SSR环境搭建|掌握使用缓存和stream对SSR进行优化|掌握Nuxt.js/Next.js的应用

框架源码分析：TypeScript在Vue中源码分析，Vue虚拟dom实现原理、MVVM实现流程、数据劫持

性能优化：网页性能优化方案，脚本性能优化方案，框架性能优化方案，浏览器底层内核、内存分配管理、垃圾回收。

简历指导：知识体系梳理、简历项目指导、简历人事指导

模拟面试：针对每个学生进行模拟面试，针对每个学生基础进行查漏补缺

【上课时间】

每周一到周六，早上9点到晚上8点半（教室24小时对学员开放，但不要学得太晚哦）

【资深讲师】

徐朝波

蜗牛学苑资深讲师

蜗牛学苑前端学科总监，全栈工程师，四川大学本科。从事IT行业8年有余，积累了丰富的软件开发、项目管理经验。精通Java、前端以及Python技术，H5开发经验丰富。原华为无线部门高级研发工程师，并担任项目SE角色。擅长系统架构、应用架构以及Web前端技术。曾参与大型互联网项目开发数次，对前后端开发有深入的见解，对高并、高可用、分布式架构设计有着丰富的经验。从事教学工作多年，擅长引导学生去思考，喜欢图形化的教学方式。教学方法独特，为人平和，广获学员喜爱。

翟吉喆

蜗牛学苑高级讲师

16年软件企业开发和培训经验，资深Web前端高级软件工程师，有着丰富的外贸行业经验和大型项目开发经验，曾参与江苏对外出口网、外贸供应链管理系统，陕实发公务车调度平台、咨询分量跟踪系统，安路信铁路测距仪等多个大型项目的开发。多年软件培训经验，授课思路清晰，逻辑严密，善于激发学生学习兴趣，深受学员喜欢。

张涛

蜗牛学苑高级讲师

超过17年IT从业经验，8年软件教学经验。曾参与研发和实施甘肃省中职信息管理平台，政务系统，Ourslook公司的《快递帮》等，有丰富的开发和实施经验，历任高级开发工程师，研发组长，项目经理等职。对系统集成，技术运维，Java开发，Web前端、分布式等主流开发技术有广泛涉猎，擅长企业级系统研发，系统架构设计，拥有丰富的项目经验和教学经验，教学风格严谨，条理清晰，逻辑严密，深受学生喜爱。

【为什么选择蜗牛学苑】

全程面授。为了**大家更好的学习效果，蜗牛学苑所有校区的就业培训课程保持全程面授模式。

学生反馈和意见及时处理。每个月一次的匿名在线调查表，大家可以敞开的表达，客观存在的问题，蜗牛学苑及相关责任人需要第 一时间给出解决。

课程体系及时更新。蜗牛学苑的课程尽可能的跟紧目前企业所需，设立专门的课程研发中心，课程保持半年一小更新，一年一次大更新的节奏，目前蜗牛学苑的课程已经更新到了7.0版本，在今年的7月1日开始在全国所有校区开始实施。

真实商业项目池。公司设有专门的研发部门，有单独的网络安全业务线，同时兄弟公司雷人科技（蜗牛创想科技有限公司参股，专做软件研发业务）也会一直提供技术支持，**蜗牛学苑有真实开发项目案例。在项目实战中是学员从真实的商业项目池中选择项目，而不是像某一些小机构永远做的都是那几个万年都不变的项目。

学历要求。蜗牛学苑一直以来对于学员是有学历要求，必须要大专及以上的学历才可以参加培训。不是我们看不起学历低的学生，只是你们来学习成功的几率真的太低，试错成本太高，这也是为你们负责。

一周试听不满意或未通过考核退费。试听一周，通过真实的教学感受，如果不满意蜗牛学苑的任何服务可以无条件退费，我们蜗牛学苑会**就业也同时会筛选学员，如果觉得你不适合学习，未通过考核也会劝退。这一周内退学不会收取你任何费用。

中途退学费用结算。合同上白字黑字写得很清楚如果因为个人原因退学或者被劝退，按照实际上课课时核算费用，且不会核算重复上课内容的天数（比如你某一阶段学习了两次，重复的天数只会给你核算一次）于五个工作日内退还剩余费用。不存在某一些机构入学就不退、超过多少时间不退、退费难的问题。

降级、劝退机制。分阶段教学，当阶段综合测评未通过，或者学员自身学习困难可以免费降级再学一次。并且针对多次降级还学不会的学员，我们抱着减少学员的时间，节约经济成本的目的会对其劝退，费用按照上一条核算。

**工作性质。**最终的就业职位为你学习的学科，不会做其它无关职位推荐，简单说就是对口专业就业。不然学完了安排去送外卖也叫就业了，是吧？

**最 低底薪，达不到补偿三倍差价。**你工作后的最 低底薪，如果没有达到**的薪资水平会给予三倍的差价补偿。

66个工作日未就业全额退费。就是字面意思，66个工作日未成功就业退还全额学费，真出现这种情况，绝不推诿。其实以前这一条规定的是三个月，我们觉得写得太笼统了，现在精确到天数。

**通过试用期。如果因为技术问题被辞退，蜗牛学苑会对你负责，一直到你过试用期之后才算就业成功。**你在蜗牛学苑学到的知识是能解决企业实际问题的，而不是靠忽悠面试官。

【教学环境】

【机构介绍】

成都蜗牛创想职业技能培训学校有限公司是一家以信息技术服务为主导，立足高新技术前沿，专业致力于计算机软件开发、测试及应用的高科技企业。公司由国内资深一线IT技术专家共同打造，汇聚了国内IT及互联网行业顶 尖高手，集合了IT目前流行领域的所有成熟技术和思想，致力于为国内IT及互联网企业提供最 新的技术和研发解决方案，最 符合企业人才需求的专门人才，最 具技术含量和实战经验的内训课程，帮助各个企业及员工快速突破技术瓶颈，成就团队价值。

公司总部成都，目前已在重庆、西安、上海、武汉等地设立有分公司，未来将形成覆盖全国的布局模式。本着“不满足于客户认可，更要帮助客户成功”的服务理念，踏踏实实做事，认认真真服务。我们不追求高额利润，不追求短期收益，只关注与企业的长期合作，实现与客户的双赢。
我们倡导企业与员工共成长的企业文化，重视人文关怀，鼓励创新，致力于为员工营造充分展示自我才智、发挥潜能的舞台。蜗牛创想，期待与有活力、有激情、有创新意识的您共成长！
蜗牛学苑是成都蜗牛创想职业技能培训学校有限公司旗下独立运营的教育品牌，承担着公司的人才培养任务和合作企业的人才推送任务。为企业的长足发展提供可持续的人才配给！