iT邦幫忙

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

技術 # 前端系統設計文件設計(四)

今天我們來把系統文件完成,還剩下兩個流程點。 系統文件設計: 流程點二的實作很明顯是 switch case,於是我們可以使用 “分岔節點” 來繪製。 流程圖...

鐵人賽 Modern Web DAY 14

技術 # 前端系統設計文件設計(三)

延續上一篇的需求, 一個全域的 Popup。功能有三: 可以輸入自訂的訊息 依照情境於關閉 Popup 時觸發不同的行為 Popup 有統一的 UI 系...

鐵人賽 自我挑戰組 DAY 14

技術 [Day 14] 那些我會額外在意的事情 - 年齡層

其實這點在現場面試時可以大致觀察出。會在意這點是因為,公司若大部分都是年輕人,會有一些特質:1.可以結交到很多朋友、下班後可能會一起出去玩2.公司很活潑、有創意...

鐵人賽 Modern Web DAY 13

技術 # 前端系統設計文件設計(二)

假設今天收到了一個需求,要在前端專案加入一個全域的 Popup。功能點有三: 可以輸入自訂的訊息 依照情境於關閉 Popup 時觸發不同的行為 Popup...

鐵人賽 自我挑戰組 DAY 13

技術 [Day 13] 與面試官的應答

不同個性、不同公司文化下的主管,想要聽到(或找尋到)的人格特質也不同。 求職時人格特質的展現 底下這些人格特質,適合的產業1.穩定度: 傳產、金融業2.積極自學...

鐵人賽 自我挑戰組 DAY 12

技術 [Day 12] 經營 linkedin 的重要性

我自己覺得 linkedin 就好比「求職版的臉書」。妥善經營有助於人脈的累積與被徵才公司看見的可能。特別是對於工作 3-5 年或年資更久的求職者,可以藉由 l...

鐵人賽 Modern Web DAY 12

技術 # 前端系統設計文件設計(一)

首先,為什麼需要系統設計文件? 的確,在某些開發周期短,人數少或是功能較單純的情境底下,可能有個單純的spec或是口頭溝通清楚就可以了。 但是,當今天討論到團隊...

鐵人賽 Modern Web DAY 11

技術 # 時程評估工具PERT

