[笔记] Alpha Camp 第四学期 期末回顾之三 – 专案发表后

章节连结

毕业专案简报时,评审的手也没有闲著,从各个角度来测试专案是否能正常运作,进一步的防止有心人士偷改资料造成系统当机。Max、维元、楚玄、Sam…..等评审给予的回馈,在往后的成长道路上,都是非常宝贵的第一手经验。
alpha camp logo


成品展示

第一组团队成品(饮料店)

我所待的团队是这组,开发过程可以点这边:https://smlppoints.com/alpha-camp-semester-4-2019-reflection-2
网站版:https://damp-cliffs-89201.herokuapp.com/
Github:https://github.com/F-Kibatodos/final-project

第二组团队成品(订阅制订餐服务)

网站版:https://nextmeal.herokuapp.com/#/
Github:https://github.com/smallpaes/nextmeal

第三组团队成品(家具店)

网站版:https://ajashop.co/
Github:https://github.com/ArcherHuang/e-commerce


观察与建议

印象中,口试当天其实的心跳普遍处在一个高频率的段落。虽说先前有跟楚玄助教询问过一些口试可能发生的状况,但事实上的精采程度跟云霄飞车有的比。
1. 客座评审 Max 的实测 Hack 过程,也让我开了眼界。真的不要心存侥幸说:“应该不会有使用者这样的有兴趣来测试网站漏洞。”
2. 在专案开发期的三回面谈,楚玄助教有提及到与其一味的开发新功能,也要顾及功能的完整性(换言之就是要考量各种的 Edge Case,不要轻易就出包)。
3. 助教 Sam 也提及他期许这个专案可以增加更多的亮点功能。跟周四的两组功能相比,其 Dashboard 和自动化发送信件功能,是我满想尝试却没有时间来实作的,有些可惜。(或许之后可以来当 Side Project 来试用看看)
4. 维元老师有询问我们在专案实作上的盲点和与人合作的过程。毕竟在实际进行专案的过程中,与人之间的沟通会占用相当比例的时间。
5. Bernard 校长的面试和履历提点,对于从未进入这产业的转职者而言,是非常实用的第一手面试官意见分享。

以下整理出由三组专案点评后的提点内容:

登入/登出阶段

1. 使用者登入阶段,Email 不要区分大小写,以免被判定成两个帐号。

消费者行为

1. 购买数量要注意数字上限,要在后台设立阻挡逻辑。
2. 交易判断环节(transaction)、金额等关键数字,要尽量从后端取值并给予验证。以免有心人士窜改前台数字传入,导致最后金额出错。
3.以电商的角度而言,使用者的体验非常重要(关系到转换率)。因此应用程式的效率要高、表单要有提示和验证讯息、金额不能因为消费者点了上一页、或是另开新视窗后就出错。

后台操作

1. 当表格的数量过多,要记得加上分页功能和依照时间排序(由新到旧)
2. 后台检查字段的逻辑要放在 promise 的 then 里面,否则会有重复建立值的可能 (Case 请点此)

布署相关

1. 当分布式布署时,随着资料量的增加,有可能出现不同步和错误情况。
2. 选用套件和服务器时,需留心专案的复杂度会不会因此而变高,导致后续难以维护。

其他

1. console.log 在测试完后,记得要移除或是区分 log level。
2. Hedge Case、Routing、分类和排序要考量到例外状况,以避免页面没有回应
3. 使用者的层级要分细一点,方能因应各种管理状况。同时,model 的关联性要再留心,像是分店地址可以考虑独立一个 model,不一定要与哪个model关联。

关于面试

1. 专案讨论文件整理(Trello, Google 文件…等),如何合作和处理冲突的过程
2. 验证的重要性
3. 宁可自己先提出专案可能有的漏洞,有尝试过的方法,而非一味被动的等别人发现
4. 判断专案 User Stories 的先后执行的原则(什么先做,什么后做)


后记

