首先要恭喜你，當前絕大部分的web應用你都可以做了；

HTML用做網頁基本結構的編寫，隨著HTML5的出現現，HTML具備了更多的功能；

CSS用做對頁面的渲染，美化，而CSS3的出現，更加炫酷的頁面渲染也不無可能；

JAVASCRIPT用做前端的特效，讓原本靜態的頁面變成了動態頁面。

做一個比喻，就好比設計一個機器人，HTML讓機器人有了基本的骨架和結構，而CSS就是給機器人穿上了衣服並且還化了裝，JAVASCRIPT就讓機器可以做一系列的動作，這是HTML+CSS+JAVASCRIPT在前端結合的用途。

而隨著NodeJs的出現，讓JAVASCRIPT從一個前端語言變成了全棧語言，JAVASCRIPT不再侷限於前端特效，也可以做後端服務，配合資料庫技術與AJAX技術，絕大部分應用都可以做了。

這三東西就是幹前端的！

前端能幹什麼，網頁！小程式！安卓（前提你還得會JAVA）！

學了這三個後還在問能做什麼的，證明你根本還沒學會。

繼續學！

可以做一個簡單的安卓應用了，先用HTML、CSS和JS做好頁面，然後用HBuilder的雲端打包功能打包成一個apk檔案，安裝到自己的手機上，下面我簡單介紹一下實現過程：

1.下載HBuilder，這個直接到官網上下載就行，如下，選擇“APP開發版”：

2.下載完成後，解壓這個壓縮檔案到一個任意一個資料夾，如下：

這裡我們新建一個app.html檔案，主要內容如下，就是一個簡單登入介面：

用瀏覽器開啟效果如下：

到此，app已經打包完成，我們直接可以在手機端進行安裝，效果如下：

至此，我們就完成了將HTML，CSS和JS寫的網頁打包成了安卓App。總的來說，整個過程不難，就是有些繁瑣，需要配置一些引數，我這裡的示例比較簡單，你可以把介面寫的更好、更豐富一些，然後打包成一個手機app，使用一下，當然，你也可以打包成桌面應用，方法也很多，網上也有相關資料和教程，感興趣的可以搜一下，希望以上分享的內容能對你有所幫助吧，也歡迎大家評論、留言。

這些都是一個前端一些基本技能。掌握的不錯的話，可以做一些pc網頁。如果要再往下學，就是cs3以及html5。恭喜你，這個時候你就會將傳統網頁做到手機適配了。之後深入學習前端的三大js庫（vue,angular,React）再配合一些移動端，又愛框架。你就可以做一個簡單的混生應用了。這些都會了的話微信小程式對你來說也不是難事。最後的就是node。當你會用這個去操作資料庫，你已經可以算是一箇中高階的前端工程師。

對於一個初學者或者想踏入軟體開發的人來說，都很關心這個問題。我該學那些技術？怎麼學？學完後我能做什麼？能解決職場中遇到問題嗎？我是自學還是參加培訓？薪資多少？等等的一系列問題。那麼；今天我們就來聊一聊關於新手學習開發這條路該怎麼走。我曾經也是一個新手小白轉行過來的，剛畢業參加工作的時候也不是做的開發；畢業後就做的UI設計，還有電商平面這一塊，一直做了三年，工作中開始接觸到html和css。後來在16年初的時候開始逐步轉型為做開發。如果你是新手，想入門開發，那麼html+css+javascript一定是你必經之路；剛開始學習html和css的時候，我也是上網查，不懂就百度。特別是css裡面的那些樣式，定位，浮動，盒子模型啊什麼的，還有div+css佈局，都是跟著網上的教程一步一步地做，遇到問題就查，然後解決，千萬不能不懂就算了，不然下次遇到還是不懂。基本上大部分的html和css的學習問題你都能透過網際網路找到答案，或者直接上網學習或者買一本書就可以入門，很簡單；學完這些，你就可以獨立的寫出一套完整的靜態頁面了。如果想要頁面有動效和使用者互動，那你就的學習js了，他們是你學習web開發的基礎，在學習js的時候也不用擔心學不懂，因為之前你有了上網學習html的經驗；js的學習就要從變數的定義、資料型別、js內建物件，函式這些入門，然後是常見的DOM、BOM操作，定時器的使用，然後閉包、原型、原型鏈這些，會這些你基本上就可以寫頁面的輪播特效，tab切換，幻燈片等互動特效了，當然還有更為高階的一些使用技巧。這些技術和學習的方法在網上都是可以找到系列教程的。最好每一本入門的書；記住一定要一步一步來，不然看你後面看不懂會想放棄的。學習完上面的web基礎。基本上的公司前端任務可以勝任了，但是在框架氾濫的今天，光會這些，那你的含金量肯定是比不過別人的，這時候你就要開始接觸庫和框架了；一般新手都會先學習jquery，入門簡單易學；學習的時候可以先上網看看他的官方文件，然後就是最近比較流行的三個框架，vue.js、angular、react。當然你不用全部學習，選擇一個你覺喜歡的或者現在比較流行的學習就可以，這些框架都是幫你封裝了js底層的操作。公司裡面現在一般都是使用框架的，所以想要在公司更好的發展，框架是必不可少的。學了框架，就可以在公司使用框架做web開發了，當然，使用框架遇到問題就去翻閱文件；中間你可能會需要和後臺完成資料互動；那就需要使用到ajax或者是axios這些技術，這些不懂得可以自行百度；那麼學到這裡，你可以算得上是一個web前端開發了，可以合作完成公司分配給你的任務了。至於說新手應該培訓學習還是自學的問題；各有利弊吧；其實，我也是培訓出來的，但是我培訓的是java，但我培訓結束後並沒有去做相關的工作。現在的培訓機構費用一般都是在15000-20000之間，但是對於學習路徑比較迷茫的人來說可以系統的學到整個開發流程；只是個人覺得費用偏高，而且也要考慮後期的還款問題；還有就是在想報名之前最好先問清楚是否包就業，有什麼畢業證書，考級證書之類的問題；反正根據自身情況選擇學習方法吧。就業薪資待遇的問題，對於畢業剛入行的人來說，看你待的城市吧；只要你學的好嗎，技術過硬，再一些大城市也是很不錯的，只要你有了一兩年開發經驗；反正薪資待遇不會很低的，現在是網際網路爆發的時代，技術人員的開發需求還是很大的。好了；今天就到這裡吧，希望可以幫到你們。

