项目教学法,学习同攒经验
让你4个月就拥有2年以上项目经验
我们采用全真商业项目教学+小班授课(每班10-20人左右),每节课布置作业,学习同时攒经验,学习中参与名企项目开发设计, 模拟公司项目流程,以实现知名的网站/APP前端为检验学习成果的标准,积累大牛级的项目经验!
同学担心的问题一一解答:
1)担心学不会 ?我们免费试听一周,而且边学习边考试,每周都有对应的测试题,帮助你不断的查缺补漏,而且我们小班制,老师手把手的教,只要和老师一起努力,不但学的会,而且学的更好;
2)担心找不到工作?就业是我们的强项,我们会聘请大型公司的招聘顾问,专门进行就业辅导,而且上课实战,融入大量BAT真题,所以平均就业工资超过12K。不但让你找到工作,还要能胜任工作。
3)担心费用太高?我们的学费,确实是现在市场价的一半,只有 9800
元,只有我们敢在官网写学费,因为我们专注前端教育,给所有想要起飞的学员以最低的成本学到最高质量的课程;所以,你也应该给青春一个机会!
课程大纲如下:
A模块:0基础轻松入门
涉时:2周
涉及知识点
主体:html+css+flex布局
HTML/CSS基础知识讲解,以及各浏览器兼容问题处理
HTML5/CSS3基础知识讲解,以及响应式布局开发
在线项目综合练习与实战开发(搭建静态页面) ;每周一个项目;
B模块:最深入的原生JS课程体系及全面的webApp开发
JS基础知识公开课
涉时:2周
涉及知识点
JavaScript核心基础知识:变量、数据类型、操作语句、函数、数组及算法、 DOM、String、Math、Date…
BAT公司的经典面试题分析
算法常用的排序:冒排,插排,快排…
项目中常用案例实战开发:选项卡、随机验证码、倒计时、九九乘法表等
js基础知识的考核:机试+笔试
最深入的原生JS课程体系及全面的webApp开发
涉时:2个月(即:8周)
啰嗦一句:这两个月的知识非常重要,房子能盖多高取决于地基,前端你的路能走多长,取决于”原生javascript”(即这两个月的知识)
第一周
git/gitHub讲解,模拟真实项目团队配合开发流程方式;markdowm编写技术 文档,沉淀技术资料等
原生JS从基础到深入:作用域、闭包、THIS、面向对象设计思想、CALL/APPLY
大量面试真题中涉及作用域和面向对象的知识点讲解和考察
es6语法和babel 编译;体验es6中面向对象的使用
(本周目标:先培养起大家面向对象思想,是JS编程的核心内容,让大家深入去理解JavaScript和ES6新一代JavaScript语法规范。也为后面的课程做铺垫;在课程中我们会出很多的BAT经典面试题,让大家不断的强化练习,把核心基础知识打牢靠。)
第二周
面向对象的深入(涉及this及this修改的方法及区别等)实战:商品排序
初步体验ajax前后台交互,绑定数据,回流和重绘等
正则基础到实战;正则和面向对象配合
(本周目标:是对第一周课程的加深,本周课程中将融入实战案例并且使用rem布局完成,让学员深入理解面向对象编程以及DOM渲染的核心原理(DOM重绘回流);第二部分正则的讲解是目前所有培训机构中讲解最深入最具实战价值的(不服可以来战))
第三周
JS盒子模型常用属性;同步异步编程;
DOM深入、编写兼容所有浏览器的DOM库封装
实战:
图片延迟加载
回到顶部(随时停下版+立即隐藏版)
瀑布流
图片懒加载
图片延迟加载思想完成花瓣网实战案例
(本周目标:本周实战案例比较的多,而且都是项目中最经典的案例,锻炼大家实战能力;本周课程将初步培养大家封装库和组件的能力,我们封装的DOM库,基本上囊括了JQ中常用的DOM操作方法,而且兼容所有的浏览器)
第四周
定时器和回调函数深入解读
轮播图案例的实现以及组件封装
以组件思想-封装运动库;
jQuery常用方法使用及源码解读,使用JQ完成一些经典的案例
用jQuery重写我们以前用原生js写过的各种动效交互;真正明白jquery的优势和原生js的重要性
(本周目标:熟悉前端最常用的库,并带着同学重新做前面js写过的案例;本周的轮播图是工作中最常见的,我们会讲两种,左右切换和渐隐渐显,同时用面向对象+构造函数来重写)
第五周
事件对象及基础知识、事件冒泡传播、事件委托、以及DOM2事件兼容处理
通过实战,熟练事件委托和事件冒泡的运用,熟练鼠标坐标的运用
小米购物车
多级菜单
百度搜索框
淘宝商品页放大镜 (固定比例计算+计算比例计算)
封装事件库,封装订阅发布版的事件库
用自己封装的事件库封装拖拽组件
(本周目标:这两周我们的项目实战案例会非常的多例如,通过对事件的深入解读,更好的实现前端页面的动态交互,也为后台node中的事件打好基础,同时,通过事件委托的具体运用,提高网站性能…)
第六周
用es6+面向对象+订阅发布,封装一个功能强大的拖拽组件
利用拖拽组件实现chrome照片墙
用jsonp重写百度搜索框
封装一个可以跨域的ajax库
具备jsonp跨域功能,和前后台数据交互功能
从而明白jQuery中 $.ajax的实现原理
(本周目标:本周的是对以前所有知识的综合运用,如果你学的好,可以担任企业封装可扩展的强大插件的职责,另外我们还封装了可以跨域的强大的ajax库,方便前后台数据交互)
第七周
html5新增标签,音频视频的富媒体标签的使用,storage本地存储的详细解读,图标字体的使用…
css3新增功能介绍,过渡transition和变形的使用,animate关键帧的使用…
开始使用第三方插件 fullpage.js;
实战:用html5+css3+fullpage.js开发一个动态的网站
(本周目标:通过html5+css3知识的学习和实战,让我们的网页变得更加漂亮,性能跟高,同时,通过利用现成的差价,可以实现页面的快速开发)
第八周
实战:响应式开发页面
用bootstrap+html5+css3 实现响应式布局和开发,开发某金融网站
实战:纯移动端页面
利用rem布局+jquery中的订阅发布+less,完成QQ音乐页面的制作;
C模块:原生Node.js和流行框架实战
第一周
原生Node.js和企业级项目实战
Node.js简介和特性,http模块和 url模块,fs模块详解;静态资源文件管理
文件夹模块和package文件,post请求,ejs模版使用等
express框架,路由,中间件–实战:小相册
mongodb的安装和使用(增删改查数据等)
find函数封装和分页,及cookie,session知识讲解,实战:留言板
md5加密;图像处理和裁切; 实战:圆梦源论坛(涉及:注册,登陆,上传头像,用ajax配合,实现分页,用户列表等功能)
mongoose知识讲解,和websocket案例实战;
(本周目标:建立对后台工作的认识,可以真正的贯穿前后台,自己写服务器,写后台接口,封装DAO层的数据,用MVC思想进行前后台的项目实战,熟练用npm包管理我们需要的第三方插件…)
第二周
react环境配置与调试技巧
熟练工程化、自动化开发:搭建项目基础架构用webpack2,自己手动熟练配置webpack.config.js,对我们项目进行编译、打包、压缩…
react组件开发和react多组件嵌套
JSX中常用的表达式和注释、生命周期、React属性和事件、父子组件的数据传递、组件的refs、react-router和样式合并打包等
项目实战
用所学react知识+antdesign+react的运动写个人简历网站;
聘请企业开发人员过来给大家进行企业项目的演练
第三周
vue 基础,事件和数据交互
vue 生命周期,计算属性
前端vue
后台express+mongoose+body-parser插件的使用等
实战:购物车
实战:留言框;涉及知识点
vue 过滤器、指令、动画
vue组件详细解读:全局组件、局部组件、父子组件、动态组件展示、插槽 slot…
vue数据传递:父子组件数据传递,兄弟组件数据传递、数据同步、数据不同步…
vue-router ,vue-router+webpack2的自动化搭建,热加载…
vue-cli脚手架的使用(但我还是建议自己熟练搭建工程化开发)…
vue项目实战
第四周
如果以前课程同学接受慢,我们可以适当延迟几天
进行知识点梳理和复习
BAT面试题讲解
就业指导:聘请大公司负责招聘的人来给同学们讲解面试知识点
负责招聘的技术官会给大家演示前端全栈的知识树
演示优秀的个人简历
帮助大家建立个人简历和心理辅导
我们的课程不断革新,每期都会不同,让你永远接收的都是最新的前端知识,有任何疑问欢迎咨询:18611959267,这也是我的微信号哦!