Day-5 :阿公阿嬷都看得懂的前後端分离架构？

前端系虾米？

身为一个麻瓜，当初在看到前端两个字，
着实就猜想不就字面意思？应该系前後面，反之另一个就是後面啊！
看似废话的一段，当初可是困扰我许久呢！毕竟我是菜瓜？
（咦！！！！好！我们现在进入正题！会带入一些日常生活小事来举个人话例子！

前端 Frontend ：网页与使用者沟通的桥梁

这麽说，当我们要与对方沟通的时候，我们要透过眼睛传递眼神资讯，
那前端可以说是负责眼睛看见的地方！以及使用者进行操作进行操作的部分，
将网路服务分成两个区块，那麽，前端就是运作在使用者这个区块面上！
好的，我承认上面有点难懂，来举个例子，前端工程师负责如何把按钮按下
去会跳出视窗，图片怎麽在网页上左右移动， 如何将设计师的设计稿转化
成一个网站……等，就是使用者能够接触到的地方都属於前端的一部分。
用生活来举个小例子，当你去ibon印东西的时候，你看到的那台机器与触
控萤幕上闪现出来可以点选的地方，整台机器与介面都算是前端，他决定了整台机器的外观与使用介面。

前端框架：Vue、React、Angular （Javascript 框架）

後端 Backend ：资料库（储存与运算）

再说後端之前，我们需要延续上半部的前端解释，来想想为什麽需要後端？
有没有想过，资料是否可以放在前端？举个例子，如果将消费者的消费余额都
显现於前端，会出现什麽状况？那不是他的余额除了大家都知道外，消费者也
可以修改自己余额，那岂不是…可以一直无限下单，
额度随意调整，这样不就天下大乱了吗？

为了防止上面的事情发生，所以，我们需要後端这个管理者
，来处理使用者所填写的资料，交给专业的处理不就好了吗！！
所以我们可以透过後端，来掌控使用者消费过後的余额，
这样有系统的管理方式，能够防止上面的灾情！也不造成悲剧发生拉～

生活的例子又来拉，我们可以透过後端来接收你刚刚设定的讯息（印制大小，黑白或者彩色…等）
，接着再把使用者刚刚的需求印制出来！

後端：Ruby On Rails

是如何运作的，图解>>>