育知同创-专注强师高品质课程,只培养拿高薪的实战型IT精英!

加入收藏 关于我们 咨询电话:010-56251344
北京
其他分校: 北京校区 深圳校区

2017年最新

web前端移动开发学习路线图(附带完整视频资源)

从入门到精通,及时纠正自己的学习方向

私房资源点击获取

前端学习路线图引言

前端很火,想自学前端的人也多。作为过来人,知道自学的辛苦。很多同学想学习WEB前端开发,虽然互联网有很多的教程、网站、书籍,可是却又不知从何开始如何选取。

制作这份学习路线图的初心,就是让想自学前端的小伙伴们有一份系统专业的学习资源和学习指导。于是,在为时将近两个月的整理之后,就有了这份全面的前端学习资源大礼包!无论你是刚入门的小白,还是已经工作的前端开发者都能从中获取到你想要的资料!

另外,我这里还有一些私房资源,我的QQ:2591708855 好友快加满了哈,想要的从速。当你遇到困难的时候,或许我还能给你指条明路。全部资源只赠有缘人,拿走,还不用谢~另外,这份资源会一直更新,需要的同学持续关注吧!如果你还有缺的东西或者对学习路线图有建议的地方,欢迎随时吐槽,我会尽全力帮大家整理。

私房资源点击获取

web前端和移动开发学习路线图

很多时候,成功除了勇气、坚持不懈外,更需要方向。
也许有了一个好的方向,成功来得比想象的更快。
如果在错误的路上奔跑,再怎么努力也是白搭。
学习Web前端也是如此,首先应该选择一个正确的学习路线。

A1、结构表现与页面重构

1.认知行业,岗位,介绍HTML5课程体系,就业趋势以及行业未来展望;
2.HTML基础入门
3.HTML5新增元素与特性,HTML5表单增强属性
4.CSS基础,CSS选择器,核心属性
5.CSS定位,盒模型,继承,布局
6.CSS3新增选择器
7.CSS3动画,过度动画,关键帧动画
8.CSS3位移与变形处理
9.图形、图像软件的使用(PS);
10.各种浏览器兼容性以及处理方式;
11.垂直居中,水平居中的处理方式;
12.雪碧图处理,滑动门处理及高宽自适应等高级应用技术;
13.CSS统筹,CSS在大型项目中的应用;

A2、Javascript基础

1.JavaScript历史;
2.JavaScript如何使用及运作原理;
3.JavaScript 现代基本理论体系结构;
4.JavaScript基本语法;
5.JavaScript 循环语句;
6.JavaScript 函数;
7.JavaScript核心Api(如Array、String、Date、JSON、Math、RegExp);
8.掌握BOM的用法;
9.掌握原生DOM操作的用法;
10.掌握事件,事件原理,事件代理;
11.掌握正则表达式
12.掌握Cookie存储
13.掌握JavaScript基本特效的制作方法;

了解更多

... 已有12684位同学加入学习

B1.Javascript面向对象

1.掌握JavaScript的面向对象基础;
2.掌握Javascript 原型链prototype
3.掌握Javascript 作用域链
4.掌握闭包
5.掌握This
6.掌握构造函数
7.掌握同源策略以及Ajax;
8.掌握跨域以及解决方式
9.掌握JavaScript动画的实现以及原理;
10.熟悉JavaScript的设计模式;

B2.Jquery,echarts,d3

1.掌握jQuery框架使用
2.掌握LESS的使用
3.掌握Echarts使用
4.掌握d3.js使用
5.掌握Gulp前端编译工具的使用

B3.PHP程序设计

1.WEB应用服务器与管理
2.PHP的基本语法结构
3.PHP流程控制语句
4.PHP数组与数据结构
5.字符串与正则表达式
6.PHP常用功能模块
7.mysql数据库设计与常用操作
8.会话
9.Smarty模板使用
10.ThinkPHP框架
11.电商项目的实现

B4.PC项目

1.掌握PC端网站开发基本流程和技巧;
2.掌握浏览器/服务器的交互模型;
3.掌握项目周期与技术评估;
4.掌握行业网站项目开发与迭代;
5.培养良好的沟通、表达和团队协作能力;
6.掌握快速学习方法,初步养成有竞争力的职业习惯;
7.综合运用HTML+CSS,JS,jQuery,完成大型PC端项目开发

B5.移动端精讲

1.HTML5概述以及应用场合;
2.手机浏览器的特点;
3.viewpoint 视口,dpi,px的区别;
4.meta属性,缩放,拖放;
5.rem实战,字体选择;
6.移动端事件模型;
7.响应式布局,弹性盒子模型;
8.硬件加速原理;
9.移动端性能优化点;
10.HTML5画布:canvas;
11.HTML5多媒体:video,audio;
12.Bootstarp的使用

了解更多

... 已有9216位同学加入学习

C1.AnguarJs框架

