iT邦幫忙

鐵人檔案

2021 iThome 鐵人賽
回列表
自我挑戰組

網頁設計師轉職前端工程師的血淚辛酸路 系列

身為一個一路讀設計長大的人,因為撞牆期與很需要錢錢這個酷玩意,所以一路血淚辛酸的爬呀爬,希望能成功轉職成一個讓人不失望並可以放心交付任務的前端人。

注意!目前已有多年網頁設計、切版跟 jS基本基礎,所以本文會著重在了解更多前端知識進而轉職,並非從零開始喔。

參賽天數 15 天 | 共 21 篇文章 | 3 人訂閱 訂閱系列文 RSS系列文 團隊血汗攻城屍
DAY 11

Day 11 - React: Component

關於 Separation of concerns(SoC)這個地方我覺得別人寫的已經很清楚了(英文有許多文章,我只挑比較好懂的中文版,而且盡量沒有廣告),所以...

2021-09-26 ‧ 由 分享
DAY 12

Day 12 - 為什麼轉職是條血淚辛酸路

因為很多東西不懂,學無止盡。 就像我洋洋灑灑的寫了那麼多,但是實際要用時還是卡東卡西。 好吧,我承認,今天我寫不出文章,因為跟公司鬧翻了。 所以現在心思沒法專注...

2021-09-27 ‧ 由 分享
DAY 13

Day 13 - React: state

雖然昨天很低落,但我們要記得 Props 是唯讀的!(我有寫喔!) 但我們要做的網頁不是靜態資料(如果是就不用在這學了),所以,React提供了state,它是...

2021-09-28 ‧ 由 分享
DAY 14

Day 14 - React: setState 計數器

本來昨天要寫這個主題,可是我怎麼寫都改不了名字,所以只好跳到下一章教學。 class Counter2 extends React.Component {...

2021-09-29 ‧ 由 分享
DAY 15

Day 15 - React: setState 計數器之二

今天一口氣練習 Hooks 跟第二種計數器寫法。 先來用我的破英文翻譯一下,現在的 React 允許在 functional components 當中使用 H...

2021-09-30 ‧ 由 分享
DAY 15

Day 16 - 不小心斷賽之 Lifecycle

大意失荊州,這就是人生,因為以為有寫,不小心就斷賽了;不過,秉持著堅持的精神,我還是想繼續寫完。 今天要來談神秘的生命週期(對我而言挺神秘的),React提供了...

2021-10-02 ‧ 由 分享
DAY 15

Day 17 - Event Handling

使用大括號與駝峰式命名來處理 DOM 是它與原生 jS 的差別。 //jS 寫法 <button onclick="myFunction()&q...

2021-10-03 ‧ 由 分享
DAY 15

Day 18 - Array List

我們也可以在 React 裡利用陣列來產出重複的東西,例如 li 。 function FruitList(props) { const arr = prop...

2021-10-05 ‧ 由 分享
DAY 15

Day - 19 分開頁面

這在好幾章以前有提過,我希望能透過增加不同的分頁使每個練習分門別類,當然,要完成的作品也是。 但拜讀了一些文章,似乎是只要從 jS 下手去操作,不需要觸碰 in...

2021-10-06 ‧ 由 分享
DAY 15

Day - 20 終於剩下十天之需求篇

不知不覺就剩下十天了。 其實我要做的東西很單純,大概是一個input[text] 可以輸入名稱,加上button送出值來建立選單。 接著用這個選單來隨機抽出一個...

2021-10-07 ‧ 由 分享