前端 - 后端概念
广义上,生活中很多东西都可以产生出前后端的概念,总的来说,就是一种层级的概念。我们用电视跟遥控器来说:
- 用户跟前端交互
你按遥控器
- 前端相当于后端的用户,前端跟后端交换数据
遥控器发射红外到电视机
- 后端处理来自电视台数据,反馈给前端
电视机的信号处理,显示在屏幕)
- 用户从前端处得到了反馈数据
你看到了节目变化
狭义上,我们指的是Web领域的前后端:
- 前端是网页制作的交互逻辑的技术,它关心:
- 网页的美观大方
- 功能的完善少八阿哥
- 用户用网页用得是否满意
- 后端是数据处理和业务逻辑的技术,它关心:
- 正确地分发前端内容
- 稳定和可扩展
- 安全性
- 性能好(处理速度快)
前端更有趣一点,后端更理论和抽象一点。
当然不要给上面那句话骗了,前端比后端要苦逼,随便一个人都能对你的网页指手画脚。后端这种事情要少多了呢(逃)
或者说,我们看看截图。前端工作的时候是这样的:
然而后端工作的时候,就没有这么多图片了。大多数时候你要面对的都是一大堆数据和文字,比前端更晦涩难懂,但是可以发展的方向和前途也更好(这个大家要好好考虑):
技术组知识树
前端知识树
- HTML(5)/CSS(3)
- 良好的语法基础
- 盒子模型
- 浏览器兼容(掀桌)
- Javascript(ES7)
- 良好的语法基础
- DOM接口
- (进阶)HTML5接口
- (进阶)CSS3特性
- 常用框架如jQuery
- Ajax概念
- Cookie概念
- (进阶)Canvas
- Bootstrap
- 网络常识
- IP/TCP/HTTP概念
- 设计和图形学常识
- 请学前端的同学跟着媒宣组锻炼一段时间审美观
后端知识树
- PHP
- 良好的语法基础(啊都说第三次了)
- 常用框架Yii:
- 面向对象编程范式
- MVC模型和设计模式
- 细节
- 字符集问题
- 正则表达式
- (进阶)MD5/SHA1, AES/DES, RSA
- MySQL
- 关系数据库概念
- 基础的SQL语法
- 安全问题:SQL注入
- (进阶)数据表设计
- 索引
- 外键和约束
- 视图和建模
- 网络常识
- IP/TCP/HTTP概念
- CGI概念
- What does Apache do
- (进进阶)更多的语言/更多的玩法: C/Python/Java
知识树 x 资料
- w3school:一应俱全的基础教程,在这里好好吸收吧。
http://www.w3school.com.cn/
前端:
- jQuery API:w3school里的都是基础,关于jQuery更详细的内容。
http://www.jquery123.com/ - Bootstrap:学前端的同学在完成js/jquery/html/css的学习后看这里的内容
http://www.runoob.com/bootstrap/bootstrap-tutorial.html
http://v3.bootcss.com/ - 编码规范:大家在写代码的时候时不时看一下,遵循上面的规则
http://codeguide.bootcss.com/
后端:
- 兄弟连PHP教学视频:据说当年耳朵师兄就是靠这个学会PHP的哦。
http://www.verycd.com/topics/2843130/ - Yii入门指导:了解PHP基本语法之后,就开始一遍看Yii,一边磨练PHP吧
http://my.oschina.net/u/1156660/blog?catalog=559048 - Yii权威指南:Yii官方教程的翻译
http://www.howzhi.com/course/2519/ - Apache配置入门笔记:apache的配置不正确总是问题之源
http://blog.csdn.net/dbzhang800/article/details/6898482
最后给大家推荐一些网站:
- 这里有很多质量高的教程/书:http://www.kancloud.cn
- 这里的熟肉文档很齐全:http://tool.oschina.net/apidocs/
- 装逼利器桔盒:https://github.com/
- 网络技术讨论社区新秀:http://segmentfault.com/
- 中国最大的技术社区:http://www.csdn.net/
- 乌云的知识库很赞啊:http://www.wooyun.org/