当前位置:主页 > web开发
达内web前端:初学者必学的15大前端开发技术
日期:2017-09-12 浏览量:

  互联网+快速发展的当今,我发现现代web开发再一次将发生压倒性的改变。信息资讯的铺天盖地令人迷惑,尤其对于初学者而言。首要原因是新的框架,例如Angular 2 和ReactJs出现了,使用了尚未完全定型的ECMAScript 6 特性。并且有更多的工具可用于转换ES6代码为普通的旧的JavaScript代码,也就是ES5。

  达内web前端培训专家(web.tedu.cn)帮大家概括了一系列我们应该学习的编程语言/工具,以便于理解势不可挡和快速变化的现代web开发。

  JavaScript

  这是唯一一种所有浏览器都理解的编程语言,并且它是前端开发的支柱。JavaScript也被称为ECMAScript,ES 5。在深入其他语言之前好好理解这门编程语言非常重要。

  ES6

  这是Javascript语言的扩展,而且许多浏览器正在实现ES6。好处是哪怕是现在,你也可以开始编写ES6代码,因为你可以使用transpiler(转译器)如Babel来转换ES6代码为ES5代码。经历这些并了解新功能是一件好事。不过,没有必要钻研得太深因为它们很容易发生变化。

  Babel

  这是最流行的ES6到ES5转译器之一。此外,它还被许多框架,如React所推荐。要想实时地将ES6转换为ES5代码,在ljs.io/repl/有一个可用的REPL。

  需要注意的是Babel不仅仅是ES6到ES5的转译器。它也是JSX到JavaScript的转译器。不知道什么是JSX?那么请看下面。

  NodeJS

  NodeJS是一个服务器端平台,它允许你用JavaScript语言构建后端。为什么我要提NodeJS呢?这是因为,即使你对后端开发不感兴趣,但是许多前端工具依赖于NodeJS。至少要熟悉node和它的命令行工具。

  NPM

  NPM是node的软件包管理器。就像pip之于Python,ruby gems之于Ruby,以及Maven之于Java。了解如何安装/删除/升级软件包,尤其是package.json文件结构。

  Grunt 或Gulp

  这两个是运行在Node平台上最为流行的任务运行器。从技术上讲,它们是针对npm的软件包。它们允许你自动化许多前端任务,如Lint源文件,串联,缩减,部署以及更多。

  Bower

  这是用于前端库本身的一个软件包管理工具。想添加Jquery到你的应用程序?和使用bower install jquery

  上述工具用于基本的前端开发已经足够。不过下面我还要说一说两个最流行的框架,即React和Angular。

  ReactJs

  ReactJs是构建视图最流行的前端库。请注意,它不仅仅是MVC中的V,因此和框架如Angular没有比较性。ReactJs是用ES6写的,并且可以用Babel转译为ES5。它还使用也可以用Babel转译为JavaScript的JSX。

  WebPack 或Browserify

  这两个都是最流行的模块打包机。它们可以获取js源代码,找出正确的依赖关系,并发出可以驱动整个应用程序的JavaScript文件。我更喜欢WebPack。点此查看关于WebPack。

  Flux或Redux

  React组件被布置在一个层次结构中。大部分时间,数据模型遵循层次结构。在这种情况下,Flux并不怎么有用。然而,有时候你的数据模型是不分层的。当你的React组件开始接收外部道具,或你有少量的组件开始变得非常复杂的时候,那么你可能会想要试试Flux。

  Immutable.js

  Immutable.js提供了一套数据结构,可以帮助解决在构建React app时的某些性能问题。这是一个伟大的库,你可能会在你的app中大量使用它,但是当你关注于性能影响时,它就完全没用了。

  Angular 2

  Angular 2 是JavaScript中最流行的MVC框架之一的下一个版本。它被完全重新设计过了,并且有一条陡峭的学习曲线。全面支持双向数据绑定。在选择Angular 2 开发时要小心评估。

  TypeScript

  Angular 2 推荐TypeScript作为编程语言的首选。我不是很熟悉TypeScript,但我认为它增加了静态类型到Javascript的动态特性中。最后,我相信它只是一个转译器。

  Service workers

  实验性的API。它就像是在浏览器用于做各种工作的一个后台线程。我想它也增加对离线浏览的支持。

  Fetch API 和Push API

  因为到目前为止达妹对此也是知之甚少。如果你有这方面的优秀经验,欢迎去“达内web前端培训”微信公众号与我们分享,将您的知识传播给更多web前端爱好者。


   北方网教育频道 新闻纠错、投诉及爆料热线:022-23601753
    相关文章:
    ·Web开发技术
    ·WEB前端开发教程
    ·Web前端开发前景怎么样?哪家培训机构好?
    ·物联网浪潮之下,前端工程师如何迎刃而上?
    ·传苹果正开发人工智能专用芯片 欲赶上亚马逊和
    → 特别推荐
    Web开发技术
    WEB前端开发教程
    Web前端开发前景怎么
    物联网浪潮之下,前
    传苹果正开发人工智
    摩拜单车亮相数博会
    乐视体育融资了还要
    助力市场落实《网络
    走路姿态也能解锁手
    Web前端开发顶尖机构
    看苹果新开发课程:
    游多多客栈惊艳亮相
    金立S10今日发布:男
    文人墨客的手机 海信
    聚焦智能营销 精品媒
    → 热点TOP10
    【系列直播】
    APP开发找到技
    新快报官方网
    腾讯开发人脸
    专业时尚网站
    国办印发《政
    掌握这十个小
    十大Web漏洞扫
    WEB前端开发教
    看苹果新开发

    友情链接/网站合作咨询: