前端學習指南

        引言：前端到現在已經發展了很長時間，在最初的時候前端隻是占了項目開發的很小的一塊比例，到現在前端開發的比重已經越來大，而且就學習難度而言，前端确實比後端要少很多的邏輯操作，起碼可以少掉好多頭發。

        像我大學的時候其實學的專業是計算機科學與技術（嵌入式），跟前端基本沒什麼關系，但是當時我們學的東西很雜，像什麼8084，asp.net，資料庫，HTML CSS JS等等都學了，基本什麼領域我們都學過一點，但是都是那種皮毛，在學習的過程中就慢慢對HTML CSS JS産生了興趣，看到平常的一些網站的前端頁面，真的是覺得很好看，很有創意，而且越來越發現前端真的很有趣，而且直到現在我也是這麼認為。然後通過自學+實習慢慢的也接觸到了各種各樣的架構、新技術，那時候才發現前端真的自成一方世界，以前需要前後端配合的項目，現在前端可以自己解決，真的是有趣、好玩。

       廢話不多說，這就開始來：

       首先，這篇文章是針對初學者的，所講述的也都是我自己的學習方法和思路，供大家參考，反正不管學習什麼，首要的一點就是真的對這行感興趣，這樣才能有心力學下去，因為大家都知道畢竟學習技術是很枯燥的。

一、編譯器選擇

1. Visual Studio Code

2.HBuilder

       這兩個我覺得是挺不錯的編譯器了，用VS Code的話也可以下載下傳常用的幾個插件，讓你寫代碼的時候更友善，之後我在用的幾個插件放出來。

二、前端基礎

1.HTML + CSS

2.JavaScript

      這兩項語言是前端的第一步，可以說掌握這兩項技術是之後學習新技術、架構的基礎，重中之重。在我的了解中，這兩項技術缺一不可，希望大家可以把這個基礎打牢，HTML和CSS負責的是對頁面整體排版、樣式的搭建，JavaScript用來執行一些邏輯操作，包括對浏覽器的監聽，頁面各個事件的監聽，這兩者配合就可搭建出一個完整的前端頁面。

      這裡向大家推薦一個學習的網站：菜鳥教程

https://www.runoob.com/

      我個人認為這裡還是講的挺不錯的，他主要講的就是基礎的文法，和一些簡單的小例子。在學習的時候建議大家一小節一小節的學習，邊學邊練，這樣才能加強記憶，因為文法有一大部分都是要記得，尤其重要的是   練習 > 死記 > 概念，不管任何一種技術的學習首要的就是練習。

      當文法已經掌握後，就可以開始第一個階段的練習，網站練習，可以模仿幾個網站，在不看網站源代碼的情況下，隻憑自己進行99%的還原，所需要的圖檔可以直接拷原網站的，但是代碼一定不要看，當遇到問題優先自己解決，然後自己解決不了可以搜問題找答案，一定要明白解決該問題的思路是什麼，看源代碼永遠不能讓自己的技術提高。

      這種網站練習剛開始的時候一定是比較難的，可能有時候兩三天甚至一周都無法搭建好頁面，但是一定要堅持下去，大佬們的速度全都是練出來的，你沒有思路是因為你沒有遇到過這樣的問題，你下不去手是因為你沒有經驗，經驗是哪來的？就是這樣日常的練習中來的。

三、進階技術

1.jQuery.js

2.CSS 過渡及動畫

     jQuery是前端開發者的必備技能，可以了解為是JavaScript的進階版，它簡化了js的很多操作，用起來更友善了，不過你要非用原生js也可以。

     再來說 過渡和動畫 ，這兩者其實是屬于css技術的範疇，但是我把它拿到進階技術裡講并不因為他很難，而是因為它很重要，因為在現階段的前端開發中，我們已經不僅僅滿足于基礎的樣式，現在考慮更多的是使用者體驗，也就是整體的頁面流暢度和使用者與頁面之間互動，而css中 過渡及動畫就可以很好的解決。

     在這裡給大家推薦兩個動畫常用的插件庫，适用于所有人。

anime.js官網_免費、靈活的輕型JavaScript動畫庫 | animejs    

Animate.css | A cross-browser library of CSS animations.

     一個是js動畫庫，一個css動畫庫，請各位自取

四、前端架構、庫

1.Bootstrap.js

https://v3.bootcss.com/

2.React.js

https://react.docschina.org/

3.Vue.js

https://vuejs.org/

       這三個是最常用的庫（架構），當然這裡并沒有Angular.js并不是因為他不重要，隻是這個架構用的相對較少，是以暫不考慮，我上述列舉的架構其實學習第一個  然後第二第三挑一個學習就行，因為Vue.js和React.js兩個架構挺像的，是以就算之後有需要學習另一種架構是可以很快學會的，具體說一下React和Vue，兩者如果想要最快時間上手的話，那麼我推薦學習Vue，因為文檔是中文的，而且是國人在開發的，是以在很多方面都對國人很友好，而且使用這種架構的公司也很多，學習成本是最少的。

      其實還有很多技術都還沒有講到，但是上述的這些是最為常用的，可以說是前端開發入門 + 初級階段需要掌握大部分技術，具體每項技術的學習流程以官網的文檔開展就完全可以，遇到不懂的地方可以直接搜，技術性的文章很多很多，也可以直接私信我，雖然我還不是大佬，但是确實我是比較喜歡幫助别人解決問題的，還有一點很重要：

       一定不要照搬照抄你看不懂的代碼，所有的代碼一定要有它存在的意義。

     最後，希望想從事前端開發的各位，可以學有所成。