Repractise基础篇:Web应用开发七日谈

本来想的仅仅是画一个例如以下的七日图来说说Web开发的。随后又想了想这似乎是一个非常棒的Web开发相关的知识介绍。应用开发是一个非常有意思的循环,多数时候我们总会认为别人的代码写得不好。即使它使用了一种非常好的设计,我们也可能会认为他非常复杂。

而它总结下来就是以下的七天过程里发生的一些事情。

七日谈

事实上对于Web开发,有以下这张图就足够了。

第一天:新的開始

我们迎来了我们的新的一个项目,看起来每一个人都非常兴奋。这一天过得非常快,也做了特别多的事。

首先,我们搭建了自己本地的开发环境。

我们选择了一门新的语言,也開始使用新的IDE,一个全新的開始。

接着,我们開始创建一个非常easy的Hello,World——在绝大多数语言里都有这种一个传统。

这是一个Web项目。看来我们选用的框架里的Hello,World是一个TODO MVC。

呀!

这个框架比原来那个框架看起来更简单,更直接也更加好用。

然后,我们開始去创建我们的构建系统了。

让我们告别Ant,迎来新的构建工具,Gradle比他们强大多了。

我们能够用这个构建工具来做非常多的事情——依赖管理、编译和构造、打包。Gulp看上去非常流行。让我们用Gulp吧。

顺便再创建一个或多个用于公布和构建的server。

最后。在我们的持续构建系统中搭载对应的PipeLine来完毕这些事。

第一天,就这样兴奋地结束了。

第二天:令人期待的新体验

“没办法,第一天就是得做那些事。”

如今。才開始真正的编码工作。

我们拿到了一个任务。知道了它是做什么之后。

我们開始对其分步,第一步做什么,下一步做什么,每一步都非常清楚了。

能够编写我们的第一个測试。看来这个測试好像并没有想象中对么简单,我们须要Mock对象。

啊。这个组件须要Fake一个Service。第一个任务看来是完毕编码了,让我们对其进行简单的重构。

我们已经有了单元測试,如今让我们加入一个功能測试。在我们这个样例里,似乎也须要一个集成測试。

最终能够Commit。并Push代码。

第三天:上线准备

在我们不断地反复第二个步骤的时候。我们也要開始去考虑怎样上线了。

我们是直接部署在Docker容器里呢?还是直接部署在server上呢?接着,我们还为其配置了缓存服务和均衡负载等等。

咦!

这个配置是写死的。这里须要一个Toggle来控制功能是否上线!

第四天: 数据分析

上线了几天后,发现一些数据发生了变化。站点的訪问速度变快了。使得訪问站点的人越来越多。

等等,这个地方好像没有人用过!

唔!这是一个Bug!

应用的性能比曾经好多了。一个server能够顶曾经的两个。一下子省了好多server。

看来。用户比較喜欢那个功能,我们增强一下这个功能吧。

第五天:持续交付

又修了一个bug。

噢!我不认为这个功能用户会喜欢。

哈!这个新功能看上去不错。

第六天:恶梦

唉。这代码是谁写的。

这里须要重构一下,这里也须要重构一下。

什么!没有測试。

Shit!

第七天:总结与计划

哈!我们的竞争对手使用了新的技术。并且我们的系统已经不行了。让我们设计一个更好的系统出来,这个组件我们能够使用这个技术。这个组件我们能够使用那个技术。

前途又是光明的。


如今。我们又回到了第一天了。

(ps:暂时广告区。欢迎关注我的微信公众号——首发哦!

搜索:phodal。或者扫描以下的二维码)