1.基础
  • •单页与1.基础多页比较
  • •SPA特点
  • •SPA优点、缺点
  • •CommonJS语法回顾
  • •模块化开发的概念
  • •为什么使用模块化开发
  • •什么是AMD
  • •Require.js的介绍
  • •如何使用require.js
  • •require.js定义模块,引入模块,配置主模块
  • •AngularJS简介
  • •表达式的使用
  • •指令的使用:ng-app,ng-init,ng-model,ng-bind,ng-click,ng-repeat,ng-class,ng-include
  • •控制器
  • •过滤器
  • •内置服务: scope/timeout / interval/location / $http
  • •timeout和interval 与 原生定时器对比
2.进阶
  • •自定义指令的使用
  • •自定义过滤器
  • •watch/digest / $apply
  • •依赖注入5种实现方式
  • •ng-route实现路由
  • •ui-router实现一级路由,二级路由
  • •ui-router的传参
3.项目功能点要求
  • •页面
  • •框架搭建
  • •ui-router的使用
  • •轮播图
  • •自定义指令,过滤器
  • •依赖注入
  • •微信JSSDK的使用
  • •项目总结

C2.Vue框架

1.基础
  • •VueJS介绍以及特点,与其它框架的对比
  • •{{ }}
  • •data 数据
  • •双向绑定
  • •v-for 渲染列表
  • •v-if 、 v-else
  • •v-show
  • •v-for详解
  • •事件详解
  • •v-on与v-bind
  • •v-model 原理(重写v-model)
  • •methods 方法
  • •computed 计算属性
  • •Vue实例,常用实例属性,实例方法
  • •生命周期:created / mounted / updated / destroyed
2.进阶
  • •Component简介(什么是组件)
  • •定义全局组件
  • •定义局部组件
  • •data必须是函数!为什么?
  • •props的使用
  • •slots
  • •单文件组件
  • •父子组件的相互调用
  • •Vue项目架构
  • •WebPack + vue-loader是什么
  • •ES6基本语法结构
  • •安装vue-cli以及使用
  • •vue-router实现一级路由,实现二级路由
  • •vue-resource实现网络请求
  • •vuex
  • •案例:网络请求实现商品列表
  • •案例:swiper实现轮播图
3.项目功能点要求
  • •搭建框架
  • •编写代码

C3.React 项目

1.基础
  • •ReactJS简介
  • •JSX语法讲解
  • •组件
  • •所需文件(react.js / react-dom.js / browser.js)
  • •ReactDOM.render()
  • •创建组件
  • •props
  • •state
  • •绑定事件
  • •ref
  • •生命周期
  • •jQuery实现网络请求,fetch实现网络请求
2.进阶
  • •React-Router插件
  • •redux
3.项目功能点要求
  • •搭建框架
  • •编写代码

C4.混合式开发

第一单元 混合式开发基本概念
  • 1.什么是混合式开发
  • 2.优势与劣势
第二单元 混合式开发方案一:原生+html5
  • 1.H5和Native分别做哪些功能
  • 2.H5如何调用Native功能
  • 3.Native如何调用H5的功能
  • 4.如何打包
  • 5.如何调试问题
  • 6.在开发过程中哪些坑
第三单元 混合式开发方案二:Cordova方案
  • 1.环境安装
  • 2.第一个应用程序
  • 3.配置文件讲解
  • 4.架构详解
  • 5.案例一(调用相机)
  • 6.案例二(打开web浏览器)
  • 7.案例三(多媒体播放)

C5.综合提高

了解更多

... 已有8637位同学加入学习

上课模式:

  1. 1.时间:4个周末(每个周末一天课程),从第8周后开始选课
  2. 2.人数:超过20人才开班,不超过20人班级取消
  3. 3.有一个课程设计作业,选课同学必须完成课程设计
  4. 4.学分:10分

方向一、Nodejs

1.Nodejs特点,原理
2.Nodejs的环境配置以及介绍
3.Nodejs基础:console、全局作用域和函数、事件处理机制及事件环
4.exports、组织与管理模块,npm 包管理
5.文件模块
6.http原理、cookie、session、创建http服务器、接收请求、转换URL、发送接收响应。
7.加密与解密
8.压缩与解压缩
9.常用模块:os、path、util、async、eventproxy、uuid、md5、promise
10.express模块的使用
11.使用原生的http模块实现一个高性能web服务器
12.新浪微博例子

方向二、Java Web方向

1.java环境配置,java核心语法
2.java面向对象
3.异常处理
4.mysql的基本使用增删改查
5.应用服务器的配置
6.servlet工作原理与基本使用
7.状态管理
8.JSP语法以及基本使用
9.SpringMVC
10.Mybatis的基本使用
11.综合项目实战

了解更多

... 已有8213位同学加入学习

这里不仅有科学高效的学习线路,还有干货学习资源免费获取!

前端开发程序猿必备学习资料集合打包!!

学习Web前端中的一些建议和方法:

在CSS布局时需要注意的一个问题是很多同学缺乏对页面布局进行整体分析,不能够从宏观上对页面中盒子间的嵌套关系进行把握,就急于动手去做,导致页面中各元素间的关系很混乱,容易出现盒子在浮动时错位等情况。建议大家在布局时采用“自顶向下,逐步细化”的思想,先用几个盒子将页面从整体上划分,然后逐步在盒子中继续嵌套盒子。

