初入前端,学习进程
来源:互联网 发布:unity3d 5.3.2f1 破解 编辑:程序博客网 时间:2024/06/05 17:58
学习线路图:
一、html+css
二、进阶:css3
重点学习弹性布局
初始项目阶段(1.0)
模拟某购物网站,进行基本静态页面搭建
三、bootstrap,重点学习媒体查询和栅格布局系统
项目阶段改良(2.0)
对项目进行响应式布局,适应三屏下兼容
四、javascriptbasic
了解数据类型和条件语句,并对面向对象初步了解
能重用的代码尽量封装,封装属性和方法,起到重用
项目经历:2048小试牛刀
五、DOM BOM
了解原生DOM树,能够实现DOM树的增删改查
定时器interval 、 timeout
BOM中的一些screen、history、navigator、document、location、screen、event
其中event并不能算纯粹的BOM
e.stopPropagation阻止冒泡 e.preventDefault阻止事件默认行为
项目阶段改良(3.0)尝试DOM树的增删改查
六、javascriptcore
js进阶知识 进一步学习OOP、构造函数等
了解ES发展,ES5、ES6知识、目前已经出了ES7,ES6中加入了模板字符串、块级作用域let、
构造函数基类class、箭头函数等
项目经历:俄罗斯方块,用面向对象的方式编写
七、juqery类库
简化DOM操作,write less , do more
项目阶段改良(4.0) 购物网站的一些动态效果,放大镜、轮播、电梯点亮等
八、server & http
了解http通信模式,请求头、请求起始行、请求主体
了解后台数据库mysql 了解基本操作增删改查数据
了解服务器端语言php 与客户端通信模式 从数据库查找到客户端更新
九、AJAX
异步请求,提高用户体验,解决跨域请求
项目阶段改良(5.0) 页面数据从后台加载,并异步请求数据,提高用户体验
十、node.js
前后端通吃的语言,如果有一天express中间件的强大,将无所不能,but when ?
项目阶段改良(6.0) 更换后端语言,利用node.js搭建轻量服务器,与mysql交互
十一、H5新特性CORE
新的表单特性 属性
canvas svg 画图的区别
Geolocation 拖放API等
web worker 存储API:cookie\sessionstorage\localstorage web socket
十二、开始框架学习
angular.js 手机端sdk开发 ionic phoneGap zepto.js react.js vue.js等
这是又开启了一个新的世界,各种框架之间的优缺点以及相互兼容的问题等等
一、html+css
二、进阶:css3
重点学习弹性布局
初始项目阶段(1.0)
模拟某购物网站,进行基本静态页面搭建
三、bootstrap,重点学习媒体查询和栅格布局系统
项目阶段改良(2.0)
对项目进行响应式布局,适应三屏下兼容
四、javascriptbasic
了解数据类型和条件语句,并对面向对象初步了解
能重用的代码尽量封装,封装属性和方法,起到重用
项目经历:2048小试牛刀
五、DOM BOM
了解原生DOM树,能够实现DOM树的增删改查
定时器interval 、 timeout
BOM中的一些screen、history、navigator、document、location、screen、event
其中event并不能算纯粹的BOM
e.stopPropagation阻止冒泡 e.preventDefault阻止事件默认行为
项目阶段改良(3.0)尝试DOM树的增删改查
六、javascriptcore
js进阶知识 进一步学习OOP、构造函数等
了解ES发展,ES5、ES6知识、目前已经出了ES7,ES6中加入了模板字符串、块级作用域let、
构造函数基类class、箭头函数等
项目经历:俄罗斯方块,用面向对象的方式编写
七、juqery类库
简化DOM操作,write less , do more
项目阶段改良(4.0) 购物网站的一些动态效果,放大镜、轮播、电梯点亮等
八、server & http
了解http通信模式,请求头、请求起始行、请求主体
了解后台数据库mysql 了解基本操作增删改查数据
了解服务器端语言php 与客户端通信模式 从数据库查找到客户端更新
九、AJAX
异步请求,提高用户体验,解决跨域请求
项目阶段改良(5.0) 页面数据从后台加载,并异步请求数据,提高用户体验
十、node.js
前后端通吃的语言,如果有一天express中间件的强大,将无所不能,but when ?
项目阶段改良(6.0) 更换后端语言,利用node.js搭建轻量服务器,与mysql交互
十一、H5新特性CORE
新的表单特性 属性
canvas svg 画图的区别
Geolocation 拖放API等
web worker 存储API:cookie\sessionstorage\localstorage web socket
十二、开始框架学习
angular.js 手机端sdk开发 ionic phoneGap zepto.js react.js vue.js等
这是又开启了一个新的世界,各种框架之间的优缺点以及相互兼容的问题等等
刚刚步入前端领域,要学的东西太多了。
学无止境
阅读全文
0 0
- 初入前端,学习进程
- Web前端初入
- 初入前端
- 初学HTML5、初入前端
- 初入前端小江湖
- 前端初学学习进程II
- 前端初学学习进程III
- 前端初学学习进程IV
- 前端初学学习进程V
- 前端初学学习进程VI
- 前端初学学习进程VII
- 前端初学学习进程VIII
- 前端初学学习进程IX
- 前端初学学习进程X
- 前端初学学习进程XI
- 前端初学学习进程XII
- 菜鸟学前端之初入江湖
- 误入《前端特工》
- MyApplication框架或者变量的初始化
- 一级页面向二级页面传参,二级页面根据一级页面参数筛选数据渲染页面
- JQuery之DOM函数CSS样式学习总结
- 论文阅读:BoVW-MI:TASK DRIVEN DICTIONARY LEARNING BASED ON MUTUAL INFORMATION FOR MEDICAL IMAGE CLASSIFIC
- flex的应用
- 初入前端,学习进程
- 三、梯度下降与反向传播(含过程推导及证明)
- Numpy(四)
- display: none;与visibility: hidden;的区别
- [codeforces830D]Singer House
- Ubuntu 16.04 LTS安装sogou输入法详解
- oracle列转行,分割逗号,成一个张表
- 面试题2:实现Singleton模式
- BOOST库 之 lexical_cast类型转换