iT邦幫忙

2023 iThome 鐵人賽

DAY 4
0
Modern Web

前端轉職人生系列 第 4

前端轉職人生Day4-學習資源整理篇

  • 分享至 

  • xImage
  •  

終於來到我覺得比較容易分享,而且很有心得的篇章/images/emoticon/emoticon12.gif

推薦一個學習資源平台(剛好是我的side project

由於自己就是做自主學習相關的side project - 島島阿學,本身也很熱於學習新事物,對於學習資源的搜尋跟整理相當有心得,也做了使用者研究訪談了很多自學生。

在自主學習的規劃中,難題之一就是資源太多了,難以短時間內分辨與篩選合適的資源,對研究有興趣了解更多可以點選分享

因此和一群夥伴製作一個學習資源平台,希望號召有意願提供學習資源的志願者,來共同打造友善自主學習的社群,期待像是維基百科社群這樣運行。

如何使用呢?舉例來說,如果我想尋找網頁開發的相關資源,可以點選島島阿學網站的找資源,再點選資訊與工程,就有蠻多人提供他認為很棒的學習資源,可以提供正準備開始學習的夥伴參考,也很歡迎到右邊點選新增資源,推薦你認為很不錯的學習資源給大家。

不過由於參與的成員都是利用閒暇時間,因此還有很多待優化的地方,也持續在開發新功能,目前正在努力開發尋找夥伴的功能(後面在作品篇會詳細介紹),如果你也認同這樣的理念,也願意參與的話,非常歡迎加入我們!!

學習規劃流程

  • 參考他人經驗
  • 梳理自身需求、周遭資源
  • 嘗試建構學習地圖
  • 開始實踐與紀錄

通常我在尋找想學習的資源,大概就是重複上述這樣的流程,然後不斷的微調。

學習資源上也可以留意一下你比較喜歡與適合哪一種學習方式,舉例來說,我個人蠻喜歡影片學習,尤其是專案式的教學,比較喜歡透過實作帶來的成就感與做中學,然後再回頭補基礎知識。

學習資源來源

  • 網站
  • 課程
  • 鐵人賽文章
  • Medium文章
  • Hackmd筆記
  • 各種論壇
  • YT影片
  • Chatgpt

前端學習地圖參考

六角學院2022 前端開發者學習地圖
Step by step guide to becoming a modern frontend developer in 2023
紮實的網頁前端學習路線與資源推薦
程式導師實驗計畫第四期

前端學習經驗分享

2021 轉職前端工程師學習資源與心得分享
轉職心得分享|零程式基礎,自學八個月轉職前端工程師
【轉職心得】從零到前端工程師,我到底做了哪些努力?
轉職全端工程師三個月的心得 — 前情提要
【2021轉職前端工程師之旅】面試篇:為自己選的路堅持下去

如何規劃學習內容

參考完別人的經驗之後,由於島島阿學的前端技術是React,也有正在開發中的功能可以練習,還可以跟前輩大大們請益,因此在前端技術上就決定選擇React來學習,內容的選擇上就先以畫面為主,也就是切版,先從認識了解HTML跟CSS開始。

透過做功課後,大概了解學習地圖長這樣 HTML+CSS > Javascript > React

學習內容會是按照這個順序安排,但!前面其實有提到,會根據自己的需求做微調,我的學習內容中間JS大概只看了一點點,就先學React,後來才回頭補JS,詳細的部分後面會在說明。

學習資源分享

總共會區分五天分享五種類別

  • 不分區
  • HTML+CSS+Javascript
  • React與相關生態系
  • 小作品練習
  • MERN(Mongodb + Express + React + Node.js) + Next.js

不分區學習資源(Free)

w3schools
MDN
對我來說比較像是字典的角色

freecodecamp
codecademy
有很多課程可以嘗試看看

coursera
edx
可以輸入關鍵字web或是frontend,就會有蠻多可以學習的課程

Youtube
這個網站很有名,但你可能沒想到可以拿來學寫程式,基本上就輸入各種你想得到的中英文關鍵字,web、frontend、tutorial、前端、網頁開發、教學等等

iT邦幫忙
超多文章可以跟著實作,尤其是鐵人賽30天系列

今天就這樣拉!尋找學習資源好快樂?/images/emoticon/emoticon07.gif


上一篇
前端轉職人生Day3-策略&作息篇
下一篇
前端轉職人生Day5-學習資源整理篇
系列文
前端轉職人生30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言