2018年『web』开发者不得不知的技术趋势

图片描述

2018年『web』开发者不得不知的技术趋势

做为一个『web』开发者,不管是作前端仍是后端,都应该时刻保持着对技术的敏感性。技术的流行须要必定时间的沉淀,有哪些web相关的技术会可能会在2018年成为web开发的新宠呢?下面列举业界通过实践而且被广泛看好或者大公司推荐使用的技术。css

Progressive Web Apps(PWAs)

『Progressive Web Apps』可让你作到在访问网址的时候就像是在访问本地APP同样的体验。这项技术最初是Google在2015年提出来,Progressive Web App结合了web和本地APP的优势于一身。在PWA Rocks里能够看到Progressive Web App是什么样子。前端

图片描述

Progressive Web App最大的一个优势在于它的可靠性。在后台增长了『Service Workers』,可以作到快速载入、离线或者在网络环境极差时使用、同步更新等。之因此称之为『Progressive』,是由于它可以在包括但不局限于的PC桌面、移动端、平板电脑或者是未来的任何新设备的设备上响应式运行。由于后台的Service Worker可以拦截网络请求,保证Progressive Web App的传输协议是『HTTPS』方式,这样就可以保证应用的安全性。git

阿里巴巴PWAs

阿里巴巴是世界上最大的在线B2B公司,在超过200个国家进行服务。在网站的开发上,用户体验会做为最重要的考虑。阿里巴巴网站要同时关注于『移动端Web』和『移动端App』的开发,以知足客户移动端体验的需求。可是,它意识到这样作并非最大限度提升用户体验度的最好方法,Web和APP开发须要投入二倍的资源,而仅仅是为了知足移动端同一个需求。同时,Web与网络强结合,不能离线使用;App开发周期长,须要用户频繁更新。因此,阿里巴巴网站也选择了PWAs,该网站有76%部分已经转换为了PWAs。若是有兴趣赶快体验一下阿里巴巴PWAs吧,在手机Chrome中,输入阿里巴巴官网,支持商家推送提醒,应用自定义启动界面等,真的就是在浏览器中有本地APP同样的体验。github

单页Web应用(Single-Page WebSites)

目前,愈来愈多的网站开始致力于浏览的简洁和速度,咱们也会看到愈来愈多的单页Web应用。所谓的单页Web应用是指:网站仅仅包含一个Html页面和一个长长的滚动条。来看一个单页Web应用『神奇的交互式简历』web

图片描述

单页Web应用具备不少优点:全部的内容展现在一个Web页面上,当用户线性浏览网站时,你可以控制网站信息流。有了这样的控制权,当滚动条滚动时,你能够带领用户完成一次旅行。同时,这样可让访客统一入口的方式参与进来,你能够讲一个故事、论证一个观点或者模拟一次经历。数据库

单页Web应用追求简洁和高效,支持移动端,用户界面友好,转换起来也至关方便。可是,它并不适合电子商务应用。小程序

静态网站生成器(Static Site Generators)

如今来讲,内容管理系统(content management System)领域是动态网站的天下。然而,互联网刚刚出现的第一个站点是静态的。如今,在静态网站生成器的帮助下,静态网站又回来的,这是一种混合式的Web开发方式。Jekyll是目前最流行的静态网站生成器之一。后端

图片描述

静态网站生成器或者静态网站引擎把动态的内容和数据做为输入,输出可部署静态的文件(HTML, CSS, JavaScript)。不涉及服务器端语言和数据库。这样的静态站点速度更快、更加可靠、更便宜甚至免费而且很好部署和版本管理。因为网站没有服务器端语言和数据库的参与,所以网站也更加安全。微信小程序

个人博客冯兄话吉就是基于Jekyll作的,托管在GitHub上。浏览器

图片描述

Jekyll、Hugo、GitBook和Pelican是如今比较流行的静态博客生成器。你也能够访问StaticGen,发现更多的开源静态网站生成器。

Motion UI

你可能在一些比较前卫的网站或者APP上已经看过了如背景动画、页面转换动画、滚动条滚动动画或者动画表格等效果,这些复杂动画的背后就是Motion UI。先看一个炫酷的效果实例Business Card App design by Tubik

图片描述

Motion UI最初是2014年12月Zurb基金会APP发布时附带的一个为了创造灵活的css切换和动画效果的依赖包。2016年,Zurb团队又增长了一些新的特性,做为一个独立的库正式发布。最新版的Motion UI Css样式可以兼容全部的JS,实现了将动画与Web无缝整合。

将Motion UI的元素加入到你的站点当中,可以大大提升用户的参与度和使用率。访问UI Movement,这个站点帮助你学习使用Motion UI。

聊天机器人(Chatbots)

若是你使用过即时通信工具,你应该就和聊天机器人聊过天了。仅仅『Facebook Messager』就有超过1万个聊天机器人。ChatBot是一项能够经过会话接口(例如即时通信APP微信)实现应用交互的服务。这项服务能够帮助你网上购物、Uber打车、推进新闻或者是提供一些生活建议。这是一个预报天气的聊天机器人Poncho

图片描述

聊天机器人有着巨大的商业价值和潜力。经过这个聊天机器人入口,你能够得到各类各样的服务。随着人工智能的兴起,聊天机器人能极大的改变改变公司的运做方式,国外的公司Octane AIDrift已经认识到了这一点,开始进行这方面平台的搭建。

微信小程序

2017年9月微信小程序正式上线。是一种不须要下载安装便可使用的应用,它实现了应用『触手可及』的梦想,用户扫一扫或搜一下便可打开应用。咱们先来回顾一下应用程序的历史变迁:

微信小程序在这样的历史下出现:

  • PC 桌面程序 C/S机构
  • PC 浏览器程序 B/S结构
  • 移动端 APP C/S结构
  • 移动端 H5 小程序 B/S结构 Chatbot ?
  • IOT时代 B/S结构 ?

图片描述

面对小程序的特色:无需安装、用完即走、没有入口、触发点触发。本质上微信中运行的H5程序而已(融合了运行平台,服务平台),从APP到小程序就是从『CS』到『BS』结构的迁移;重复PC时代的路径而已。

小程序用来面对IOT(物联网)时代的尝试是否会在2018年有所成就呢?到底是西方世界的大布局ChatBot仍是中国的微信小程序可以在接下来的IOC时代成功运用还要拭目以待。

2018年刚刚开始,做为一个开发者,保持对前沿技术的敏感性,提高格局,放眼远方。防止坐井观天,埋头走路的同时,多仰望星空。时刻牢记『穷则变,变则通,通则久远』,只要用心思考而且不断探索,你会有无限的可能。


图片描述

图片描述