学web前端能做什么工作,WEB前端是什么

3、WEB前端是什么，学完可以做哪些工作？

web前端就是网站与人交互的一端，你打开各种网站，展示在你眼前的都是由web前端技术呈现出来的，其中包括html、css和javascript（俗称js）。html负责展示内容的规划，例如段落划分，区域划分（广告、正文、导航等等），css负责展示内容样式，如字体大小颜色、区域背景边框、动画等等。js负责与人交互以及与后端交互的功能逻辑，

在学习完上面三部分内容后，稍作练习。然后还需要了解前端一些工具和框架，工具和类库如webpack，less，bootstrap，jquery。现在前端有很多成熟框架，如Vue，react，angularJS等等，学习完前端知识后，我们可以利用前端框架和ui提供的素材建立网站页面，完成业务所需要的与人交互的逻辑和展示。

4、前端学完了，可以做什么？

当然是前端页面啦，除此之外，也可以做桌面应用和手机app，下面我简单介绍一下具体实现过程，主要内容如下：桌面应用这里需要先安装node环境，然后借助electron打包前端网页为桌面应用，主要步骤如下，很简单：1.首先，安装node，这个直接到官网上下载就行，如下，选择适合自己平台的版本即可：2.安装完成后，这里需要安装一下electron和electron-packager这2个工具包，后面前端网页的打包中需要用到这2个包，安装的话，直接在cmd窗口输入命令“npminstallelectronelectron-packager”就行，如下：3.这里为了方便演示，我新建了一个html网页，测试代码如下，非常简单，就是一个静态的登陆界面：用浏览器打开这个html网页，效果如下：4.最后就是具体的打包过程，主要步骤及截图如下：首先，新建一个文件夹，将上面的html网页复制进去，同时新建2个文件，分别是package.json和main.js，目录如下：package.json文件主要指明打包应用名称、版本号以及配置文件等，配置如下，非常简单：main.js文件主要指明具体打包过程，基本配置如下（网上参考资料非常多，可以搜一下），这里重点需要指明打包的html文件名称：最后就是打包，打开cmd窗口，切换到新建的目录，运行命令“electron-packager.APP--win--outAppDir--arch=x64--electron-version=3.0.10--overwrite”就会开始自动打包过程，这里的参数主要是指明打包的应用名称、输出目录、位数、版本号等：打包完成后，就会在输出目录AppDir下找到打包的应用APP.exe，双击就可正常运行，效果如下，和浏览器的效果差不多：手机app这里主要用到HBuilder这个工具，可以直接将前端网页打包为手机app（云端打包功能），下面我具体介绍一下实现过程：1.首先，下载安装HBuilder，这个直接到官网上下载就行，如下，这里选择功能比较全面的“APP开发版”：2.下载完成后，一个zip压缩包，直接解压到本地即可，如下：3.接着，双击打开这个软件，新建项目，这里的项目类型选择“5 APP(A)”，模板选择“HelloH5 ”，如下，将刚才的html文件拖到这个项目中来：4.最后就是打包过程，具体步骤如下：首先，双击项目中的mainfest.json配置文件，在基础配置页面获取唯一AppID，后面打包时要用到，同时选择程序的入口文件，也就是刚才的html文件：mainfest.json文件配置完成后，右键项目，在弹出的菜单列表中依次选择“发行”-