鐵人賽終於過了1/3拉，今天來分享下半場的學習紀錄

202303第一輪面試後

面試一輪後發現大多數公司很在意JS能力，作品幾乎沒有與JS有關的功能，很少公司只要會切版就好，而且我切版也不太行，速度跟經驗都不足

努力的方向

• JS好好認真面對！
• React也需要多熟悉運作方式
• 多找一些小專案練習
• 作品要增加一些功能

JS專區

無話可說，就是認真在認真...隨著實作經驗增加，也越來越看得懂這些原先覺得不可思議的符號?!

使用教材：

六角課程：JavaScript 核心篇

YT影片：【前端速成】JavaScript JS 快速入門｜Tiktok工程師帶你入門前端｜布魯斯前端

鐵人賽文章：JavaScript基本功修煉

鐵人賽文章：重新認識 JavaScript 系列文章

鐵人賽文章：JavaScript 原力覺醒 - 成為絕地武士之路

JS30專區

JS功力大增！！！雖然陣列方法還在熟悉中，但各種觀念有實作真的很讚！！！原先對於ES6的箭頭函式超級不熟，跟了幾天課程就熟悉了！！！

使用教材：

網站：JavaScript30

hackmd筆記：JS30 我要成為 JavaScript 大師

鐵人賽文章：新手也能懂的JS30

YT影片：深入淺出 Javascript30 快速導覽

WES BOS製作的一系列javascript教材，共有30個主題，每個主題有一個教學影片及範例檔案。

在學習的過程，他有幾點建議大家

• 培養學習的好習慣，可以有自己的學習步調，每天善用零碎的時間來學習這份教材，教學影片長度從十分鐘到一小時不等，可以抽空看完影片再找時間練習。
• 每個人的學習方式不同，大概有三種方式可以使用這份教材
   1. 看完整個影片，再跟著做一次
   2. 了解這個影片要做什麼，按暫停，然後用自己的方式完成之後，再回來看 影片
   3. 看影片的同時跟著做，看一段按暫停，做一次再繼續看
• 有很多方法跟答案可以完成這份教材的內容，影片的教學不一定是最好的方法，只要能完成都是好方法，不用擔心跟教材不一樣。
• 在教材中刻意不用design patterns、classes、clousures、frameworks，是希望大家用純javascript來練習，可以加深基礎知識與能力，知道怎麼做跟為什麼。
• 找朋友一起學習，一起討論課程內容，也可以在twitter上搜尋#javascript 30，尋找大家的討論，或是發問尋求解答。

我的學習方式

• 先看完一次範例影片順便練習英文聽力，大概能理解要做什麼，怎麼做。
• 再看一次深入淺出 Javascript30 快速導覽的影片，一個段落按暫停跟著操作，直到教學結束，因為會有一些額外補充或是其他人的發問，很值得了解。（大推Alex！！！面試篇還會再見到他！！！）
• 最後去看其他人的筆記，然後做自己的筆記，同時撰寫在readme跟medium。

上面濃縮一句就是英文課程搭配中文教學再加上各家筆記，最後製作自己的筆記。

但......我只看到第20天，目前還不好意思公開medium筆記，我是半途而廢的不認真少年，希望我早日抽空看完，原本還想順便挑戰鐵人賽JS30天

React專區

買Udemy課程前，先選了很多React影片、文章還有官方文件多熟悉hook的使用。後來發現會操作還不夠，基礎的知識跟觀念還是需要補充，但官方文件暫時還是啃不太下去，就想說用影片來系統性的認識，所以挑選了Udemy的課程，不過也沒有完全看完，還有蠻多篇章沒有看，主要是學習基礎觀念跟狀態管理工具，作品需要用到redux-saga。

使用教材：

YT影片：【前端速成】React 快速入門｜Tiktok工程師帶你入門前端｜布魯斯前端

Udemy課程：Complete React Developer in 2023 (w/ Redux, Hooks, GraphQL)

官方文件（舊）：https://zh-hant.reactjs.org/

官方文件（新）：https://react.dev/

踏入全端的原因

原先島島阿學專案缺後端，後來查了一些資訊，剛好也看到MERN Stack，想說好吧！想起聽過這麼一句話，你遲早都要xxx，不如現在就xxx，一時不慎就......踏入比JS更深的深淵

全端專區

買Udemy課程前，先選了很多MERN的小專案來熟悉練習一下，先列兩個我覺得很有趣的，詳細的部分作品篇會在說明。

對MERN一些操作有概念後，想說系統性的了解所以挑選了Udemy的課程，不過也沒有完全看完，還有蠻多篇章沒有看，主要還是選對我的作品有幫助的章節先看，像是後端OAuth實作、前後端串接、資料庫知識與操作，或是基礎觀念，這部份是準備面試用的，剩下的章節以後再來還債ＱＱ

使用教材：

YT影片：Build and Deploy a Full Stack MERN AI Image Generation App | Midjourney & DALL-E Clone

YT影片：Build Your ChatGPT AI App in React use OpenAI Api | MERN tutorial | Machine Learning

Udemy課程：Complete NodeJS Developer in 2023 (GraphQL, MongoDB, + more)

Udemy課程：2023 網頁全端開發

作品區

原先的作品作了一些修改，讓作品能展現出公司在意的技術(例如：狀態管理)與基本JS能力（例如：資料處理），詳細介紹後面作品篇會再多做說明。

攀岩網站

https://nobodyclimb.web.app/

原先只有靜態畫面，後改使用firebase服務。

新增功能：

• 會員登入（使用firebase auth服務）
• 新增文章
• 文章頁面無限滾動
• 文章頁面圖片輪播
• 頁面轉場特效
• 瀏覽頁面進度條
• 頁面搜尋

新增狀態管理 redux-toolkit

島島阿學

https://daodao-f2e-pi.vercel.app/partner

原先只做尋找夥伴切版畫面，後改為MERN stack，將前後端連接起來。

新增功能：會員系統（後端使用 passport套件 - google oauth登入、新增、修改個人資訊）

新增狀態管理 redux-saga

202307第二輪面試後

確定要去上班後，心情頓時輕鬆不少，決定徹底放空三週，完全沒有打開vscode，也沒也在看相關的資訊，想說未來應該每天都會......很充實？！快趁現在廢一波

學習紀錄就到這拉，有些細節離家出走了，想到會再補上來，記憶體容量有限，所以說紀錄真的很重要！！！