首页 > PHP头条 > 正文

2018年web开发者不得不知的技术趋势分析

原创 2018-01-03 0 1852
本文主要和大家分享2018年web开发者不得不知的技术趋势分析,作为一个web开发者,无论是做前端还是后端,都应该时刻保持着对技术的敏感性。技术的流行需要一定时间的沉淀,有哪些web相关的技术会可能会在2018年成为web开发的新宠呢?下面列举业界经过实践并且被普遍看好或者大公司推荐使用的技术。

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』方式,这样就能够保证应用的安全性。

阿里巴巴PWAs

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

单页Web应用(Single-Page WebSites)

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

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

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

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

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

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

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 AI和Drift已经认识到了这一点,开始进行这方面平台的搭建。

微信小程序

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时代成功运用还要拭目以待。

相关推荐:

有关技术趋势的文章推荐

2017 年值得一瞥的 JavaScript 相关技术趋势

浅谈 WEB开发者核心设计

  • 相关标签:2018年 Web 开发者
  • 本文原创发布php中文网 ,转载请注明出处,感谢您的尊重!
  • 独孤九贱(4)_PHP视频教程

    江湖传言:PHP是世界上最好的编程语言。真的是这样吗?这个梗究竟是从哪来的?学会本课程,你就会明白了。 PHP中文网出品的PHP入门系统教学视频,完全从初学者的角度出发,绝不玩虚的,一切以实用、有用...

    独孤九贱(5)_ThinkPHP5视频教程

    ThinkPHP是国内最流行的中文PHP开发框架,也是您Web项目的最佳选择。《php.cn独孤九贱(5)-ThinkPHP5视频教程》课程以ThinkPHP5最新版本为例,从最基本的框架常识开始,将...

    ThinkPHP5实战之[教学管理系统]

    本套教程,以一个真实的学校教学管理系统为案例,手把手教会您如何在一张白纸上,从零开始,一步一步的用ThinkPHP5框架快速开发出一个商业项目。

    PHP入门视频教程之一周学会PHP

    所有计算机语言的学习都要从基础开始,《PHP入门视频教程之一周学会PHP》不仅是PHP的基础部分更主要的是PHP语言的核心技术,是学习PHP必须掌握的内容,任何PHP项目的实现都离不开这部分的内容,通...

    独孤九贱(1)_HTML5视频教程

    《php.cn原创html5视频教程》课程特色:php中文网原创幽默段子系列课程,以恶搞,段子为主题风格的php视频教程!轻松的教学风格,简短的教学模式,让同学们在不知不觉中,学会了HTML知识。 ...

    ThinkPHP5快速开发企业站点[全程实录]更新中...

    本课以最新版ThinkPHP5.0.10为基础进行开发,全程实录一个完整企业点,从后台到前台,从控制器到路由的全套完整教程,不论是你是新人,还是有一定开发经验的程序员,都可以从中学到实用的知识~~

    Thinkphp3.2.3个人博客开发

    ThinkPHP是一个快速、开源的轻量级国产PHP开发框架,是业内最流行的PHP框架之一。本课程以博客系统为例,讲述如何使用TP实战开发,从中学习Thinkphp的实践应用。模版下载地址:http:/...

    PHP实战天龙八部之仿爱奇艺电影网站

    本课程是php实战开发课程,以爱奇艺电影网站为蓝本从零开发一个自己的网站。目的是让大家了解真实项目的架构及开发过程

    独孤九贱(8)_php从零开始开发属于自己的php框架

    本课以一个极简的PHP开发框架为案例,向您展示了一个PHP框架应该具有的基本功能,以及具体的实现方法,让您快速对PHP开发框架的底层实现有一个清楚的认识,为以后学习其实的开发框架打下坚实的基础。

    独孤九贱(3)_JavaScript视频教程

    javascript是运行在浏览器上的脚本语言,连续多年,被评为全球最受欢迎的编程语言。是前端开发必备三大法器中,最具杀伤力。如果前端开发是降龙十八掌,好么javascript就是第18掌:亢龙有悔。...

    直播实录:PHP魔鬼训练营[从零开始制作个人博客]

    本站9月直播课已经结束,本套教程是直播实录,没有报上名或者漏听学员福利来了,赶紧看看吧,说不定这里就有你的菜

    2018前端入门_HTML5

    轻松明快,简洁生动,让你快速走入HTML5的世界,体会语义化开发的魅力

    JavaScript极速入门_玉女心经系列

    JavaScript能够称得上是史上使用最广泛的编程语言,也是前端开发必须掌握的三技能之一:描述网页内容的HTML、描述网页样式的CSS以及描述网页行为的JavaScript。本章节将帮助大家迅速掌握...

    PHP用户注册登录系统视频教程

    《php用户注册登录系统》主要介绍网站的登录注册功能,我们会从最简单的实现登录注册功能开始,增加验证码,cookie验证等,丰富网站的登录注册功能

    独孤九贱(7)_Bootstrap视频教程

    Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。为所有开发者、所有应用场景而设计,它让前端开发更快速、简单,所有开发者都能快速上手...

    PHP学生管理系统视频教程

    《PHP学生管理系统视频教程》主要给大家讲解了HTML,PHP,MySQL之间的相互协作,实现动态的网页显示和获取数据.

    独孤九贱(2)_CSS视频教程

    《php.cn独孤九贱(2)-css视频教程》课程特色:php中文网原创幽默段子系列课程,以恶搞,段子为主题风格的php视频教程!轻松的教学风格,简短的教学模式,让同学们在不知不觉中,学会了CSS知识...

    弹指间学会HTML视频教程

    《弹指间学会HTML视频教程》从最基本的概念开始讲起,步步深入,带领大家学习HTML,了解各种常用标签的意义以及基本用法,学习HTML知识为以后的学习打下基础

    独孤九贱(6)_jQuery视频教程

    jQuery是一个快速、简洁的JavaScript框架。设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的...

    最新微信小程序开发视频教程

    《最新微信小程序开发视频教程》本节课程是由微趋道录制,讲述了如何申请一个微信小程序,以及开发中需要使用哪些工具,和需要注意哪些等。

    • 小云云

      学生

    • 想不好签名了...
    • 5865篇
      文章总数
    • 1852
      文章总浏览数

    头条

    推荐视频教程

  • javascript初级视频教程
  • jquery 基础视频教程
  • javascript三级联动视频教程
  • 独孤九贱(3)_JavaScript视频教程
  • 独孤九贱(6)_jQuery视频教程
  • 最新更新