摘要:如果你在学习前台路途中还是迷茫状态,不妨去看看下面的内容
一、前端基础部分
相关学习网站
1、HTML 资料菜鸟教程《学习HTML》http://www.runoob.com/html/html-tutorial.html
2、CSS 资料菜鸟教程《学习CSS》http://www.runoob.com/css/css-tutorial.html
HTML5(区别 其实就是html的规范)
3、资料菜鸟教程《学习HTML5》http://www.runoob.com/html/html5-intro.html
CSS3(区别 新增了一些属性)
4、资料菜鸟教程《学习 CSS3》http://www.runoob.com/css3/css3-tutorial.html
重点学习内容 (从原理上必须了解透彻)
在内容上要注意以下四点:
1、布局
从属性上
- Position布局 (盒子模型)
- Float 浮动布局 (float原理)
- Flex 弹性布局
- Table (h5表格布局)
从作用上
- 响应式布局
- 流体布局
- 点心布局
- 自适应布局
2 、标签语义化(即h5)
H5是重点
不要在块级元素只用div 内联元素只用p,要注意标签语义化。
HTML到html5最大的变化是增加了很多语义性元素(作用影响浏览器爬虫抓网页数据等等)
3、h5表单
Css3增加属性最多的地方就是表单属性 每一个属性都要熟练使用
4、CSS3全部属性都要知道
(css3动画学不学看自己,这是一整个大块,学下来也得几个月,主攻css方向的可以细致学一下)
如果学这个看canvas+白鹭
全部学完后建议把css世界这本书看了,都能看懂说明你很强了
时间:上面这些东西真正学会应该得一年左右
效果:网上随便打开一个页面,静态化纯手写能写出来。
二、进阶部分
- JavaScript高级程序设计前8章内容
- HTML DOM 资料http://www.runoob.com/htmldom/htmldom-tutorial.html
- HTML BOM
- 浏览器
- JQuery 资料http://www.runoob.com/jquery/jquery-tutorial.html
- ajax
- ECMA Script
学习时间一年
效果
- 深入了解javascript 语言原理运行机制
- 深入了解网页载入过程
- 深入了解js基本 如原型链、闭包、跨域问题、生命周期
- Jqurry熟练使用
- Ajax 了解原理且熟练使用
- 深入了解 面向对象程序编程
- 深入了解 MVC 、MVVM设计模式
一定要看JavaScript高级程序设计这本书
Js部分需要通过做项目实战才能真正学通
三、基础框架学习
其他学不学都行的内容 学了做项目挺有用,但实际跟你前端水平高不高没一点关系
下面列几个学习的基础框架
- Layui
- Bootstrap
- Highcharts
- Echarts
另外wevpack前端打包工具学一下
四、进阶框架学习
前端3大框架
- vue.js
- react.js
- angular.js
三大框架建议大三下学期学一个,
angular.js不建议(国内公司用这个用的少)
vue.js相对简单些
react.js和vue.js建议学一个
react全家桶 vue全家桶
五、实战练习
光看不练假把式,学习最主要的还是要练习,很多同学问我这么多怎么学的来。excuse me?合着你来大学就是来玩儿的嘛?3年学习1年实习,这么长时间你学不完?就算你基础再差,学一周时间,你也能用纯CSS写一个淘宝demo页面。
最后还是希望各位能跟后端的同学一起开发一个完整的前后端分离项目,这种开发模式已经是大趋势。跟着这个节奏来,你会有很大的收货。
不希望看到你们到最后大学什么都没学会,到毕业了还要去花钱买毕业设计。找不到工作了,就又去花钱去培训机构重复着大学的生活