“君子生非异也,善假于物也”,在学习的过程中还要多浏览一些优秀的网站,善于分析借鉴其设计思路和布局方法,见多方能识广,进而才可以融会贯通,取他人之长为我所用。

同时还要善于使用Firebug这个利器。Firebug一方面可以在我们学习过程中帮助我们调试自己的页面,另一方面我们可以使用Firebug方便地查看、分析别人网站的源代码,“偷”也是一种技能!

每个人的成长与基础不一样,结合自己的实际情况,在执行。还是重复一下,前端的核心是js。css不难,但需要来积累。对前端我是这么看的:

css就像一瓶酒,得品

html,css总共就那些标签跟选择器属性什么的,但是要写一个有扩展性,健壮性或维护性的页面不容易。现在写页面基本条件反射,不是如何快速的完成,而是思考如果有界面需求修改,怎么在修改代码最少的情况下快速完成需求任务。这是对前端耐力,体力,智力的三重考验。

js就像一把剑,得磨

js刚开始只是为了较验,随便技术社会的发展,承担的角色越来越重,刚开始玩玩jQuery感觉已经会js了,其实只是冰山一角。随着对js的了解越来越多,他即变态又可爱,即好玩又难控,即有很多兼容问题,但解决兼容是我们基本生存之道。从ajax到jsmvc一路走一路看,高载潮一浪高过一浪。

人生就是一场梦,得作

技术只是生活的一部分,曾经雄心斗志,如今低头写码。改变能改变的,接受不能改变的。人生有限,兄争朝夕啊。人生学习的态度是:不急不躁,不快不慢。持之以恒,相信自己。不求能改变世界,但求能改变自己的生活。不求健步如飞,但求一步一脚印。感谢磨难,他使我们内心更为坚强。感谢挫折,他使我们不断的成长,感谢bug,他使我们的思维更加深邃。感谢前端,他使我们更加的相信,撑起一片天空需要十八般武艺。

如果想听取更多学习建议,少走弯路,速加我的QQ:2591708855 好友快加满了哈!

按照此学习路线学习,月薪轻松突破12k!

自学视频VS培训集训

  • 自学
  • 有基础、自控能力强、清晰的学习目标和计划
  • 无法控制,进度混乱
  • 太随意
  • 无逻辑,不符合知识结构
  • 没有标准,无法检验
  • 孤独学习,不能与老师、同学沟通
  • 无法确保书籍和视频的技术内容是企业最主流、最新的应用技术
  • 无,有问题难以解决,容易走弯路
  • 无商业项目经验
  • 适合人群
  • 学习进度
  • 学习时间
  • 学习内容
  • 学习效果
  • 学习氛围
  • 技术先进性
  • 有否有指导老师
  • 项目经验
  • 参加培训
  • 没有清晰的学习目标和计划
  • 有计划有条理,学习进度快
  • 有规律
  • 学习内容对接企业需求,循序渐进
  • 授课老师阶段性检验学习效果
  • 学习氛围浓厚,技术交流通畅
  • 企业最主流的应用技术且更新及时
  • 有,随时解决问题
  • 多个商业项目积累大量经验

十万个选择【育知同创】进行培训的理由我们已经给你理好了

混合式开发引领成神之路
混合式及跨平台研发培训课程体系,4个月的时间,就可与拥有2年工作经验的工程师相媲美!当其他机构仍在采用传统课程体系时,育知同创已在原有混合式开发培训课程体系的基础上再次全面升级课程大纲,确保学员永远处于行业领先水平!
师资团队雄厚
育知同创拥有一支平均从业经验超8年的教学团队,小米、360、百度、中石油等名企项目经验丰富。各学科更有教学总监、教学主管亲自授课,对于学习不理想的学员,坚持对每位学员进行跟踪与评估,确保学员教学质量。
管理制度严格
育知同创通过科学、严格、规范、一致的管理制度对学员的学习、生活进行统一管理。每一阶段的学习都伴有严格测试,采取“末尾淘汰”制度,保证班级整体教学水平。
全程职业素养课
教学过程中要求学员通过小型演讲等形式锻炼学员的表达能力、逻辑组织能力和随机应变能力,鼓励学员之间积极交流,感知团队合作,在学习知识技能的同时养成乐观、自信、团结的职场素质。
量身定制职业规划
就业指导老师根据学员个人情况进行一对一的面试技巧培训,为学员量身定制职业规划,并且全程跟踪面试过程,分析失败原因,提供解决方案。
就业更全面更专业
育知同创就业团队平均从业时间8年以上,团队拥有数千家企业资源,遍布全国各个地区,曾帮助数万名学员实现高薪就业。育知同创更与智联招聘、猎聘、椅子网、58同城等大型招聘网站建立战略合作关系。
入学签订就业协议
育知同创在学员入学时便会签订就业协议,而且协议明确标注班级就业保障薪资:专科6000,本科7000,硕士8000。
提供再就业服务
提供就业后技术支持服务,如果就业一段时间后想进入其他公司工作,育知同创还会提供再就业高端人才服务。
Copyright 2016 北京育知同创科技有限公司 京ICP备16004053号