前端輕鬆聊,
和大家一起學習最新的前端知識
前端輕鬆聊是一個在溫哥華科技公司擔任資深前端工程師Eric所主持的頻道。想帶給聽眾前端的知識、一些你可能不知道的tips、工程師的職涯發展以及國外第一手前端技術的新聞
Who? 我是誰 ?
我叫 Eric，目前人在加拿大在一間電動車公司 Rivian 擔任資深軟體工程師，目前主要使用的技術有 React、TypeScript、GraphQL、Next.js 等等，以前也有接觸過 Vue 2 和 Vue 3 然後更早期也有使用過 AngularJS 和 Angular，好像有點透露年紀了 😂。
大學時期選了電機系，有接觸過 C、Matlab 來控制機器人和一些 simulation，但我相信我現在應該都不記得怎麼寫了，當時一方面感覺可以用軟體控制現實世界的東西很有趣但一方面覺得當時軟體開發體驗很差，做什麼事情要測試都要很久，幫朋友開發一個非常陽春的電商平台才覺得做網站很有趣就跳下來做這個直到現在。
最新的 Podcast
EP33 - OpenAI & Google IO 五月一堆開發者大會
這兩天有 OpenAI 和 Google I/O 發佈會也不意外都是圍繞在 AI 這個技術，講講發佈了什麼和我覺得不同公司發布會的風格
May 15th, 2024這兩天有 OpenAI 和 Google I/O 發佈會也不意外都是圍繞在 AI 這個技術，講講發佈了什麼和我覺得不同公司發布會的風格
EP32 - React 19
期盼已久的 React 19 終於在兩年後上市了，beta 版本可以從 npm 下載嚐鮮一下
Apr 29th, 2024期盼已久的 React 19 終於在兩年後上市了，beta 版本可以從 npm 下載嚐鮮一下
EP31 - 五個好主管特質
工程師職涯上都會經歷被管或管人的階段，在我八年工作經驗中也遇過一些好主管也有不是特別好的，這邊列出五個我在好的主管上面看到的特質
Apr 22nd, 2024工程師職涯上都會經歷被管或管人的階段，在我八年工作經驗中也遇過一些好主管也有不是特別好的，這邊列出五個我在好的主管上面看到的特質
EP30 - 時間怎麼運作的
網站開發常常需要處理時間，如果處理不好或是顯示錯誤對使用者來說就很 confusing，這集聊聊怎麼存和一些常用的 library，最後提一下 Temporal
Apr 2nd, 2024網站開發常常需要處理時間，如果處理不好或是顯示錯誤對使用者來說就很 confusing，這集聊聊怎麼存和一些常用的 library，最後提一下 Temporal
前端練習題
實現搜索框及搜索結果
題目
你需要創建電影搜索功能。應用程序應包含一個搜索框，讓用戶輸入搜索查詢。當使用者輸入時，搜索結果應動態顯示在搜索框下方。你將使用 React 來實現前端邏輯，並使用 Tailwind CSS 來進行樣式設計。
需求
- Search Box
- 創建一個輸入框，讓使用者可以輸入電影名字搜索查詢
- 輸入框要有 placeholder "搜尋電影..."。
- 搜尋結果
- 當使用者輸入時，動態顯示搜索結果
- 每個搜索結果要有產品名稱和價格
- Styling
- 使用 Tailwind 來設計元件樣式
Bonus
- debounce 打字搜索
- 同一個 input 可以查詢電影名稱和類型
Why？ 為什麼開這個 Podcast？
個人喜歡分享和大家聊聊與交流前端軟體工程的新知也同一時間幫助自己了解更多，畢竟要解釋講解東西的話我自己得先搞懂才行。
中文圈的 podcast 有蠻多聊科技類的但很多都是新聞比較多而講工程技術類的尤其 web 的東西偏少，所以想盡一點自己的綿薄之力在大家通勤或 debug 時候可以一起學習、一起成長、一起變成更好的工程師。