如何自學web前端開發？精細的自學步驟是什麼樣的？【附勺子】

目標人物是，一個文科的女生，27歲，非計算機專業，自學的情況下感覺太慢。也擔心學習計劃制定的有問題。所以想問一個具體的學習計劃，包括時間點什麼的。

前端開發是技術學習，它有利益的驅動，高工資嘛。但它更應該是興趣驅動。那麼現在的興趣是什麼呢？學習web前端開發，學了之後能做什麼呢？能做一個網站。

那麼在當前階段，我們的目標是做一個網站。分析需求實現的步驟如下，

第1步，要先會html

第2步，要做css

第3步，要掌握JavaScript

第4步，要掌握 node

第5步，要掌握vue

上面是大概的步驟，接下來我們把這些步驟細化。

首先要搞清楚HTML是什麼東西，該怎麼樣去用。這個很簡單大概1~3天應該就差不多吧，

然後是css的基本使用，這裏面有以下幾個關鍵點，

盒模型，定位，活動，行級、塊級轉換，清除浮動，各種常用排版，優先級，選擇器，基本上也就這些東西吧，css並不是太複雜的東西。然後css3和常用的動畫，在剛開始的時候並不需要去着急學習他。這些東西有一週的時間應該夠用了，

也就是說在7~10天的時間內你應該會搞懂html和css的使用。然後再做一些比較典型的頁面，例如京東的首頁呀，網易的頁面，淘寶的一些頁面，還有一些個什麼活動頁面，就是一些常見的頁面，你做上兩三個3、4個基本也就可以了。

總體來講零基礎的同學呢，在自學的情況下半個月的時間，全部搞定htm和css網頁製作。

接下來第二階段就是JavaScript。

對於初學者來講JavaScript，這個地方不建議投入太多的精力，因爲這裏面很多的概念和底層的實現，在短期內通過自學啊，不是很容易理解。

所以最好還是先掌握了基本的語法，例如，var、this、for、if else、function、array、Object、{}，等。熟悉基本的業務邏輯開發思想，在腦子裏邊能夠建立基本的程序運行的邏輯思路，就可以了。至於JavaScript更深層次的理論，底層的運行規律啊，可以放在以後慢慢的去掌握。

在這一個階段比較適合的實例是基本的dom操作，例如，點擊按鈕實現一個顯示、隱藏的切換效果；或是輪播圖左右滾動之類的。JavaScript的入門語法並不困難，在這一階段，主要掌握簡單需求的開發邏輯思想。

學習時限嘛，

1、基本語法三天；

2、掌握基本操作三天；

3、幾個小例子，一週；

So，半個月搞定原生JavaScirpt操作。

接下來是jQuery，這個js庫，現在不是特別的火熱，但也有相當的市場佔用率。所以我個人的建議是，你可以學，也可以跳過。

再接下是node，它的學習比較複雜，不建議新人入坑太深。它涉及的網絡方面的內容相對多一些，日常工作中，

1、node是什麼？怎麼安裝？

2、npm是什麼？怎麼用它安裝node的各種包？

搞定這二個就行了，三天足夠了。

再往下是VueJs，它比較簡單，先不要看它太深入的一些原理啊、概念什麼的，