前端 - 后端概念

广义上，生活中很多东西都可以产生出前后端的概念，总的来说，就是一种层级的概念。我们用电视跟遥控器来说：

• 用户跟前端交互
  你按遥控器
• 前端相当于后端的用户，前端跟后端交换数据
  遥控器发射红外到电视机
• 后端处理来自电视台数据，反馈给前端
  电视机的信号处理，显示在屏幕）
• 用户从前端处得到了反馈数据
  你看到了节目变化

狭义上，我们指的是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/