Repractise基础篇:Web应用开发七日谈的更多相关文章

  1. 零基础学习Web前端开发

    目录 技术背景 开发环境 学习过程 参考资料 结束语 技术背景 什么是前端开发? 前端开发是创建Web页面或App等将界面呈现给用户的过程.通过使用 HTML,CSS,JavaScript,以及它们衍 ...

  2. 微信公众平台开发:进阶篇(Web App开发入门)

    本文转载至:http://blog.csdn.net/yual365/article/details/16820805  WebApp与Native App有何区别呢? Native App: 1.开 ...

  3. JNI 开发基础篇:Android开发中os文件的探索

    正题: android开发中,时长会遇到os文件的使用,那么os文件到底是什么?在这篇文章中会进行说明. .os文件在android中意味着C语言书写的方法,经android提供的ndk进行编译,从而 ...

  4. 零基础转行web前端,如何高效的去学习web前端

    web前端开发要学的知识内容涉及的会很宽泛,虽然说主要是HTML.CSS和JavaScript这些基础知识点,但学前端开发除了要学这些基础知识外,学员还要在这之上进行延伸和深入的去学,而且互联网时代不 ...

  5. 【目录】mysql 基础篇系列

    随笔分类 - mysql 基础篇系列 mysql 开发基础系列22 SQL Model(带迁移事项) 摘要: 一.概述 与其它数据库不同,mysql 可以运行不同的sql model 下, sql m ...

  6. 【原创翻译】认识MVC设计模式:web应用开发的基础(实际编码篇)

    原文地址:http://www.larryullman.com/2009/10/15/understanding-mvc-part-3/ 全系列INDEX [原创翻译]认识MVC设计模式:web应用开 ...

  7. (数据科学学习手札102)Python+Dash快速web应用开发——基础概念篇

    本文示例代码与数据已上传至我的Github仓库https://github.com/CNFeffery/DataScienceStudyNotes 1 简介 这是我的新系列教程Python+Dash快 ...

  8. 做web开发需要学习哪些技术--基础篇

    做一个web网站,包含哪些技术,自己需要学习哪些技术 自己想到哪里就写到哪里 -- 给自己做的一个记录 1: 页面的展示, 一个web的开发语言  1.1 一个web的开发语言需要注意哪方面,才能符合 ...

  9. ASP.NET Web API 基础篇1

    ASP.NET Web API 直到我膝盖中了一箭[1]基础篇 无题 蓦然回首,那些年,我竟然一直很二. 小时候,读武侠小说的时候,看到那些猪脚,常常会产生一种代入感,幻想自己也会遭遇某种奇遇,遇到悬 ...

随机推荐

  1. easyui_datagrid使用

    easyui的datagrid显示数据的方式(使用了jQuery) 第一步 创建显示的格式,方法有两种: 第一种:在HTML标签中创建,类似如下的形式,参数可以在标签中设置,也可以在脚本中 这种方式在 ...

  2. HNU 12876 Quite Good Numbers 完美数变形

    筛法是一种很快的方法,贴代码纪念一下. 做法很像筛法 #include <iostream> #include <cstdio> #include <cstring> ...

  3. CKEditor高级编辑器

    是否感觉后台分类描写叙述信息.商品描写叙述信息以及文章描写叙述信息 编写时很的不方便?有时候会将word的格式也复制过来了?那这个插件就比較适合了. 本插件使用CKEditor最新版本号,复制过来的内 ...

  4. java教程(五)SSH框架-配置

    前言:从这篇博客開始我将继续讲述Java教程:SSH篇.主要内容环绕SSH框架分析与搭建,今天先简介一下SSH的配置. SSH配置顺序是: spring-->hibernate-->str ...

  5. caioj1443:第k小的数Ⅲ

    [传送门:caioj1443] 简要题意: 给出一颗n个点的树,给出每个点的权值,再给出n-1条边,有m个询问,每个询问输入x,y,k,输出第x节点到第y节点的路径上第k大的点 题解: 这是一道主席树 ...

  6. 10.ng-class-even与ng-class-odd

    转自:https://www.cnblogs.com/best/tag/Angular/ AngularJS模板使你可以把该作用域内的数据直接绑定到所显示的HTML元素 ng-class-even与n ...

  7. 3.菜鸟教你一步一步开发 web service 之 axis 服务端创建

    转自:https://blog.csdn.net/shfqbluestone/article/details/37610601 第一步,新建一个工程,如图: 选 Java 写一个工程名,选择好工程路径 ...

  8. ssh 免密及加密远程脚本实现

    windows_host文件路径:C:\Windows\System32\drivers\etc ssh-copy-id -i ~/.ssh/id-rsa.pub root@xxxxxxx 免密验证操 ...

  9. css3 列表图片hover左右滚动效果

  10. angularCli打包遇到的一些问题

    有时在运行项目或者打包项目的时候会遇到报错信息:found version 4, expected 3, 这个大概意思是说该插件需要的依赖当前不支持,需要提高依赖的版本. 比如:@angular/co ...