-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
286 lines (278 loc) · 18.9 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" name="viewport" content="width=device-width, initial-scale=1.0">
<title>WeHelp計畫申請-柯竣友</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;700&display=swap" rel="stylesheet">
<style>
body{
background-color:#2d2d2d;
color: white;
font-family: 'Noto Sans TC', sans-serif;
}
h2{
opacity: .8;
font-size: 28px;
font-weight: 500;
max-width:850px;
margin: 1em auto;
}
.paragraph{
opacity: .6;
font-size: 20px;
font-weight: 400;
max-width:850px;
margin: 0.5em auto;
}
table{
border-collapse:collapse;
border: 1px solid;
width: 80%;
margin: 2em auto;
}
th{
border: 0.5px solid;
background-color:#6663639f;
font-weight: 300;
opacity: .8;
font-size: 16px;
text-align:left;
}
td{
border: 0.5px solid;
font-weight: 300;
opacity: .6;
font-size: 16px;
text-align:left;
}
tfoot{
background-color:#666363;
}
</style>
</head>
<body>
<articel>
<h2>兩百字內的個人簡介</h2>
<p class="paragraph">我是柯竣友,畢業於東華大學歷史學系,目前25歲。</p>
<p class="paragraph">畢業後我碰巧得知Wehelp計畫,曾試圖申請但未錄取。之後,我從事了與所學相關的工作,包括大學的研究助理與地方電視台的新聞記者。後來,則因想學習木工與傳統木作建築的修復,進入修復現場擔任學徒。</p>
<p class="paragraph">實際工作幾年後,我體會到產業環境的重要性。除了對程式有興趣,軟體業相對合法安全的勞動環境、相對優渥的薪水上限、相對開放鼓勵分享的產業文化,讓我更加確定自己想成為軟體工程師。</p>
<h2>為了成為軟體工程師,做過什麼努力?若有具體作品請分享給我們</h2>
<p class="paragraph">再次決定轉職為軟體工程師後,我搜尋了他人分享的學習資源與路線圖,並爬文瞭解不同培訓計畫的課程安排與評價。同時也利用下班後的空閒時間觀看教學影片與借閱來的程式書籍,學習HTML、CSS與JavaScript。</p>
<p class="paragraph">由於自己之前還在思考是否要透過培訓課程的協助轉職,或是透過邊工作邊自學的方式轉職,於是將首要目標訂為確認自己是否有能力理解程式語法,或是需要透過他人的協助講解才有辦法理解。之前的學習因而著墨在盡可能地理解相關的知識,而非撥出有限的空閒時間進行實作練習,故未將所學化作實際的具體作品。</p>
<p class="paragraph">當然,我瞭解要轉職為軟體工程師,不能只停留在理解,而需實際練習寫程式並做出作品。因此後來我還是決定透過培訓課程轉職,但重點不在於教學,而在於接受由業界人士訂出符合實務需要的練習,並由他們協助審視我寫的程式是否有可精簡之處與是否符合業界的習慣,甚至是能實際與他人一起完成專案以學習如何團隊合作與分工。</p>
<h2>如果參與這個訓練,會怎麼安排學習時間?</h2>
<p class="paragraph">扣掉我每天花在睡眠的7小時,與花在三餐、洗澡與家事等瑣事上至多4小時,每週剩下91小時。而為保持體力,我規劃每週固定運動3.5小時,如此將剩87.5小時。再考量期間可能有些突發狀況要處理或學習進度可能落後,每週末再預留6小時的緩衝時間,如此每週有82小時可利用。</p>
<p class="paragraph">82小時,扣掉每週一早上可能約2小時的會議,與每週撰寫3次每日進度報告至多1.5小時,將剩下78.5小時可利用。考量到我目前僅具備有關HTML、CSS與JavaScript的基礎知識,可能會在實作時遇到些難題,因此安排6小時作為詢問團隊成員或網路社群的時間。剩下的72小時,再拆成每週一上午與下午用於學習的38小時,與剩餘時間用於實作指定任務的34小時。</p>
<p class="paragraph">根據上述規劃,我初步安排了以下的作息時間作為參考。</p>
<div style="display: block; overflow-x: auto; white-space: nowrap;">
<table>
<thead>
<th></th>
<th>週一</th>
<th>週二</th>
<th>週三</th>
<th>週四</th>
<th>週五</th>
<th>週六</th>
<th>週日</th>
</thead>
<tbody>
<tr>
<th>0700-0730</th>
<td>早餐</td>
<td>早餐</td>
<td>早餐</td>
<td>早餐</td>
<td>早餐</td>
<td>早餐</td>
<td>早餐</td>
</tr>
<tr>
<th>0730-0800</th>
<td rowspan="5">學習:2小時<br>(預/複習)<br>家事:0.5小時
</td>
<td rowspan="9">學習:4小時<br>家事:0.5小時</td>
<td rowspan="9">學習:4小時<br>家事:0.5小時</td>
<td rowspan="9">學習:4小時<br>家事:0.5小時</td>
<td rowspan="9">學習:4小時<br>家事:0.5小時</td>
<td rowspan="9">實作:4小時<br>家事:0.5小時</td>
<td rowspan="9">實作:3小時<br>解惑:1小時<br>家事:0.5小時</td>
</tr>
<tr>
<th>0800-0830</th>
</tr>
<tr>
<th>0830-0900</th>
</tr>
<tr>
<th>0900-0930</th>
</tr>
<tr>
<th>0930-1000</th>
</tr>
<tr>
<th>1000-1030</th>
<td rowspan="4">會議</td>
</tr>
<tr>
<th>1030-1100</th>
</tr>
<tr>
<th>1100-1130</th>
</tr>
<tr>
<th>1130-1200</th>
</tr>
<tr>
<th>1200-1230</th>
<td rowspan="2">午餐</td>
<td rowspan="2">午餐</td>
<td rowspan="2">午餐</td>
<td rowspan="2">午餐</td>
<td rowspan="2">午餐</td>
<td rowspan="2">午餐</td>
<td rowspan="2">午餐</td>
</tr>
<tr>
<th>1230-1300</th>
</tr>
<tr>
<th>1300-1330</th>
<td rowspan="9">學習:4小時<br>家事:0.5小時</td>
<td rowspan="9">學習:4小時<br>家事:0.5小時</td>
<td rowspan="9">學習:4小時<br>家事:0.5小時</td>
<td rowspan="9">學習:4小時<br>家事:0.5小時</td>
<td rowspan="9">學習:4小時<br>家事:0.5小時</td>
<td rowspan="9">實作:4小時<br>家事:0.5小時</td>
<td rowspan="7">實作:3小時<br>家事:0.5小時</td>
</tr>
<tr>
<th>1330-1400</th>
</tr>
<tr>
<th>1400-1430</th>
</tr>
<tr>
<th>1430-1500</th>
</tr>
<tr>
<th>1500-1530</th>
</tr>
<tr>
<th>1530-1600</th>
</tr>
<tr>
<th>1600-1630</th>
</tr>
<tr>
<th>1630-1700</th>
<td rowspan="15">預留:6小時<br>晚餐:1小時<br>洗澡:0.5小時</td>
</tr>
<tr>
<th>1700-1730</th>
</tr>
<tr>
<th>1730-1800</th>
<td>運動</td>
<td>運動</td>
<td>運動</td>
<td>運動</td>
<td>運動</td>
<td rowspan="2">運動</td>
</tr>
<tr>
<th>1800-1830</th>
<td rowspan="2">晚餐</td>
<td rowspan="2">晚餐</td>
<td rowspan="2">晚餐</td>
<td rowspan="2">晚餐</td>
<td rowspan="2">晚餐</td>
</tr>
<tr>
<th>1830-1900</th>
<td rowspan="2">晚餐</td>
</tr>
<tr>
<th>1900-1930</th>
<td rowspan="10">實作:4小時<br>紀錄:0.5小時<br>洗澡:0.5小時</td>
<td rowspan="10">實作:3.5小時<br>解惑:1小時<br>洗澡:0.5小時</td>
<td rowspan="10">實作:3小時<br>解惑:1小時<br>紀錄:0.5小時<br>洗澡:0.5小時</td>
<td rowspan="10">實作:3.5小時<br>解惑:1小時<br>洗澡:0.5小時</td>
<td rowspan="10">實作:3小時<br>解惑:1小時<br>紀錄:0.5小時<br>洗澡:0.5小時</td>
</tr>
<tr>
<th>1930-2000</th>
<td rowspan="9">實作:3小時<br>解惑:1小時<br>洗澡:0.5小時</td>
</tr>
<tr>
<th>2000-2030</th>
</tr>
<tr>
<th>2030-2100</th>
</tr>
<tr>
<th>2100-2130</th>
</tr>
<tr>
<th>2130-2200</th>
</tr>
<tr>
<th>2200-2230</th>
</tr>
<tr>
<th>2230-2300</th>
</tr>
<tr>
<th>2300-2330</th>
</tr>
<tr>
<th>2330-2400</th>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="8" style="text-align:right">
學習:38小時<br>
實作:34小時<br>
解惑: 6小時
</td>
</tr>
</tfoot>
</table>
</div>
<h2>是否有想要加入的公司?為什麼想加入該公司?</h2>
<p class="paragraph">由於我對業界沒有到非常瞭解,只能根據先前閱讀的文章與討論,暫時排除接案公司的選項,因為我比較傾向能專注在幾個項目,參與其維護與後續開發,看著這些項目一路演進。</p>
<p class="paragraph">至於要進入哪些公司,我還沒有明確的想法。因為還未實際應徵與面試過,無法確定實際上哪些公司跟自己的理念比較合得來。只知道自己目前比較想往哪些領域發展,並由此初步列出相關的公司。</p>
<p class="paragraph">像是因為我對社群平台或論壇的開發有興趣,未來會想進入Plurk、Dcard、Matters與Vocus等公司工作。而因為我對資料新聞有興趣,也想做出類似的互動內容,之後可能會想進入先有前發表過相關成果的新聞媒體,像是天下雜誌、關鍵評論網、報導者與鏡傳媒等。</p>
<p class="paragraph">而因為我想學習實務上如何開發置入大量多媒體內容,或有龐大流量的網站,未來也會想進入如Streetvoice與KKbox的串流音樂平台,如Giloo、Catchplay+、Line TV與KKTV的OTT平台,以及包括Pchome、Momo與Pinkoi在內的電商。</p>
<p class="paragraph">另外,因為我也想學習怎麼開發線上的文書或影音編輯工具,未來會想進入Hackmd、Kdan、PicCollage與Proton等公司工作。</p>
<h2>請描述一件產生明顯負面情緒的經歷,如何處理該情緒?</h2>
<p class="paragraph">提到負面情緒的經歷,不免讓我回想起大學畢業前撰寫畢業論文的日子。雖然有著看似明確的終點——將論文寫完,但在過程中就像走在看不到盡頭的路上,不確定自己投注的時間與心力是否有成果,抑或是走錯了路。</p>
<p class="paragraph">從題目選擇、實際撰寫,總有讀不完的文獻與資料要看,有無數可能的路徑需要抉擇。在交出論文後,又需煎熬等待教授難以捉摸的回信時間,與不斷展開的修訂要求。尤其交出終稿的死線就訂在那,總是擔心若未及時完成,之前做的一切將淪為白工,且之後又要從頭來過。</p>
<p class="paragraph">這種負面情緒,探究其本質,應該是源於內心不相信自己能完成某事,卻又必須完成的恐懼。類似怕進水嗆死卻必須將頭潛入水中學會游泳的感覺,只是範圍大到難以捉摸,更不相信自己能夠順利達成。</p>
<p class="paragraph">當時的我面對這種恐懼,起初是被充斥內心的無力感帶著走。雖然每天都有些進展,但一天一天過去,越是覺得自己無法達成,於是漸漸浮現逃避的念頭,開始找些事情做來拖延時間。</p>
<p class="paragraph">儘管拖延時間讓人感到罪惡,但意外的是就如電視劇名一般,逃避雖然可恥但是有用,如果有克制住避免自己持續沉淪的話。重點是要重拾信心,一步一步奪回生活的主導權,進而回到正軌持續推展進度。</p>
<p class="paragraph">具體來說,若真的無力到無法做事,可以先放鬆,安排適當的生活瑣事如打掃或運動,來提升自我效能感,直至脫離無力感的無底洞,而能直面眼前的巨大挑戰。接著透過時間管理的觀念,將專案任務拆成更小的單位,甚至是為每一天設定具體的小目標,持續推展進度,讓內心漸漸感到踏實,扭轉原先認為自己不可能達成的念頭。</p>
<h2>關於這份申請網頁,分享一個開發時的技術心得</h2>
<p class="paragraph">開發這個申請時,比較讓我困擾的是表格的樣式與排版。
<p class="paragraph">像是原本在調整背景顏色與對齊位置時,疑惑為什麼明明有在<style>指定<tfoot>的樣式,卻無法順利顯示出來。後來才明白,因為表尾的內容是寫在<tfoot>下的<td>裡面,所以會優先適用<td>的樣式。</p>
<p class="paragraph">還有為了讓表格在手機也能順利顯示,我加上了捲軸的語法。然而用開發者工具檢查時,卻發現表格縮小到看不清內容。後來才知道這是網頁在手機顯示可能會遇到的問題,需要在<meta>寫上viewpoint跟裝置寬度,才能正常顯示。</p>
<p class="paragraph">雖然可以順利顯示,但又發現表格不知道為什麼會在最右邊多出一欄。後來才根據他人分享,先用<div>包起來,才解決這個問題。但背後的原因還要釐清。</p>
<p class="paragraph">總結來說,很多事情還是需要實做,才會知道會有什麼樣的問題,也才能知道自己還對哪些部份不夠理解。</p>
<h2>請用簡短兩三句話,描述對你而言,最重要的一項人際交往原則</h2>
<p class="paragraph"> 撇除因為工作或自身身份而需維持的關係,我會想深入交往的對象是能真誠尊重對方,而不會隨意攻擊他人特質或不合理地逼迫他人接受某事或做某事的人。</p>
<h2>從上次提出申請至今,多做了哪些努力?</h2>
<p class="paragraph">上次申請而未錄取之後,我便全心投入於後來的工作之中,不論是加班或者是學習與精進相關的能力。直到新年開始,好好思索了未來的生活而再次決定轉職為軟體工程師後,我才再次投入時間學習相關知識。</p>
<p class="paragraph">與之前申請時不同的是,這次我除了直接學習程式語法外,還查詢了前人分享的學習路徑,瞭解自己有哪些需要學習的主題,也一併爬文比較不同培訓計畫的課程安排與瞭解他人的參與心得。</p>
<p class="paragraph">而就程式本身而言,我這次除了複習HTML與CSS外,也花了不少時間在JavaScript的學習。除了單純觀看影片,我這次還借閱了相關主題的書籍來閱讀,希望能更深入與更系統性地學習。</p>
<p class="paragraph">另外,為了更順利地參與計畫,這次安排的學習時間相較之前設想的規劃具體不少。除了同樣列舉預期的行程以計算每週可運用的剩餘時間,也實際將這些時間化為每日的作息時程。雖然往後可能還是有意料之外的情況發生,但相對來說更有可能執行。</p>
<h2>其他想要對我們說的事情</h2>
<p class="paragraph">除了同樣感謝彭彭老師製作一系列的教學影片外,也希望我這次能有機會參與Wehelp計畫。</p>
<p class="paragraph">雖然我無法確定自己相較其他的申請者,有何學習上的優勢或劣勢。但可以肯定的是,與過去相比,目前的我更適合參與這個計畫。</p>
<p class="paragraph">因為過去幾年的工作經歷,我更加確定自己想轉職為軟體工程師的心意。也因此,我挪出了更多的可用時間投入學習,並規劃了更為詳盡可行的學習時間。</p>
<p class="paragraph">經由搜尋他人分享的學習路徑,我更清楚自己還需要哪些主題才能順利轉職,並透過閱讀借閱的書籍與免費的線上教學影片,更深入地了解HTML、CSS與JavaScript。</p>
<p class="paragraph">另外,我先前處理負面情緒並順利完成論文的經驗,也能讓我保有合適的心情與動力去執行每週任務與最終成果,以順利走過整個Wehelp計畫。</p>
</body>
</html>