文章目录

整体内容
- 讲解方向
- 产品研发流水线
- 项目管理
- 项目框架
- 前端学习建议
- - 浅入深
  - 商业目标
  - - 做事的准则
  - 自我提升
  - 常见问题与优化
  - - 野生程序员的问题：
    - web性能优化问题
    - HTTP优化原则：
    - 关系数据库设计问题
  - 就职大小公司方向对比
  - - 大公司的好处
    - 小公司
  - 职业中的规划
  - - 针对推荐
  - 未来趋势
  - - 大前端：
    - 前端方法论
    - 工具
    - 良好架构的特点
  - 设计模式
  - - 创建型模式
    - 结构型模式
    - 行为模式
    - MVC模式
  - 开发框架推荐
- 推荐阅读
- - 网站
  - 书籍

整体内容

讲解方向

分为以下5类：

页面优化
介绍大前端和后端
设计模式
工作思考
推书

产品研发流水线

交互设计 => 视觉设计 => 前端开发/后台开发 => 测试 => 发布

项目管理

项目管理使用甘特图。
优点：
管理时间。
管理进度。
跨部门协作。

项目框架

-目前全栈框架：MEAN
- MongoDB - Express - Angular - Node.js

Paas原则
- platform as a Service
全栈工程师接单主流
- WordPress主题设计、App开发、网站开发。

前端学习建议

学习内容：先精后广

浅入深

入手：HTML,CSS,JavaScript
深入：性能优化，SEO，多种框架，响应式页面等前端细节。
***仅仅做不够，还要了解背后的原因。***

商业目标

客户体验。

做事的准则

为了解决问题而使用不同的锤子，而不能仅仅是为了锤子而锤子。
汇报问题原则
- 不能以“我做了个工具”，而应该是“我发现了一个问题”。

自我提升

制作作品集，但不要使用模板。
设计四大原则：对齐、对比、距离和重复。
每周写总结。
时间管理四象限
番茄工作法
跨界思考
预先伪代码

常见问题与优化

野生程序员的问题：

对问题不够深入

web性能优化问题

- 压缩CSS和JS。
- 压缩源码和图片---去掉PNG格式信息
- 选择合适的图片格式
- 合并静态资源
- 开启服务器端的Gzip压缩
- 使用CDN
- 延长静态资源缓存时间
- 把CSS放在页面头部，把JS放在页面底部
- 高性能网站的关键：缓存
- 数据库查询缓存- query_cache_size = size- memcached
- 文件缓存
- 浏览器缓存
- Https头：- Cache-Control: no-cache- Last-Modified- Expires

HTTP优化原则：

- 减少http连接次数
- 减少体积
- 提高服务器处理请求能力
- BigPipe

关系数据库设计问题

就职大小公司方向对比

大公司的好处

较小的风险
技术最佳实践
垂直专精的技能
服务海量用户的经验
软技能
人脉
心态

小公司

接触面广
不稳定

职业中的规划

工作中正确的方法
讲出事实
积累作品集

针对推荐

设计+编程：Dribbble
静态页面：Jekyll – Hexo

gem install jekyll
jekyll new my-awesome-site
cd my...
jekyll serve

未来趋势

大前端：

浏览器兼容性
H/C/J语法和原理
编辑器和插件
调试工具
版本管理软件的熟悉和应用
前端库/框架
标准/规范
代码质量、代码规范
JS单元测试
性能优化的应用
SEO应用
代码部署
移动Web
代码架构
安全
自动化测试
zen-coding/emmet插件–提升效率

前端方法论

在使用框架时，应该了解“框架为了解决什么问题”。
重构代码时，需要明白与未修改前的优势和更改。
行动重于计划
自己是自己产品的用户

工具

包管理：

npm
- npm install
- package.json: dependencies
Bower
Yeoman: Yo,Grunt,Bower
- Bowerfile.js
- Bower.json
Gulp, Grunt

良好架构的特点

有合适的分离粒度
最小知识原则
DRY, Don’t Repeat yourself,不要重复自己
最小化预先设计，只设计必需的内容
通过良好的层级，让文件易于找到
在代码层面，有一致且可执行的命名规则

设计模式

23种设计模式可以分为：

创建型模式

创建对象的模式，实例化的过程进行抽象。

单例模式
工厂方法、抽象工厂、建造模型、原型模式、对象池模式和多例模式。

