iT邦幫忙

前端新手村相關文章
共有 334 則文章
鐵人賽 Modern Web DAY 30

技術 # 在Azure CI Pipeline中運行前端測試

今天我們要來聊聊,測試寫完之後,該如何讓測試是具有強制力,並且實際融入開發流程中,能夠持續進行迭代的方法。 在目前的工作經驗中發現在CI Pipeline中進行...

鐵人賽 自我挑戰組 DAY 30

技術 [Day 30] 系列文彙整 X 完賽感言

這次選了非常軟性的主題,寫起來壓力小很多,比較像是把自己的經驗與想法寫成文字。 會想要寫這個主題是由於今年七月底,有幸參與了一場訪談,是關於求職平台的使用者經驗...

鐵人賽 自我挑戰組 DAY 29

技術 [Day 29] 工作不是唯一,求職階段的身心靈健康

對於大學畢業乃至 40 多歲的青壯年而言,工作佔了很大一部分的時間,也因此工作上的成敗與否會很大的影響心情。沒有家庭或經濟的負擔時,可能在乎「工作成就」,而有了...

鐵人賽 Modern Web DAY 29

技術 # 使用Cypress為Angular專案撰寫整合測試特性的E2E測試

前言 今天我們要聊聊工作中遇到的一個問題。我們需要撰寫測試來驗證前端需求的正確性(也就是UI/UX)。於是我們想,E2E測試非常適合,但是因為環境和經費種種因素...

鐵人賽 Modern Web DAY 28

技術 # 使用Jest為Angular專案撰寫UnitTest(三)

今天要透過上一篇介紹的單元測試撰寫方式,實際來為一個 component 撰寫單元測試。使用Jest為Angular專案撰寫UnitTest(一)使用Jest為...

鐵人賽 自我挑戰組 DAY 28

技術 [Day 28] 那些求職階段,可以收看的勵志劇

求職階段其實跟備考階段很像,在全力以赴的同時,也是需要放鬆的,我會習慣在吃飯的時候,打開充滿鬥志的劇、動漫。(但前提是不能沈迷)看著劇中角色即便遇到挫折仍舊不放...

鐵人賽 Modern Web DAY 27

技術 # 使用Jest為Angular專案撰寫UnitTest(二)

上一篇文章我們分享了如何導入Jest到Angular專案中,今天我們要分享如何規劃單元測試。 測試的範圍 在分享測試金字塔的時候有提到單元測試的目的是驗證應用...

鐵人賽 自我挑戰組 DAY 27

技術 [Day 27] 目標設定以及覆盤

來到了第 27 天,在分享了許多關於面試過程中的看法與心得。第一階段(面試前): 市場調查/了解自己/制定策略,第二階段(面試中): 與面試官應答/面試問題準備...

鐵人賽 Modern Web DAY 26

技術 # 使用Jest為Angular專案撰寫UnitTest(一)

上一篇文章我們介紹了測試金字塔。今天我們就從金字塔的最下面開始,來分享如何在Angular專案中,導入Jest這個單元測試框架。 什麼是Jest Jest...

鐵人賽 自我挑戰組 DAY 26

技術 [Day 26] 經營人脈

除了投遞履歷、與獵頭合作,還有個強而有力的「找工作」方式,就是請朋友內推。因為朋友在該公司有信用,所以經由內推管道取得面試機會是個非常好的捷徑,至少可以提升自己...

鐵人賽 Modern Web DAY 25

技術 # 開心交付程式碼前,先補上測試 !

當我們費盡千辛萬苦,終於硬著頭皮想辦法把功能實作出來之後,也在Local自己測試過。覺得沒有問題了,想開開心心推PR。一發上去,可能會遇到兩個狀況。CI pip...

鐵人賽 自我挑戰組 DAY 25

技術 [Day 25] 不好的面試體驗,還是保持良善

面試過程中,有可能遇到不太尊重面試者的公司/面試官。(我自己遇到的案例大概不超過 5 根手指頭)譬如頻繁改期、當天突然放鴿子、詢問面試者過於私密的問題、年齡/性...

鐵人賽 Modern Web DAY 24

技術 # 前端實作案例分享: 電商購物車(四)

今天是購物車實作的最後一篇文章,我們要來討論兩個狀態之間相互耦合的情況下,該如何處理。 假設今天的業務需求是,在進入購物車的時候,我們要比對結帳狀態和購物車中的...

鐵人賽 自我挑戰組 DAY 24

技術 [Day 24] 職涯初期,尋找職場上的引路人

在職涯初期,比起進入知名的公司或是應徵上好聽的職位。我覺得更重要的是找到好的職場導師(mentor)。當然,這非常不容易,因為要從短短的面試流程中辨識出,其實對...

鐵人賽 Modern Web DAY 23

技術 # 前端實作案例分享: 電商購物車(三)

上一篇文章我們實作了一個基本的購物車,但現行市面上的電商平台購物車絕對都更加複雜。以蝦皮為例,可以發現要進入購物車必須要有會員資格。即使關閉App或是更換裝置,...

