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前端学习班会教哪些工具的使用，大家需要关注其课程设置，还需要注重学习机构的教学模式，毕竟掌握工具的用法比只掌握工具更重要。