最基本的就是開發網頁啦，html寫網頁，js實現網頁交互效果，除此之外，也可以開發桌面GUI程序，下面我簡單介紹一下如何使用html+js開發出一個簡單的桌面程序：
1.這里為了更好的說明問題，我新建了一個html文件，就是一個簡單的登錄頁面，源碼如下，非常簡單，就是兩個輸入框和一個登錄按鈕：
瀏覽器運行的效果如下：
2.接著就可以將這個html網頁打包為桌面應該程序，這里需要用到nodejs的Electron功能，下面我具體介紹一下主要步驟及截圖：
首先，需要安裝本地node環境，這個直接到官網上下載就行，如下，選擇適合自己平臺的版本即可：
安裝完成后，需要下載一下electron和electron-packager這2個包，后面的打包需要借助這2個包，命令“npm install electron electron-packager”，如下：
接著新建一個文件夾，將剛才的html文件拖拽進去，同時新建一個package.json文件和一個main.js文件，如下：
package.json文件配置如下，主要指明應用名稱、版本號及打包配置文件：
main.js文件配置如下，這里需要指明打包程序的入口文件，網上也有詳細配置過程：
最后就是在打包程序了，命令“electron-packager . APP --win --out AppDir --arch=x64 --electron-version=3.0.10 --overwrite”，打包的過程非常快，這里主要需要指明打包的應用名稱、輸出目錄、版本號、位數等：
接著就可以在輸出目錄AppDir中找到打包好的應用程序APP.exe，直接雙擊就能打開，截圖如下，和瀏覽器效果差不多：
至此，我們就完成了利用html+js來開發一個簡單的桌面GUI程序。總的來說，整個過程不難，就是步驟有些繁瑣，只要你熟悉一下上面的配置過程，多操作幾遍，很快就能掌握的，當然，你也可以使用html+js開發移動應用，像HBuilder等，網上也有相關教程和資料，介紹的非常詳細，感興趣的話，可以搜一下，希望以上分享的內容能對你有所幫助吧，也歡迎大家評論、留言。
一個優秀的Web前端開發工程師要在知識體系上既要有廣度和深度！應該具備快速學習能力。
前端開發工程師不僅要掌握基本的Web前端開發技術，網站性能優化、SEO和服務器端的基礎知識，而且要學會運用各種工具進行輔助開發以及理論層面的知識，包括代碼的可維護性、組件的易用性、分層語義模板和瀏覽器分級支持等。
首先要學習div與css，這是最基本的，會這兩個就能寫靜態網頁了。入了門之后再去學習js與JQuery，這是實現一些特效的。還有現在火熱的H5與CSS3。最后要學習一些后臺，后臺語言要掌握一門，比如php。還有mysql數據庫、cms后臺管理系統也要了解一下。這些做前端都是要知道的。
“君子生非異也，善假于物也”，在學習的過程中還要多瀏覽一些優秀的網站，善于分析借鑒其設計思路和布局方法，見多方能識廣，進而才可以融會貫通，取他人之長為我所用。
每個人的成長與基礎不一樣，結合自己的實際情況，在執行。還是重復一下，前端的核心是js，css不難，但需要來積累。對前端我是這么看的。
Web前端開發是目前非常有“錢”途的行業，不僅從業人員眾多，相應的開發工具也不斷涌現。有人想知道前端常用的工具有哪些？有人好奇杭州Web前端學習班會教哪些工具庫的用法。
前端常用的工具有哪些？
1、jQuery
jQuery由于其無限的教程，沒有跨平臺/瀏覽器問題，優秀的用戶界面，大量的插件以及它的輕量，快速和快速學習等特點而脫穎而出。超過70％的受訪者選擇jQuery作為他們的前端庫，它是一個快速，輕量級和簡潔的JavaScript庫，主要用于HTML文檔遍歷、事件處理、動畫和用于快速Web開發的Ajax交互。從本質上講，jQuery最適合需要快速開發的應用程序。
2、Bootstrap
超過65％的開發者選擇Bootstrap作為他們最喜歡的框架來使用，它是一個用HTML、CSS和JS開發的開源工具包。Bootstrap的廣泛流行主要是因為它的簡單使用、優秀的社區以及大量的文章和教程、第三方插件和擴展、主題構建器等。
3、Angular
如果你打算構建一個動態且強大的單頁應用程序，Angular就是你需要的框架。Angular是高度模塊化的，因此非常適合與團隊分開大型工作，并且使測試和調試變得輕松。功能優先的方法使Angular更加專注于功能，使開發人員的工作更輕松。此外，它還有來自Google社區的出色工具和支持。
4、NPM
NPM是Node的包管理器。借助NPM，開發人員可以安裝各種模塊進行Web開發，共享和借用軟件包，并管理私有開發。它由網站、命令行界面（CLI）和注冊表三個不同的組件組成。
5、Webpack
Webpack是現代JavaScript應用程序的模塊打包程序，它將前端開發所需的所有資源（如JavaScript、字體和圖像）集中到一個地方。如果你正在開發復雜的前端，這特別有用。你可以去通過部署具有的WebPack Web應用程序，以獲取有關的WebPack起來和運行。
除了以上工具，還有Sass、React等，根據企業所用工具的不同，你需要掌握的工具也不一樣。但熟練應用這些工具的前提是你具備扎實的理論基礎，至于杭州Web前端學習班會教哪些工具的使用，我們需要關注其課程設置，還需要注重學習機構的教學模式，畢竟掌握工具的用法比只掌握工具更重要。