鐵人賽 自我挑戰組 DAY 23

技術 [Day 23] 與獵頭合作的經驗談

在有經營 linkedin 的情況下,會有許多獵頭前來合作。但獵頭也是有擅長挖掘人才亮點以媒合業界的;也有仍舊是新手、或在溝通上不是如此順暢的。我自己是會先與對...

鐵人賽 自我挑戰組 DAY 22

技術 [Day 22] 職涯博覽會

每年,求職平台(104、Cake、Yourator 等)都會舉辦職涯博覽會,會有許多公司前來擺攤、舉辦講座,或甚至有履歷健檢/獵頭聊聊等的活動。我覺得對於職場新...

鐵人賽 Modern Web DAY 22

技術 # 前端實作案例分享: 電商購物車(二)

上一篇文章我們提到了購物車的設計想法,以及會使用到的Angular功能。本篇文章我們從專案架構開始,逐一使用範例程式碼進行實作說明該如何在前端建立一個最基本的購...

鐵人賽 Modern Web DAY 21

技術 # 前端實作案例分享: 電商購物車(一)

提問:競業都有提供購物車耶,上頭有交代希望下個版本可以落地購物車功能。 針對購物車相關的需求我們可以從這個功能所會參與的角色下去思考。 首先 ”使用者” 前往電...

鐵人賽 自我挑戰組 DAY 21

技術 [Day 21] 面試心得 - 那些有趣的面試經驗

離職原因要好好包裝 曾經在描述離職原因時寫到:「因為運氣不好,剛好遇到前公司大規模組織變動」然後被欲面試的公司回覆:「你怎麼確定不會把不好的運氣帶到我們公司來」...

鐵人賽 Modern Web DAY 20

技術 # 前端實作案例分享:  HttpInterceptor

提問:呼叫 API 的時候需要帶 token 給後端驗證該怎麼辦? 我們可以使用 HttpInterceptor 進行統一處理! 什麼是 HttpInte...

鐵人賽 自我挑戰組 DAY 20

技術 [Day 20] 失敗了,怎麼辦

在經歷失敗的面試、被面試官洗臉,抑或是失敗的職場經驗時(譬如:被資遣、公司規模大改組、被降級、職場表現不佳...等),難免會覺得痛苦或是自我價值感低落。對於把事...

鐵人賽 自我挑戰組 DAY 19

技術 [Day 19] 慣性紀錄

慣性紀錄,是一個我覺得培養起來後續會收益良多的好習慣。透過時時寫下筆記的一個小習慣,有助於幫助自己記憶、培養組織結構的能力、更甚可以將這些經驗/知識點傳承或分享...

鐵人賽 Modern Web DAY 19

技術 # 前端實作案例分享:  隨著頁面改變樣式的NavBar

提問:專案需要加入一個 NavBar,依據不同頁面顯示切換樣式。 實作方式: 這次的架構針對 NavBar 的部分總共會有四個角色:NavBar 本體、控...

鐵人賽 自我挑戰組 DAY 18

技術 [Day 18] 公司選擇的是最合適者,而非最優秀者

很多人在面試失敗時,常常會反省自己:是不是面試過程太緊張,表現不好?是不是技術題未能完全發揮?是不是 side project 做得不夠多?還是學經歷不夠精彩?...

鐵人賽 Modern Web DAY 18

技術 # 前端實作案例分享:  透過Store進行頁面緩存

提問: 消費者從商品明細頁回到商品列表的時候,希望可以保留消費者先前瀏覽的位置。 我們可以透過頁面緩存機制來實現這個需求。 什麼是頁面緩存? 簡單來說,頁面緩...

鐵人賽 自我挑戰組 DAY 17

技術 [Day 17] 求職階段的心態調整

求職階段,特別對於新鮮人而言,會感到莫大的焦慮。心情起伏受面試表現、面試結果影響。但其實僅需記住底下三點: 努力 對於想找職位的 Job Description...

鐵人賽 Modern Web DAY 17

技術 # 前端實作案例分享: 攔截瀏覽器回上一頁

提問: 我希望使用者按下瀏覽器的回上一頁或是重新整理時,能夠先跳出一個確認訊息,提醒使用者之後再讓他選擇是否離開該怎麼做? 我們可以利用Window Hist...

鐵人賽 自我挑戰組 DAY 16

技術 [Day 16] 那些我會額外在意的事情 - 公司想找怎樣的人

其實這題,在面試中不一定有適切的時間做詢問。 但我也是在經歷了許多面試後,才知道問這題的重要性。這題可以看出「公司是不是有在認真思考要找什麼樣的人?」、「面試官...

鐵人賽 自我挑戰組 DAY 15

技術 [Day 15] 那些我會額外在意的事情 - 公司近五年的規劃

其實對於剛出社會的新鮮人而言,可能沒預設第一份工作會待很久(大概 1-3 年),會想說,那我知道公司 5 年後的計畫要幹嘛?且公司也許擅長公關行銷、畫大餅,5...