自2019年初踏入AC Camp,将近10个月的时间,扎扎实实的学到了如何优游在程式海中的一种生活方式。以这边所打下的基础,如同得到一把超级钓竿,要在各种水面环境下钓鱼都从不可能变成愿意尝试看看。最后,有幸得到前人提点道路,让自己变得更强并提点后人,创造一个正向循环。那么,这个部落格想必不会缺题目写的。


Alpha Camp 相关文章

★全文分享★  [笔记] Body-Parser 无法解析的 FormData 解决方案 – multer
[笔记] Body-Parser 无法解析的 FormData 解决方案 – multer
运用 express 的框架来架设后端的 Node.js 服务器时,当遇上前端传来的表单资料为 multipart/form-data 格式时,那么 body-parser 套件是不支援的。这时可以运用 multer 套件来解决这个问题。使用范例1.首先先
★全文分享★  [笔记] 解决 Vue 专案的 localhost:8080/sockjs-node 的无效请求
[笔记] 解决 Vue 专案的 localhost:8080/sockjs-node 的无效请求
这篇是解决不时在测试 Vue 专案上时,常会在浏览器的 console 内看见的无效 GET 请求如:http://localhost:8080/sockjs-node/info?t=<一串乱数>,要如何处理。步骤1.若是处在开发阶段看到的话,会因为你所
★全文分享★  [笔记] Vue.js & Node.js 专案初始化笔记
[笔记] Vue.js & Node.js 专案初始化笔记
这篇主要是笔记下如何快速的在本机端生成一个 Vue.js 的专案,并结合 Bootstrap 和 Node.js 二者来产生一个前后端兼备但却彼此分离的网络应用程式。步骤Vue.js 框架下,其网址多半会带有 # 字样。这是
★全文分享★  [笔记] Alpha Camp 第四学期 期末回顾之二 – 毕业专案
[笔记] Alpha Camp 第四学期 期末回顾之二 – 毕业专案
这回的毕业专案,AlphaCamp指定了三个方向(电商、旅游规划和CRM系统),其余的就交给各个团队自己打磨。在这一个月的时间内完成ERD、决定使用者故事的开发的优先级、实际写 Code 和最后布署后的
★全文分享★  [笔记] Alpha Camp 第四学期 期末回顾之一 – 个人成长
[笔记] Alpha Camp 第四学期 期末回顾之一 – 个人成长
AlphaCamp 的第四学期内容算是非常扎实。随着接触的内容变多的情况下,在心态上也得有所转变,不再能一味的希望课程能教导或提供完整的范例给你。课程的内容应被当成是一个个的楔子,跟每个
★全文分享★  [笔记] Node.js 在 Windows 上的开发环境建置
[笔记] Node.js 在 Windows 上的开发环境建置
这篇文章记载下于 Windows 上建置开发 NodeJS 相关应用的环境过程和步骤。操作步骤//1. 安装 cmder,下载位置在右边:https://cmder.net///2. 安装 nvm,到右边的 Github 网站下载:https://github.com/coreybutler/nvm-win
★全文分享★  [笔记] Sequelize NodeJS 专案初始化笔记
[笔记] Sequelize NodeJS 专案初始化笔记
本篇记录下 AlphaCamp 第四学期的重头戏之一,与他人一同打造类 Twitter 专案的过程。同时,这也是记录如何从无到有打造一个专案的过程。一、专案规划提出规格(Spec)清单,内容包含以下:1.使用角
★全文分享★  [笔记] Heroku Sequelize 布署细节
[笔记] Heroku Sequelize 布署细节
本篇记录下如何将 SQL 关联式数据库布署到 Heroku 上的步骤与心得。操作步骤// 1. Heroku 指定的数据库是用 PostgreSQL,故先用 npm 安装相关套件npm i pg// 2. 调整 config/config.json 的设定 “production”: { “use_env
★全文分享★  [笔记] 运用 Heroku 布署的初始化步骤
[笔记] 运用 Heroku 布署的初始化步骤
这篇文章记录下如何将本机端的专案推拨到 Heroku 上的步骤。整体操作难度不高,但是要尽量让 git 和 heroku 的档案放在同一层。否则上传时,heroku 会抓不到 package.json 的档案。步骤1. 首先,先上 Hero
★全文分享★  运用 Node.js 建网站的初始化步骤
运用 Node.js 建网站的初始化步骤
AlphaCamp 的课程进入到第三学期后期,趁机整理一下如何运用 Node.js 来建立一个简单网站的步骤(包含前端画面、后端数据库、登入页面、串接API以及除错)。第一部分1.Wireframe画面的设计草稿,每个页
★全文分享★  [指南] AlphaCamp 第二学期与第三学期的差异
[指南] AlphaCamp 第二学期与第三学期的差异
AlphaCamp 课程的第二学期和第三学期,其课程难易度与设计上有着显著不同。趁著这篇写下第一手的体验心得。课程设计差别学期二浏览器的前后隐含了 HTML, CSS 和 JavaScript 的互动。不过,你并不会
★全文分享★  [笔记] Alpha Camp 第三学期 期末回顾 关于自学
[笔记] Alpha Camp 第三学期 期末回顾 关于自学
学写程式的过程旅途上,“自学”在不知不觉中就成为身体中记忆的一部分。毕竟写程式卡关的问题有百百种,有时只是单纯打错字、也有可能是一开始的逻辑设计就出了毛病。这时,运用搜寻“
★全文分享★  [笔记] Handlebars Register Helper 自定义 Helper 用法
[笔记] Handlebars Register Helper 自定义 Helper 用法
Handlebars 的模版,其判断式功能的延展性不佳,类似 {{#if 3>2}} 这类的用法都默认无法使用。RegisterHelper 就是用来解决这个问题。使用方法初始化//initialize handlebars (not express-handlebars)const Handlebars = r
★全文分享★  [笔记] Google Place API 串接 (Google Map 系列服务)
[笔记] Google Place API 串接 (Google Map 系列服务)
Alpha Camp 的第二学期课程,让大家试试水温串接 API。在心血来潮下,想说串接个 Google Map 的 API 来玩玩看。不过要做的准备工作还真不少,以下是试验不少次后所得到的心得。串接前的准备工作1. Goo
★全文分享★  [笔记] Alpha Camp 第三学期
[笔记] Alpha Camp 第三学期
Alpha Camp 是个新兴的线上线下整合的课程平台。第三阶段是为期8周的课程,主要将学习 Web 开发实务框架,使用 JavaScript + Node.js 打造一个兼具前、后端与数据库的网络应用程式。若对第一阶段有兴
★全文分享★  [笔记] Pagination 分页功能 实作 JavaScript
[笔记] Pagination 分页功能 实作 JavaScript
网页设计中常见的分页功能(Pagination)的实作笔记过程。逻辑上,可以拆解成以下两项:1.计算总共页数2.依照使用者点击的页数来决定显示多少项目实作步骤1.HTML部分<!–采用 Bootstrap 4.0 –><nav a
★全文分享★  [访谈记录] 自身兴趣和实作 在工作上找到归属感与成就
[访谈记录] 自身兴趣和实作 在工作上找到归属感与成就
AlphaCamp 第二学期的第三份访谈,幸运的请到一位自高中时期认识的神人朋友,来聊一下他的程式学习历程。相关访谈1.什么契机下开始接触程式?小学的时候有去资策会上过 RPG 制作大师的课程,使
★全文分享★  [笔记] Git 忽略 .DS_Store 等排除档案
[笔记] Git 忽略 .DS_Store 等排除档案
初学 Git 常会遇上的一个问题就是,Git 会自动追踪一些系统记录档案(如MAC上的 .DS_Store),所以一份排除清单就是必要的一份工作。排除方法1.在 git 专案下,新增 .gitignore 档案请利用终端机(Terminal)新
★全文分享★  [笔记] Git 更新分支、解除冲突方法一览
[笔记] Git 更新分支、解除冲突方法一览
从本机端同步到 GitHub 上头的专案,于每次上传 commit 时都会比对两边的资料。若有出现不一致的情形,就会挑出错误讯息。错误情境1.远端资料较新由于 Github 网站本身有提供修改的地方(可以线上
★全文分享★  [笔记] API 串接, Axios 和绑定DOM事件
[笔记] API 串接, Axios 和绑定DOM事件
在 Alpha Camp 的第二学期课程中,有提到写个网页来向远端服务器请求资料,故整理一下自己脑海中所学到的技巧与观念。重点提示运用 “Axios” 工具以 “GET” 方式请求资料<script src=”https://unpkg.com/axios/
★全文分享★  [笔记] textContent, event.target 和 innerHTML
[笔记] textContent, event.target 和 innerHTML
笔记一下在学习撰写 JavaScript DOM时,常会遇上的三大功能 innerHTML, textContent 与 event.target 的用法。重点整理innerHTML常搭配 HTML 的 Element Object 来执行,将一段 HTML Code 写入特定区块。// 以下例子取自 w3
★全文分享★  [笔记] Alpha Camp 第二学期 期末回顾
[笔记] Alpha Camp 第二学期 期末回顾
Alpha Camp 的第二学期课程,一晃眼间就两个月过去了。从现在回首来看,发现自己也默默的熟悉了一些网页互动的技巧,写程式也开始不让人那样心生恐惧。将情境转换成电脑可以理解的小步骤,并
★全文分享★  [访谈记录] 观察、效能和成就感
[访谈记录] 观察、效能和成就感
第二场访谈请到大学时期认识的 Mr Miao,现职于电子五哥之一的广达的旗下转投资公司担任后端工程师。借着这次的对话,让我得以一窥与内存、储存空间和效能奋战的工作日常。相关访谈1.工作
★全文分享★  [笔记] BootStrap Card + Grid System + Modal 弹出视窗
[笔记] BootStrap Card + Grid System + Modal 弹出视窗
运用 BootStrap 4.0 版本起有的 Card 样式,再加上 Grid System 排版。最困难的大概是“如何命名变量”和“从茫茫的API技术文件”中找到需要的资料。重点摘要Cards + Grid System 排版混用官方文件:1. https://
★全文分享★  [访谈记录] 反思 试着对未来的职涯跨出一步
[访谈记录] 反思 试着对未来的职涯跨出一步
访谈后的反思,是个让理想化为现实的具体步骤之一。在一边进修自己的技能之余,试着描绘未来工作的样貌可以让自己更加清楚是为何坚持在现在的航道上。相关访谈短期职涯目标截至目前,个
★全文分享★  [访谈记录] 坚持加上兴趣 在程式的世界中遨游
[访谈记录] 坚持加上兴趣 在程式的世界中遨游
YH 目前任职于某日商台湾分社旗下担任软件工程师,是我于高中时期于社团所结识的学长。幸亏有了 AlphaCamp 的职涯社群提出的大哉问,鼓励大家去访问目前已在相关产业工作耕耘的人们,而让我们
★全文分享★  [笔记] Alpha Camp 第二学期 启程
[笔记] Alpha Camp 第二学期 启程
Alpha Camp 是个新兴的线上线下整合的课程平台。第二阶段是为期8周的课程,主要带大家实作网页开发前后端的所需技术:HTML、CSS 和 JavaScript。若对第一阶段有兴趣的,可以点这里。课程目的打稳前
★全文分享★  [笔记] Alpha Camp 第一学期 暖身
[笔记] Alpha Camp 第一学期 暖身
Alpha Camp 是个新兴的线上线下整合的课程平台。和其他的网络平台课程如 Udemy, Hahow 相比,在这个 Camp 学习程式设计的最大差别在于:真人助教的一对一客制化回应,学生也可以观看其他同学的作品


按赞加入粉丝团

延伸阅读