Day1 前端自學心得 | 我要找工作
![Day1 前端自學心得](https://i.imgur.com/sLIY79K.jpg)
想學網頁前端,卻像在大海中迷航,不知道從何下手嗎?這30篇文章為我的學習做筆記,也分享給自詡為門外漢的你。從準備自學,到開始自學,最後可以執行基礎的切版。
![Day1 前端自學心得](https://i.imgur.com/sLIY79K.jpg)
想學網頁前端,卻像在大海中迷航,不知道從何下手嗎?這30篇文章為我的學習做筆記,也分享給自詡為門外漢的你。從準備自學,到開始自學,最後可以執行基礎的切版。
要說我有多門外漢?我到大學畢業一年後才擁有自己的第一台桌機,工作5年後才買第一台筆電。電腦技能五隻指頭數得出來,甚至還曾經自詡為3c終結者的我,居然要自學網頁前端!
興趣的萌芽,是來自幫朋友用wix平台做網站,開始好奇怎麼從零做出一個網站。當時興沖沖到圖書館借的第一本書是講dreamweaver,嗯,完全看不懂!
為此,報名了大學推廣部的網頁設計課程。當時已經是2017年,課程卻很老派,以after effect、dreamweaver、photoshop、illistrator為主軸之外,再多搭個flash課程,就沒了。重點是課程沒有形塑觀念,只是每個軟體淺淺摸一下就結業,我連切版都不會。
兩年後,搬回家鄉,才開始摸索自己到底該學什麼。
自學的準備搬回家鄉後,也還沒開始自學,而是花了將近一個月的時間,上網搜尋關於web領域的各種名詞解釋,了解什麼是網頁前端技術,當時參考的平台有:
ptt(soft_job版) 爬無數的文章看前人經驗 front-end developers Taiwan[1] 了解別人都在學什麼 去 資策會[2]看他們的課程內容,然後把看不懂的課程名稱google過一輪一開始一定看不懂他們在說什麼,一堆專有名詞搞得頭很暈,問超外行的問題被恥笑、勸退,如果到這樣你還是很想學,那麼恭喜你,你已經在路上了。帶著這份學習的衝動,遇到不懂的專有名詞就去google,然後整理出該學的技術清單(最基礎的前端技術就是HTML、CSS、javascript)、收集各種學習資源,然後就開始學習吧!
開始自學當時我選擇的自學資源是:
...Day1 前端自學心得 | 我要找工作
「自學程式現場」什麼是前端工程師? | 我要找工作
【大學生自學前端】不要怕,做就對了! | 我要找工作
【轉職心得】從零到前端工程師,我到底做了哪些努力? | 我要找工作
前端工程師是什麼?前端後端差別|薪水 | 我要找工作
前端工程師自學路 | 我要找工作
可以靠自學成為前端工程師嗎?首先你要先會這個... | 我要找工作
網頁設計教學課程推薦,完整前端自學資源分享【2023最新】 | 我要找工作
轉職前端工程師的一路上:自學篇 | 我要找工作
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 門氏國際有限公司全職助理工程人員
門氏國際有限公司開出助理工程人員職缺2 名,主要工作內容有:負責產品設備的配線/安裝與故障排查相關工作.時薪制.工讀可.台...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 嵐奕科技有限公司全職IOT韌體工程師(此為現場徵才活動職缺)
嵐奕科技有限公司開出IOT韌體工程師(此為現場徵才活動職缺)職缺5 名,主要工作內容有:1.EmbedLinux韌體維護作業。2.Arduino...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 美商英特爾亞太科技有限公司台灣分公司全職助理工程師 - 一年期合約制
美商英特爾亞太科技有限公司台灣分公司開出助理工程師-一年期合約制職缺1 名,主要工作內容有:•協助各工程單位完成任務•完...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 台灣麥迪康有限公司全職Quality Engineer
台灣麥迪康有限公司開出QualityEngineer職缺1 名,主要工作內容有:•Conducttheprocessofcustomercomplaintsandfollowuponsu...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 富台工程股份有限公司全職管線工程師(台北)(符合安穩雇用2.0計畫)
富台工程股份有限公司開出管線工程師(台北)(符合安穩雇用2.0計畫)職缺2 名,主要工作內容有:1.管線設計、管線3D設計2.協助...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 易勝資訊股份有限公司全職.net Core 軟體開發工程師 (雲端平台系統)(請以電子履歷投遞)
易勝資訊股份有限公司開出.netCore軟體開發工程師(雲端平台系統)(請以電子履歷投遞)職缺3 名,主要工作內容有:1.雲端系統專...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 宜萌國際有限公司全職燈具網拍公司 網拍 網頁 網站管理 網頁管理人員 可年後上班
宜萌國際有限公司開出燈具網拍公司網拍網頁網站管理網頁管理人員可年後上班職缺1 名,主要工作內容有:1.網站內容維護、後台...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 倫發科技有限公司全職NOC Engineer 維運工程師(此為現場徵才活動職缺)
倫發科技有限公司開出NOCEngineer維運工程師(此為現場徵才活動職缺)職缺5 名,主要工作內容有:活動時間:111年3月26日(星...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 亞太電信股份有限公司全職【網路技術專業】行動核心/數據網路規劃工程師※適用政府安穩雇用計畫
亞太電信股份有限公司開出【網路技術專業】行動核心/數據網路規劃工程師※適用政府安穩雇用計畫職缺1 名,主要工作內容有:※...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 所羅門股份有限公司全職JavaScript工程師-VBU(視覺事業處)
所羅門股份有限公司開出JavaScript工程師-VBU(視覺事業處)職缺2 名,主要工作內容有:1.開發視覺產品之前端介面並持續優化使...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 易勝資訊股份有限公司全職Golang後端工程師(IoT物聯網應用) (請以電子履歷投遞)
易勝資訊股份有限公司開出Golang後端工程師(IoT物聯網應用)(請以電子履歷投遞)職缺1 名,主要工作內容有:使用技術條件:熟...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 景佳科技有限公司全職專案管理師
景佳科技有限公司開出專案管理師職缺2 名,主要工作內容有:專案控管.客戶訪談.文件整理,以下為該職缺詳細資訊:公司名稱:...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 易勝資訊股份有限公司全職DevOps 支援工程師 (FAE)(請以電子履歷投遞)
易勝資訊股份有限公司開出DevOps支援工程師(FAE)(請以電子履歷投遞)職缺1 名,主要工作內容有:1.支援DevOps產品的推廣與教...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 勤馥實業有限公司全職網頁管理專員(符合安穩僱用2.0)
勤馥實業有限公司開出網頁管理專員(符合安穩僱用2.0)職缺1 名,主要工作內容有:規劃網站的形象、功能,並進行網頁視覺設計...
![](https://i.imgur.com/sLIY79K.jpg)
台北市職缺 - 三六零資訊科技股份有限公司全職網頁前端工程師
三六零資訊科技股份有限公司開出網頁前端工程師 職缺1 名,主要工作內容有:《此為才庫關係企業【三六零資訊科技】內部正...