好的方法就是開始寫唄，一點一點的來1.你要模仿頁面和交互，html，css，js要么jquery你得會吧，取巧一點可以利用bootstrap；頁面和樣式可以用firebug或者chrome開發工具一點一點的扒（想我仿的淘寶就是這么干的），ajax，json啥的要懂，你大體寫一個類似的網頁應該沒問題了吧2.要有數據，后臺你得有吧，ssh啥的有點忘了，反正自己寫的網頁很大一部分是CRUD的東西，先實現基本功能再慢慢加吧3.數據庫，用關系型數據庫還是非關系型還是都用？自己寫個項目的話可以先就用mysql，具體的數據庫可以自己嘗試建一個呀，就是各種關系比較煩，參考一下數據庫的書吧手機碼字，就醬。

Web 前端開發大致上是，創建出 Web 網頁以供用戶瀏覽使用等。主要通過 HTML、CSS、JavaScript 等技術來實現交互。

所面臨的挑戰主要有幾點：

一、

Web 的載體的多樣性。

以瀏覽器為例，分別有 IE，Chrome，火狐等。雖然有 ECMA 委員會進行標準化，但不同瀏覽器對 HTML、CSS、JS 等支持程度還是存在差異。所以需要進行兼容處理。

而且，這還會另測試的復雜度上升。

二、

Web 前端開發的工程化問題。

在以前，Web 前端開發是極度依賴于后端的，例如 JSP、PHP 等前后端代碼混雜，這段時期，前端的工程化問題還不算凸顯。

而隨著 MVVM 的普及，前后端的分離，本身的前端項目需要有一定的組織，協作，需要有前端的一套工程化解決方案。

包括組件化開發，單元測試，增量更新，代碼壓縮混淆，項目的打包構建發布等。

三、

Web 框架之間的不兼容。

Web 開發中，躲不開的是三大框架 React、Angular、Vue。而框架與框架之間存在明顯的溝壑。

對于一個 Web 前端項目來說，其實使用哪種技術并不重要，重要的是能實現需求。但是在實際上，如果項目選定了某個框架，其他框架之間的某些組件或者解決方案并不能互通。

當然，現在的 Web Component 有希望解決這個問題，但是， Web Componet 的兼容性也存在明顯問題。

結語：

Web 前端開發所面臨的問題遠不止這些。當然，有問題就有解決方案，Web 前端技術就是在攻克這些問題上不斷演進。

這里推薦3個軟件，分別是Sublime Text,HBuilder和WebStorm，這3個軟件使用起來都不錯，自動補全、語法高顯亮等基本功能都有，下面我分別介紹一下這3個軟件的安裝和簡單使用：

1.Sublime Text：這個軟件代碼高亮、語法提示、自動補全，界面也挺華麗的，支持插件的擴展，除了前端常見的css,js,html等，還可以編輯c++,java,python等幾十種編程語言，下載的話，可以直接到官網下載，地址https://www.sublimetext.com/3，選擇自己平臺合適的版本就行：

安裝成功后，雙擊打開這個軟件，界面如下，挺符合程序員的風格的，感興趣的話，可以裝裝試試哈：

2.HBuilder：這個是專門用于前端開發的一個軟件，大部分做前端開發的人都應該聽過或者使用過，對于開發css,js,html來說，是一個很不錯的選擇，其次，開發完成后，還可以利用這個軟件云端打包的功能，將開發的html打包成一個安卓或ios應用，下載地址http://www.dcloud.io/，如下，選擇適合自己的版本：

安裝成功后，雙擊打開這個軟件，主頁面如下：

3.WebStorm：這個是Jetbrains公司的產品，專門用于web開發的一個軟件，對于開發前端來說，是一個很不錯的選擇，許多前端開發的人員都在使用，但不是免費的，試用期只有30天，過后就需要付費了，只不過網上可以找到注冊碼，官網地址https://www.jetbrains.com/webstorm/，直接點擊下載就行：

下載完成后，打開這個軟件，主界面如下，看著挺不錯的：

目前，就介紹這3個軟件吧，對于前端開發來說都不錯，選擇適合自己的一個就行，當然還有其他軟件，像atom,vscode等，這里就不詳細介紹了，感興趣的可以自己搜一下，網上也有相關資料和教程，希望以上分享的內容能對你有所幫助吧。