初入前端,学习进程

学习线路图:
一、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等
这是又开启了一个新的世界,各种框架之间的优缺点以及相互兼容的问题等等

刚刚步入前端领域,要学的东西太多了。

学无止境












评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值