技术组的关键信息

前端 - 后端概念

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

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

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

你可能感兴趣的:(技术组的关键信息)