截至目前為止,我們了解了: 前端開發的流程(需求同步 → 系統設計 → 功能實作 → 測試撰寫 → QA撰寫 → 版本發佈) 理解專案的方式(架構圖 + 序...

鐵人賽 自我挑戰組 DAY 11

技術 [Day 11] 求職策略 - 在職與待業找工作,我該分別持有什麼樣的策略

首先我認為求職策略,沒有標準答案。此文僅僅是針對我的過往經驗寫出的看法。我會先區分為「在職」、「待業」找工作兩大區塊。 在職 在職,又分為「急著逃出公司」、「公...

鐵人賽 Modern Web DAY 10

技術 # 用UML繪製前端系統流程圖(四)

前一篇文章我們畫出了使用者進入商品頁面的序列圖,今天我們要繼續完成序列圖。還差兩個功能,使用者過濾商品和前往商品明細頁,我們開始吧! 繪製序列圖 商品列表頁面...

鐵人賽 自我挑戰組 DAY 10

技術 [Day 10] 求職策略 - 計時錄影修正自己的面試表達

市面上有許多「模擬面試」的資源,譬如: 職涯博覽會、尋求獵頭協助,或甚至現在可以運用 AI 來做模擬面試。 也有許多前端面試題庫的網站,譬如: ExplainT...

鐵人賽 Modern Web DAY 9

技術 # 用UML繪製前端系統流程圖(三)

今天我們要透過範例程式碼來畫出序列圖。範例包含一個商品列表Component(HTML,TS),一個Service,以及一個Route檔案。 廢話不多說先上程式...

鐵人賽 自我挑戰組 DAY 9

技術 [Day 9] 求職策略 - 如何準備面試時該詢問公司的問題

通常面試完,面試官都會問你「有沒有什麼問題想問?」這時就是「展現自己求職積極度、該職位熱忱及表達能力」的良好時機了。 福利部分 1.薪資結構、福利、休假、加班狀...

鐵人賽 自我挑戰組 DAY 8

技術 [Day 8] 求職策略 - 如何評估及查詢該公司

相信大家在面試前,或是選擇公司時,一定會希望能盡可能地知道該公司的資訊。除了從面試中詢問,我會透過底下的一些方式: 1.面試趣: 是一個很多人分享面試心得的平台...

鐵人賽 Modern Web DAY 8

技術 # 用UML繪製前端系統流程圖(二)

那麼該怎麼畫序列圖呢? 我們從序列圖使用到的圖形開始解釋。 序列圖(Sequence Diagram)中使用的圖形 首先呢,序列圖分成”X軸(橫)”和”Y軸(...

鐵人賽 自我挑戰組 DAY 7

技術 [Day 7] 面試前 1 小時可以做些什麼

面試前一小時,我通常會有一個固定的 SOP (或者說儀式感?)遵照這個 SOP 走,比較有「我準備好了」的感覺。首先,在一小時前,要確定好自己準備好面試的裝扮。...

鐵人賽 Modern Web DAY 7

技術 # 用UML繪製前端系統流程圖(一)

在第二篇文章中有提到系統流程圖就是像是咖啡廳的作業流程SOP,以前端開發的角度來解釋,系統流程圖的內容會包含使用者的操作行為以及專案的技術細節(生命週期,元件載...

鐵人賽 自我挑戰組 DAY 6

技術 [Day 6] 你的職涯優先序與試上公司廁所的重要性

江湖上有個小秘訣,就是叫你在面試時,都去上公司廁所。乍聽之下很搞笑,但我覺得這句話真的有其道理存在。除了上廁所,藉機觀察辦公室文化、同事氛圍/年紀/臉上表情/桌...

鐵人賽 Modern Web DAY 6

技術 # 前端角度的系統架構圖(四)

製作第一份系統架構圖(前端角度) 3. 從前端專案開始繪製組件 外部依賴和API的關聯主要可以分成以下幾類: 後端API請求: 前端應用與後端服務進行數據交...

鐵人賽 自我挑戰組 DAY 5

技術 [Day 5] 公司文化 v.s. 認識自己

猶記得剛出社會時,一心想要找家長口中「體面」的工作。什麼叫體面呢?就是公司名稱在股票中找得到、有好康福利、有工作證、在很新很大的辦公大樓、在過年時與親戚提及,他...

鐵人賽 Modern Web DAY 5

技術 # 前端角度的系統架構圖(三)

前一篇文章我們找到了專案的路由架構並找到了’product-list’,本篇文章要從ProductListComponent開始建立元件之間的關係。 製作第一份...

鐵人賽 Modern Web DAY 4

技術 # 前端角度的系統架構圖(二)

前一篇文章中,我們提到了工具和劃分區域。本篇文章將延續前篇內容,從Angular的角度手把手繼續繪製系統架構圖。 製作第一份系統架構圖(前端角度) 3. 從前...

鐵人賽 自我挑戰組 DAY 4

技術 [Day 4] 那些新鮮人比較不知道的事 - 產業類別

對於職場新鮮人,可能還不清楚自己喜歡什麼產業,或是喜歡大/中/小型公司、本土/傳產/外商/新創,可以嘗試全部投一輪。一方面藉由面試,理解公司的部分樣貌;一方面也...

鐵人賽 Modern Web DAY 3

技術 # 前端工程師的系統架構圖(一)

系統架構圖是什麼? 系統架構圖是一種視覺化的圖表,用來展示一個系統的整體結構和組成部分。主要目的是幫助開發者、設計師和相關人員理解系統的各個組件是如何相互連接和...

鐵人賽 自我挑戰組 DAY 3

技術 [Day 3] 我一天該投幾封履歷?觀察市場

我覺得這個問題要分幾個維度去分析: 年資、在職/全職找工作、市場熱度 年資 以新鮮人而言,一天投 20~30 都不嫌多。有的主動邀約的面試機會,也可以去嘗試,重...

鐵人賽 Modern Web DAY 2

技術 # 開發功能前,先搞懂既有專案!

為什麼需要認識既有專案呢? 舉例來說,小明加入了一個電商的前端團隊,負責的第一個項目是要在既有的購物流程中加入一個同意條款的popup。在不了解既有專案的情況下...

鐵人賽 自我挑戰組 DAY 2

技術 [Day 2] 求職平台的選擇與履歷準備

求職平台 我使用的求職平台主要有底下幾個 平台 使用心得 是否有履歷模板 104 職缺最多,但有許多常態性掛著的職缺 有履歷模板 Cake 職...

鐵人賽 Modern Web DAY 1

技術 # 何謂離開新手村,何謂前端的開發生命週期

前言: 名詞定義 新手村如何定義我相信每個人,每個組織都不同。以下討論會以我個人給自己的目標當成出發點。歡迎留言分享你的看法。 以下討論只代表個人觀點不代表本台...

鐵人賽 自我挑戰組 DAY 1

技術 [Day 1] 前言

筆者是一位前端工程師,在 2020.8 - 2024.8 之間,一共面試了 100 個左右的職缺。在這些面試旅途中,獲得很多生命經驗,希望寫出來讓同樣在求職的新...

技術 發問是一種藝術,為何你的問題都沒人回答 XD

發問是一種藝術只要有禮貌常說請謝謝對不起還有問題描述清楚廠牌型號環境很多熱心的人就會回答缺乏以上你會看到回覆的人寥寥無幾 提問的智慧,提問前的思考https:/...