结构型模式

解决类、对象、模块之间的耦合关系

适配器
桥接模式、组合模式、装饰模式、外观模式、享元模式和代理模式。

行为模式

识别对象之间的常用交流模式，并加以实现。

观察者模式。
黑板、责任链、命令、解释器、迭代器、中介者、备忘录、空对象、模板方法和访问者。

MVC模式

架构模式之王。

开发框架推荐

js: angularJS, backbone.js
php:cakephp, yii, codeigniter
objective-c: cocoa
ruby: ror
nodejs: sail, total, express

《WEB全栈工程师的自我修养》--索引笔记相关推荐

《Web全栈工程师的自我修养》读书笔记
<Web全栈工程师的自我修养>读书笔记 [声明] 欢迎转载,但请保留文章原始出处→_→ 生命壹号:http://www.cnblogs.com/smyhvae/ 文章来源:http://w ...
《Web全栈工程师的自我修养》浓缩笔记（下）
<Web全栈工程师的自我修养>浓缩笔记(下) 2017.03.30 17:23 7912浏览六.大前端 1. 易于上手.难于精通不同于某些"难于上手.难于精通"的职 ...
《web全栈工程师的自我修养》阅读笔记
在买之前以为这本书是教你怎么去做一个web全栈工程师,以及介绍需要掌握的哪些技术的书,然而看的过程中才发现,是一本方法论的书.读起来的感觉有点像红衣教主的<我的互联网方法论>,以一些自己的 ...
《Web全栈工程师的自我修养》读后感
这本书是在腾讯工作多年的高级UI工程师余果老师写的,作者熟悉前端开发,iOS开发,PHP开发和Ruby开发等,这本书是作者出的第一本书,当时看到书评说本书通熟易懂,特别适合刚入职场工作的程序员,帮助找 ...
《Web全栈工程师的自我修养》
1. 什么是全栈工程师 Full-Stack Engineer Facaebook只招全栈工程师? Web开发流程产品经理-->交互设计-->视觉设计-->开发(前端.后端)--& ...
《Web全栈工程师的自我修养》浓缩笔记（上）
本书的作者余果,腾讯社交用户体验设计部高级UI工程师,前端开发组负责人,熟悉前端开发.iOS开发.PHP开发和Ruby开发等.这本书所讲的内容适合所程序员,不限于前端后端客户端,很多内容其实都是常识. ...
《Web全栈工程师的自我修养》浓缩笔记
一.什么是全栈工程师? 对于全栈工程师 ,业界并没有严格的定义 ,并不是说一定要一种都不能少地具备哪几项知识才能叫做全栈工程师 .我倾向于认为 ,应该从能力和思维方式两方面 ,来判定一个人是否是一个合 ...
【好书推荐】《Web全栈工程师的自我修养》
作者简介余果,腾讯社交用户体验设计部高级UI工程师,前端开发组负责人,熟悉前端开发.iOS开发.PHP开发和Ruby开发等:曾独立开发iOS APP(撸大师)和CMS(33PU):翻译有<众妙 ...
《Web全栈工程师的自我修养》书籍摘抄
1.如果一个工程师没有坚实的基础(比如专业理论知识,对常用设计模式的理解,或者特定职业的基础知识),那么了解的非本专业技能越多,越容易迷失. 2.一专多长的意思是,工程师首先有一个专精的方向,在这个方 ...
Web全栈工程师修养
全栈工程师现在是个很热的话题,如何定义全栈工程师?在著名的问答网站Quora上有人提出了这个问题,其中一个获得了高票的回答是: 全栈工程师是指,一个能处理数据库.服务器.系统工程和客户端的所有工作的工 ...

《WEB全栈工程师的自我修养》--索引笔记

文章目录

整体内容

讲解方向

产品研发流水线

项目管理

项目框架

前端学习建议

浅入深

商业目标

做事的准则

自我提升

常见问题与优化

野生程序员的问题：

web性能优化问题

HTTP优化原则：

关系数据库设计问题

就职大小公司方向对比

大公司的好处

小公司

职业中的规划

针对推荐

未来趋势

大前端：

前端方法论

工具

良好架构的特点

设计模式

创建型模式

结构型模式

行为模式

MVC模式

开发框架推荐

推荐阅读

网站

书籍

《WEB全栈工程师的自我修养》--索引笔记相关推荐

最新文章

热门文章