更多课程 选择中心


Web培训

400-996-5531

Web培训

前端开发必备工具

  • 发布:Edward
  • 来源:切图仔er
  • 时间:2018-03-23 14:24

面对日益纷杂的前端工具,作为新人常感无从下手。经过一番检索和简单对比,再结合自己的喜好,筛选了将要学习和使用的工具,以适应日益工程化、专业化的 Web 前端开发工作。

库与框架

jQuery: 操作dom的神器,曾经一度火的一塌糊涂。

jQuery UI: 一个JQuery的UI框架,特点是高效、组件化

Vue.js: 数据驱动的组件,为现代化的 Web 界面而生

angularjs 应用最广泛的企业级web开发框架

angular: 新一代angular开发框架

React.js: 构建组化件应用的javascript库

React Native: 使用react构建移动app应用

构建工具&模块化

一个构建、测试应用的构建工具

gulp.js: 自动化工作流

node 建立在V8引擎上的快速构建平台

模块打包器

将模块打包到一个bundle中

webpack: 能够将依赖打包、生成的自动构建工具

包管理

一个用来管理依赖的包管理器,你可以使用它下载很多模块化的工具

npm: Node 模块化管理工具

CSS 处理

提供一个高效、动态的方法生成css

Stylus: node社区的css预处理器

PostCSS: 将css转换成js插件

模块化

ECMAScript 6 Module

模板引擎

使用js生成html文件

EJS

jade

测试框架

Mocha: 一个简单、快速的用来测试node和web应用的测试框架

Chai: Chai 是一个针对 Node.js 和浏览器的行为驱动测试和测试驱动测试的诊断库,可与任何 JavaScript 测试框架集成。

脚手架

Yeoman Web 应用开发流程与工具

koa-generator koa项目生成器

集成方案

FIS: 解决前端开发中自动化工具、性能优化、模块化框架、开发规范、代码部署、开发流程等问题

UI框架

bootstrap 简洁、直观、强悍的UI框架,让web开发更迅速,后端程序的福音。

foundation 最流行的响应式前前端布局框架

semantic-ui Semantic作为一个开发框架,通过HTML语言帮助创建令人赏心悦目、响应式的布局。

Material UI 一组反应元件,实现谷歌的材料设计。

Ant Design 是一个 UI 设计语言,是一套提炼和应用于企业级后台产品的交互语言和视觉体系。

游戏引擎

CreateJS 基于HTML5的一套模块化的库和工具共同工作或独立使丰富的交互式内容的开放式Web技术

PhaserJS PC端和移动端HTML5游戏框架 。

ThreeJS 制作HTML5的3D游戏引擎 。

白鹭 Egret是一套HTML5游戏开发解决方案

Cocos2d-JS 开发者可以通过cocos游戏开发引擎快速编辑界面和动画、编写和调试代码等,最终导出适合于各平台、各渠道发布的游戏安装包。

容器

Docker: Build, Ship, and Run Any App, Anywhere

预约申请免费试听课

填写下面表单即可预约申请免费试听! 怕学不会?助教全程陪读,随时解惑!担心就业?一地学习,可全国推荐就业!

上一篇:Web前端开发和web后端开发的区别?
下一篇:几个小步骤告诉你如何开发Web应用小程序

怎样快速学会web渗透?

Web前端开发培训学习

微信小游戏怎么开发?

Web前端工程师需要掌握哪些知识?

Copyright © 2023 Tedu.cn All Rights Reserved 京ICP备08000853号-56 京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有

选择城市和中心
黑龙江省

吉林省

河北省

贵州省

云南省

广西省

海南省