前端輕鬆聊,
和大家一起學習最新的前端知識
前端輕鬆聊是一個在溫哥華科技公司擔任資深前端工程師Eric所主持的頻道。想帶給聽眾前端的知識、一些你可能不知道的tips、工程師的職涯發展以及國外第一手前端技術的新聞
最新的電子報
透過寫作和教學幫助自己學習
在瞬息萬變的技術圈中，如何更好的幫助自己學習
Oct 16th, 2024在瞬息萬變的技術圈中，如何更好的幫助自己學習
Zed AI 一週心得
AI 在 editor 裡面真的能幫助到工程師做每天的工作嗎
Sep 11th, 2024AI 在 editor 裡面真的能幫助到工程師做每天的工作嗎
Junior Engineer 可以快速進步的方法
三個可以讓你在軟體工程領域快速進步的方法
Aug 21st, 2024三個可以讓你在軟體工程領域快速進步的方法
Demystify Code Review
軟體工程為何要做 code review
Aug 7th, 2024軟體工程為何要做 code review
Who? 我是誰 ?
我叫 Eric，目前人在加拿大在一間電動車公司 Rivian 擔任資深軟體工程師，目前主要使用的技術有 React、TypeScript、GraphQL、Next.js 等等，以前也有接觸過 Vue 2 和 Vue 3 然後更早期也有使用過 AngularJS 和 Angular，好像有點透露年紀了 😂。
大學時期選了電機系，有接觸過 C、Matlab 來控制機器人和一些 simulation，但我相信我現在應該都不記得怎麼寫了，當時一方面感覺可以用軟體控制現實世界的東西很有趣但一方面覺得當時軟體開發體驗很差，做什麼事情要測試都要很久，幫朋友開發一個非常陽春的電商平台才覺得做網站很有趣就跳下來做這個直到現在。
最新的 Podcast
EP35 - 我們如何開發一個 Landing Page
做了將近兩個月終於把新的 Landing Page 弄上線，講講這次中間的過程和學到的新東西
Jun 12th, 2024做了將近兩個月終於把新的 Landing Page 弄上線，講講這次中間的過程和學到的新東西
EP34 - 和 AsyncTalk 聊聊面試 ft. Annatar
很榮幸這次和 AsyncTalk 主持人 Annatar 一起講講不同地方的面試和現在的就業市場，雖然感覺目前不太樂觀但有慢慢好轉的跡象，只能準備好等待好的機會。
Jun 4th, 2024很榮幸這次和 AsyncTalk 主持人 Annatar 一起講講不同地方的面試和現在的就業市場，雖然感覺目前不太樂觀但有慢慢好轉的跡象，只能準備好等待好的機會。
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 下載嚐鮮一下
前端練習題
實現搜索框及搜索結果
題目
你需要創建電影搜索功能。應用程序應包含一個搜索框，讓用戶輸入搜索查詢。當使用者輸入時，搜索結果應動態顯示在搜索框下方。你將使用 React 來實現前端邏輯，並使用 Tailwind CSS 來進行樣式設計。
需求
- Search Box
- 創建一個輸入框，讓使用者可以輸入電影名字搜索查詢
- 輸入框要有 placeholder "搜尋電影..."。
- 搜尋結果
- 當使用者輸入時，動態顯示搜索結果
- 每個搜索結果要有產品名稱和價格
- Styling
- 使用 Tailwind 來設計元件樣式
Bonus
- debounce 打字搜索
- 同一個 input 可以查詢電影名稱和類型
Why？ 為什麼開這個 Podcast？
個人喜歡分享和大家聊聊與交流前端軟體工程的新知也同一時間幫助自己了解更多，畢竟要解釋講解東西的話我自己得先搞懂才行。
中文圈的 podcast 有蠻多聊科技類的但很多都是新聞比較多而講工程技術類的尤其 web 的東西偏少，所以想盡一點自己的綿薄之力在大家通勤或 debug 時候可以一起學習、一起成長、一起變成更好的工程師。