好的方法就是開始寫唄，一點一點的來1.你要模仿頁面和交互，html，css，js要么jquery你得會吧，取巧一點可以利用bootstrap；頁面和樣式可以用firebug或者chrome開發(fā)工具一點一點的扒（想我仿的淘寶就是這么干的），ajax，json啥的要懂，你大體寫一個類似的網(wǎng)頁應(yīng)該沒問題了吧2.要有數(shù)據(jù)，后臺你得有吧，ssh啥的有點忘了，反正自己寫的網(wǎng)頁很大一部分是CRUD的東西，先實現(xiàn)基本功能再慢慢加吧3.數(shù)據(jù)庫，用關(guān)系型數(shù)據(jù)庫還是非關(guān)系型還是都用？自己寫個項目的話可以先就用mysql，具體的數(shù)據(jù)庫可以自己嘗試建一個呀，就是各種關(guān)系比較煩，參考一下數(shù)據(jù)庫的書吧手機碼字，就醬。
Web 前端開發(fā)大致上是，創(chuàng)建出 Web 網(wǎng)頁以供用戶瀏覽使用等。主要通過 HTML、CSS、JavaScript 等技術(shù)來實現(xiàn)交互。
所面臨的挑戰(zhàn)主要有幾點：
一、
Web 的載體的多樣性。
以瀏覽器為例，分別有 IE，Chrome，火狐等。雖然有 ECMA 委員會進行標準化，但不同瀏覽器對 HTML、CSS、JS 等支持程度還是存在差異。所以需要進行兼容處理。
而且，這還會另測試的復(fù)雜度上升。
二、
Web 前端開發(fā)的工程化問題。
在以前，Web 前端開發(fā)是極度依賴于后端的，例如 JSP、PHP 等前后端代碼混雜，這段時期，前端的工程化問題還不算凸顯。
而隨著 MVVM 的普及，前后端的分離，本身的前端項目需要有一定的組織，協(xié)作，需要有前端的一套工程化解決方案。
包括組件化開發(fā)，單元測試，增量更新，代碼壓縮混淆，項目的打包構(gòu)建發(fā)布等。
三、
Web 框架之間的不兼容。
Web 開發(fā)中，躲不開的是三大框架 React、Angular、Vue。而框架與框架之間存在明顯的溝壑。
對于一個 Web 前端項目來說，其實使用哪種技術(shù)并不重要，重要的是能實現(xiàn)需求。但是在實際上，如果項目選定了某個框架，其他框架之間的某些組件或者解決方案并不能互通。
當然，現(xiàn)在的 Web Component 有希望解決這個問題，但是， Web Componet 的兼容性也存在明顯問題。
結(jié)語：
Web 前端開發(fā)所面臨的問題遠不止這些。當然，有問題就有解決方案，Web 前端技術(shù)就是在攻克這些問題上不斷演進。
這里推薦3個軟件，分別是Sublime Text,HBuilder和WebStorm，這3個軟件使用起來都不錯，自動補全、語法高顯亮等基本功能都有，下面我分別介紹一下這3個軟件的安裝和簡單使用：
1.Sublime Text：這個軟件代碼高亮、語法提示、自動補全，界面也挺華麗的，支持插件的擴展，除了前端常見的css,js,html等，還可以編輯c++,java,python等幾十種編程語言，下載的話，可以直接到官網(wǎng)下載，地址https://www.sublimetext.com/3，選擇自己平臺合適的版本就行：
安裝成功后，雙擊打開這個軟件，界面如下，挺符合程序員的風(fēng)格的，感興趣的話，可以裝裝試試哈：
2.HBuilder：這個是專門用于前端開發(fā)的一個軟件，大部分做前端開發(fā)的人都應(yīng)該聽過或者使用過，對于開發(fā)css,js,html來說，是一個很不錯的選擇，其次，開發(fā)完成后，還可以利用這個軟件云端打包的功能，將開發(fā)的html打包成一個安卓或ios應(yīng)用，下載地址http://www.dcloud.io/，如下，選擇適合自己的版本：
安裝成功后，雙擊打開這個軟件，主頁面如下：
3.WebStorm：這個是Jetbrains公司的產(chǎn)品，專門用于web開發(fā)的一個軟件，對于開發(fā)前端來說，是一個很不錯的選擇，許多前端開發(fā)的人員都在使用，但不是免費的，試用期只有30天，過后就需要付費了，只不過網(wǎng)上可以找到注冊碼，官網(wǎng)地址https://www.jetbrains.com/webstorm/，直接點擊下載就行：
下載完成后，打開這個軟件，主界面如下，看著挺不錯的：
目前，就介紹這3個軟件吧，對于前端開發(fā)來說都不錯，選擇適合自己的一個就行，當然還有其他軟件，像atom,vscode等，這里就不詳細介紹了，感興趣的可以自己搜一下，網(wǎng)上也有相關(guān)資料和教程，希望以上分享的內(nèi)容能對你有所幫助吧。