Web前端开发必学15大技术
快进到现在,我发现现代web开发再一次将发生压倒性的改变。信息资讯的铺天盖地令人迷惑,尤其对于初学者而言。首要原因是新的框架,例如 Angular 2和ReactJs出现了,使用了尚未完全定型的ECMAScript 6特性。并且有更多的工具可用于转换ES6代码为普通的旧的JavaScript代码,也就是ES5。
我概括了一系列我们应该学习的编程语言/工具,以便于理解势不可挡和快速变化的现代web开发。
JavaScript
这是唯一一种所有浏览器都理解的编程语言,并且它是前端开发的支柱。JavaScript也被称为ECMAScript,ES 5。在深入其他语言之前好好理解这门编程语言非常重要。
ES6
这是Javascript语言的扩展,而且许多浏览器正在实现ES6。好处是哪怕是现在,你也可以开始编写ES6代码,因为你可以使用 transpiler(转译器)如Babel来转换ES6代码为ES5代码。经历这些并了解新功能是一件好事。不过,没有不要钻研得太深因为它们很容易发 生变化。
Babel
这是最流行的ES6到ES5转译器之一。此外,它还被许多框架,如React所推荐。要想实时地将ES6转换为ES5代码,需要注意的是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前端学习交流群21 598399936
转载于:https://www.cnblogs.com/luludehuhuan/p/7686394.html
Web前端开发必学15大技术相关推荐
- web前端开发需要学什么(包含前端学习路线)
前端开发,做到后面,是可以走很多方向的: 但是要保证后期的平滑过度,前期还是要把一些必须的知识搞扎实的: web前端开发需要学什么 环境搭建 前端环境很好搭建,编辑器+浏览器即可. 浏览器推荐使用 C ...
- Web前端开发要学多久?需要学些什么?
对于很多没有接触过web前端的小白来说,只知道前端就是网页,前端就是大家看到的页面,可对于想要转行或者进入前端的同学,他们更关心web前端学什么,要学多久,下面和千锋广州小编一起来看看吧! 1.前端开 ...
- 前端开发先学css还是html,Web前端开发需要学什么?
web前端开发主要学什么?web前端开发主要学习html.css.js.jquery等等,除了学习开发语言,还要为网站上提供的产品和服务实现一流的Web界面,优化代码并保持良好兼容性; Web前端表现 ...
- web前端开发中需要掌握的技术:
web前端开发中需要掌握的技术: 1.学习HTML,这是最简单,最基本的是要掌握div,formtable.Ulli.P.跨度.字体这些标签,这些都是最常用的,尤其是DIV和表格,DIV,表也可以用于 ...
- Web前端开发怎样学?你需了解这些问题
在移动互联网时代,相信我们每个人的手机上都装有数十个APP,这些APP的开发其实也和当下热门的Web前端开发息息相关.随着Web前端的飞速发展,学习Web前端的人员也是越来越多. 想学好Web前端首先 ...
- 小白想学web前端开发需要学什么?
随着互联网的应用越来越广泛,html5前端的作用越来越显著.有html5意向学习的人越来越多.Html5学习难不难?从事html5前端开发需要学习什么?是大家最为关心的话题.前端基础学那哪些知识,才能 ...
- 五种网站前端开发必学的网页布局方式?
作为前端开发工程师,布局方式有多种,针对不同的情况有不一样的处理,但是很多初学的同学都不知道这些情况,那么我们今天就来说说,那些网站前端开发工程师不可不知的5种布局方式! 一.静态布局(static ...
- Web前端开发需要学些什么?
对于互联网公司来说用户就是上帝,做好客户体验一切才有可能.所以互联网公司都会把钱砸向前端,Web前端程序员也越来越受到企业争相聘用. 2005年以后,互联网进入Web2.0时代,各种类似桌面软件的We ...
- 【WEB前端开发】基础知识大总结(HTML5+CSS3)
本文共一万七千字,十六个内容点,七十个知识点 目录 一.转义字符 二.表单标签 1.form标签 2.input元素 3.label 标签 4.select 标签 5.button 元素 三.语义化标 ...
最新文章
- 单片机怎么用回调函数在不同文件之间传递数据
- SAP PM预防性维护
- 深入浅出Java复用类【从字节码角度看toString调用机制、对象代理、组合与继承、转型、final、初始化】
- java--jdbc
- @onetoone中被控表不能做自我删除吗?_儿童生活自律表,孩子总是不能坚持,那是因为父母犯了这4个错误...
- windows怎么打开python_windows怎么打开Python
- AEscripts Fog for Mac - 模拟真实三维体薄雾AE/PR插件
- 内核并发控制---读写自旋锁 (来自网易)
- python windows记事本_pywinauto自动化操作记事本
- 052011GR2 _optimizer_null_aware_antijoin
- 分享《通过开源项目去学习》
- 程序员计算器 android6,程序员计算器
- 用树莓派做一个人脸识别开锁应用
- Excel最强玩法!只用Excel就能做出「王者荣耀」战绩表
- 3w 字长文爆肝 Java 基础面试题!太顶了!!!
- 计算机网上培训6,wordexcel计算机基础培训6.pptx
- int int int * int**的区别、联系和用途
- 算法的时间复杂度和空间复杂度总结
- 前端2020面试题195道
- 中国石油大学《计算机网络课程设计》第三次在线作业
热门文章
- SAP CRM系统订单模型的设计与实现 1
- 磁盘分区格式化及交换分区
- C++的hashmap和Java的hashmap
- Python程序-离散和线性图形
- Android---53---多线程下载
- 数据库连接配置 app.config web.config
- Application package 'AndroidManifest.xml' must have a minimum of 2 segments.
- 手机抓包HTTPS (Fiddler Packet Capture)
- arcmap常见错误及常用操作(待补充)
- 软件测试工程师-Python语言