可以開始前端網頁開發了呀。

HTML，CSS和JS本身就是前端開發程式語言的三駕馬車，基本上市面上所有的前端框架都是以這三種語言為基礎進行封裝的。我在最初做實習生的時候，參與過一個簡單的用thinkPhp框架+jquery+html+css搭建的簡單服務。

這個服務比較簡單，不涉及複雜的任務執行等操作。我當時作為實習生，對js瞭解不多，對html和css更多隻是停留在學校裡做過簡單的靜態網頁的作業的水平。

但是在這種工業環境中，把理論轉換為實踐的練習是非常快速的。

用最簡單的話來概括就是，我們的服務主要是收集資料，然後以各種形式展現在前端。

對了，這裡要提一下一個非常好用的開源前端影象展示外掛echarts，我還有幸和這個專案的創始人之一一起吃過飯（其實就是他來出差，然後和我經理是好朋友，大家就一起吃個飯）。eCharts 提供了常規的折線圖、柱狀圖、散點圖、餅圖、K線圖，用於統計的盒形圖，用於地理資料視覺化的地圖、熱力圖、線圖，用於關係資料視覺化的關係圖、treemap、旭日圖，多維資料視覺化的平行座標，還有用於 BI 的漏斗圖，儀表盤，並且支援圖與圖之間的混搭。

除了已經內建的包含了豐富功能的圖表，ECharts 還提供了自定義系列，只需要傳入一個renderItem函式，就可以從資料對映到任何你想要的圖形，更棒的是這些都還能和已有的互動元件結合使用而不需要操心其它事情。而且echarts的使用過程非常簡單，只需要下載並引入它提供的包，然後將資料按照其要求的格式封裝就可以了。

上面這些介紹其實也是給題主提了一個思路，就是在學會了JS,HTML,CSS之後，可以多去了解下市面上常用的外掛，在後面的工作中會有很大的幫助哦。

再把話題拉回來，學會駕駛這三駕馬車以及常用外掛之後，就可以開始自己編寫前端介面了。當然，其實更建議題主繼續在前端領域深耕學習，瞭解目前常用的框架，比如

vue.js

，angular等等，這對今後找工作會有很大幫助。

web前端

眾所周知，HTML + CSS + JS的組合原本就是用來開發web前端之用，所以固然第一大應用領域就是用於web前端開發咯！

掌握了這三大基礎知識，你就可以開發你所需的web前端頁面啦！當然，在現階段，最好還可以掌握 Vue + Element 或 React + Ant Design中的其中一種框架組合。

目前在國內，Vue + Element 框架的組合用得相對較多一些，所以可以優先考慮掌握Vue + Element。這樣你在後續web前端開發過程中會事半功倍，做事效率會高出很多。

移動客戶端

隨著Facebook推出的React生態，以及後續的React Native框架的演進，我們可以藉助於React Native框架來同時開發Android和IOS兩大移動客戶端。

這樣一套React Native程式碼，就可以打包生成Android和IOS兩個應用程式。相比之前的Android和IOS單獨進行原生開發而言，開發效率提升了很多。但與此同時，對開發人員的技能要求也提出了較高要求。

PC客戶端

藉助於Electron框架，用HTML + CSS + JavaScript來構建一個相容Windows，Mac和Linux大三作業系統的應用程式。相比以前，針對每個作業系統都需要單獨開發一套獨立的PC客戶單而言，效率也是提升了不少。

後端

Nodejs可用於後端開發。其中Nodejs和JS最大的共性就是ECMAScript部分。不同之處就是你還需要熟悉Nodejs中其他一些模組的使用，比如檔案系統，網路等模組API的基本使用。

在Nodejs中，其中較為成熟的框架有Express 和 Koa框架，選擇熟悉其中一種，就可以上手開始開發後端啦！