繼上次介紹了HTML和CSS後，一直思考著怎麼介紹JavaScript。這個令人又愛又恨的語言，在我轉行的過程中，扮演著重要的腳色。
這一切都要從我開始看HTML和CSS的資料開始，我一直以為，學習程式語言是必須一步步的，假設你要學好英文，你要先讀會A到Z，但一切都顛覆了我的想像。學習前端語言，HTML和CSS儘管是基礎，卻不是學習JavaScript需要的基本功。這三種語言同時進行學習，可以達到加倍的效果。
而JavaScript更是推進我想轉職的大推手，在枯燥的HTML之下，配合著CSS的視覺效果與JavaScript的邏輯性，讓我更加愛上寫code。當然這感覺每個人不一樣，有些人偏好CSS的成效，用CSS做出美美的網頁。
不管你覺得你喜歡哪一種，都不需要在一開始將自己定位。有一天你會發現，你對特定的範圍深愛到發狂(有沒有這麼嚴重XD)。像我個人目前，深深地愛上研究如何只使用一個迴圈Loop，徹底實現O(n)的人生目標(人生目標好渺小)。
回歸正題，讓我用我淺薄的知識來介紹一下JavaScript，俗稱JS。
各位一定有聽過Java，Windows電腦動不動就要你安裝的那個Java。很多人一開始都誤會Java就是JavaScript，我也不例外，但這兩個可是天差地遠的東西。JavaScript就是JavaScript，跟Java一點關係都沒有。
JavaScript是現行前端十分流行的語言，是一個可以直接在瀏覽器上實行，而不需要後端協助的語言。在瀏覽器上，你也可以直接打入你的JS程式碼來跑。如果說HTML是展現網頁的文字、圖案，CSS是展現顏色和設計，JS則是可以呈現網頁的互動。有了JS的配合，網頁可以更加生動多元。除此之外，Node.js的存在，也讓JavaScript更加流行，因為你只需要熟悉一種語言，前後端可以說是通包了。最後，JavaScript是一個比起其他語言更容易入門的語言，因此也受許多人喜愛。
這樣聽起來JavaScript好像沒有缺點? 別忘了，我上面提到又愛又恨。這也要來解釋一下為什麼了，比起其他語言，JavaScript比較自由奔放，可以一下是數字(Number)、可以一下是文字(String)。這種說變就可以變得態度，雖然有時候很方便，學習上也比較沒障礙，卻常常造成Bug的出現。此外，也因為它可以直接在瀏覽器上跑，不需要透過翻譯，安全度上是比其他很多語言還低的。請看以下例子。
打開網頁按右鍵，選擇inspect(中文應該是檢視)，就會跑出視窗，打入1+1它就幫你算好了，這個就是在瀏覽器上直接打入的JavaScript程式碼。Facebook告訴你不要聽信他人在這裡隨便打入程式碼，可能會造成帳號被盜。
簡單介紹完了JavaScript，下面要介紹我當初學習的一些資源。如果你有看我的美國找工作 菜鳥碼農養成日記，會知道我並不是一開始就跑去學校上課。在選擇學校的文章中，我也提到，一定要自己先在家自學一陣子，先有一些基本知識，再去上課才會效果加倍。
首先要介紹的第一個免費網頁資源，不免俗的就是上次介紹的W3 school，它提供的最基本的JavaScript介紹，也有許多練習的題目可以做。JavaScript的範圍十分的廣，因為他的運用十分多元。W3 school的網頁提供一步一步該知道的知識。對於初學者來說，真的是淺顯易懂。
同樣為JavaScript從零到有的另一個網站是JavaScript Info，這個網站我認為介紹的比較深一點，每個主題都有全套的介紹。當初我是W3都看過以後再來看這個網站，會比較容易了解。網站上的資源也是免費的。它也有販售PDF的版本，我覺得如果可以隨時上網的話，網站就很好用了。這個網站的編排順序比較沒有依照程度，所以不一定要順著章節看。Intro和Fundamental後可以先從Data Types開始看，再看其他的主題。
另一個免費資源的網站是上次推薦的MDN，它可以說是JavaScript的超級大字典，包含了幾乎所有的主題。只是我都說是字典了，學語言不是背單字，不能翻開字典從第一頁開始背。所以MDN對我來說，用來查資料比較多。到現在都一直還有在用。
免費的資源網路上其實有很多文章，多到你會覺得這輩子都看不完。沒錯，這輩子真的看不完。當初我看完上面兩個網站，有了點基礎知識以後，我開始尋求實際操作的資源。
兩年前的感恩節夜晚，我自己一個人在家。盯在電腦面前，盤算了些什麼，於是我拿出信用卡，花了10元美金，買了一個課程。現在的我永遠都記得那一晚，買下課程後，我拿出了月曆，我給自己設下100天的學習計畫。(上次做這種計畫好像是N年前考國籍航空的時候)
我買的課程是在Udemy上面的課程 – The Web Developer Bootcamp，影片時間總共有47小時。算了算每天下班後可以學習的時間，大概需要一百天來達成，因為還要加上實作時暫停影片的時間。
Udemy是美國很有名的線上課程網站，網站上有許多內容五花八門，你不一定要跟我買一樣的課程，影片幾乎都可以試聽、試看，可以選擇自己喜歡的老師。這些老師大部分都有TA，如果有任何問題，可以email或留言給TA，很快就會有人回答。
如果跟我一樣選擇這堂課的朋友，千萬不要只用看的，一起實作才會有最佳的學習效果喔!
使用Udemy網站，有一個重點。那就是千萬不要買原價!!網站很常特價，課程特價前後價差很大，像我那堂課可能沒特價會是100多美金，將自己的預算設到15元以下就可以了。
這堂課我看到70%時，我已經非常確信我想要走這條路，於是開始尋覓學校和其他學習資源。後來成功在100天到達前，開始了實體Bootcamp的課程，也開始了下一步的三個月計畫。
如果在我的100天計畫的第一天，你問我100天後要做什麼，我絕對回答不出來。”不要想太多，做就對了” 是我的座右銘之一。一步一步走，總會走下去，總會走到你喜歡的景點，觀賞一下後在繼續下一個旅行篇章。
以上簡單介紹我學習前端語言的資源和心路歷程，希望可以藉由這些過程，讓大家更了解前端所需具備的知識和轉職的一些心情。
任何問題歡迎留言或私訊，喜歡我的文章歡迎分享給讚喔!
延伸閱讀