楼主:
shter (飞梭之影)
2019-02-23 17:35:17※ 引述《paranoia5201 (社会黑暗、行路难)》之铭言：
: 自学程式语言一些时间，许多网友都说要赶快做个小专案展现基本能力，有利于求职｡
: “不知道怎么做？就模仿别人的作品啊！”对于一个新手而言，该如何模仿？
: 例如我看到一个很酷的网站或app，想要仿造，没有它的原始码，是要怎么模仿？
模仿的意思其实就是你看到什么网页觉得不错就想自己做一个对自己有用的来
第一步
我去日本玩，觉得查火车捷运转乘时间用这类网站很好用
https://www.jorudan.co.jp/
所以回来台湾，就做个在台北用的小专案
http://melixyen.github.io/railtime/
不是把整个网站都复制出来，挑你觉得实用的部分改造成你自己需要的就好了
网站好复制是因为再怎么隐藏前端的原始码你还是能看的到，CSS 也能理解
然后背后跟 Server API 沟通的情况也逃不过你的观察
======
第二步
在开发过程中你可能会遇到一些共同需求，你可以找套件(买轮子)或自己写(造轮子)
虽然大部分人喜欢买轮子，不过我也会依需求自己造符合自己手感的轮子
举例来说，一般 Vue.js 多国语系主流可能是用 Vuex-i18n 这个套件
不过我的专案没有用 Vuex 而且是用旧的 ES5 时代语法写的，也没有要搞什么模组化
就是把字串变量丢在 Global 然后可以自动加载与重新 render 各种语言到画面上就好
所以就依照需求用自己的方法去重现某些套件的功能，也是一种模仿的概念
模仿了相似的功能，但是后面用的技术方法可能完全不一样
这时候你不需要去看别人的程式码，而是自己思考可以用什么办法做到相同的事
https://github.com/melixyen/vue-duoguo
然后我就弄了个 Vue.js 的套件，趁这种机会也可以顺便稍微研究一下 Vue
再很假掰的写个 Markdown 文件，人要衣装嘛，就算你的套件 code 写的再烂
如果有个看起来格式完整的 Markdown 文件至少把专案作品丢出去时第一印象比较好
======
建议
所谓模仿其实是要你思考做法，你不可能看穿别人写 code 时的想法，看 code 没意义
但你可以先想一下这样的功能或页面设计如果是你要怎么做
把功能拆开来，设定学习阶段，一步一步组合起来
像我也不会看日本那堆铁路网站背后的程式码
我是按照自己的想法去规划
1.建立路线资料
2.建立转乘站资料
3.写算法去判断 A 到 B 可以在哪几站转、要转几趟
4.写程式去抓各车站或各路线的时刻表
5.写程式去找从甲站到乙站可以搭的车以及它的时间
6.把 3 的路线每一段都拆出来，用 5 的 function 去捞，组合成乘车顺序跟时刻表
7.把资料 print 到画面上
不需要一开始就想把整个网站做出来，分成七个步骤去做，自己订进度
以上给你参考
作者:
taikobo (勉强になるなぁ...)
2019-02-23 17:55:00有实作推，看起来很实用
作者:
othree (OOO)
2019-02-23 18:08:00看成：“第一步：去日本玩”
楼主:
shter (飞梭之影)
2019-02-23 18:26:00去日本玩也不错啊，旅行可以激发不少写程式的灵感连开始规划找饭店时你搞不好就想模仿弄个 TrivaGo 了
对新手很难，新手看网站是脑袋一片空白，不知从何下手
作者: xji4m3 (哈囉你好吗) 2019-02-23 19:48:00
第一步真的很重要，就是去日本玩（误）
作者:
cool9203 (看我翘翘的)
2019-02-23 22:41:00推，我决定重复造轮子没关系，想重复造却造不出来才严重啊！！
作者:
loadingN (sarsaparilla)
2019-02-23 22:55:00推这篇，工程的重点就是解决实际问题，从生活中发现需求想办法改进，是很好的做法
作者:
Saaski (GreedIsGood)
2019-02-24 02:31:00推
楼主:
shter (飞梭之影)
2019-02-24 02:51:00其实会写 vue-duoguo 是因为我懒的改 template 习惯某方面来说也是自己不长进，宁造轮子也不肯改主流写法...
作者:
guest0710 (guest0710)
2019-02-24 14:28:00你说的很对 第一步就是要去日本玩XD