{"id":5605,"date":"2019-02-11T12:01:48","date_gmt":"2019-02-11T17:01:48","guid":{"rendered":"https:\/\/blogs.swarthmore.edu\/its\/?p=5605"},"modified":"2019-02-11T12:01:48","modified_gmt":"2019-02-11T17:01:48","slug":"web-technologies-and-trends-to-look-out-for-in-2019","status":"publish","type":"post","link":"https:\/\/blogs.swarthmore.edu\/its\/2019\/02\/11\/web-technologies-and-trends-to-look-out-for-in-2019\/","title":{"rendered":"Web Technologies and Trends to Look Out For in 2019"},"content":{"rendered":"<p>&nbsp;<\/p>\n<p><em>For this post, we asked Anthony Weed, our Academic Web Developer, to give some perspective on trends in web technologies he sees for this year.<\/em><\/p>\n<p>&nbsp;<\/p>\n<h2><span style=\"font-weight: 400;\">Frontend Frameworks (<\/span><a href=\"https:\/\/reactjs.org\/\"><span style=\"font-weight: 400;\">React<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><a href=\"https:\/\/vuejs.org\/\"><span style=\"font-weight: 400;\">Vue<\/span><\/a><span style=\"font-weight: 400;\">, <\/span><a href=\"https:\/\/angular.io\/\"><span style=\"font-weight: 400;\">Angular<\/span><\/a><span style=\"font-weight: 400;\">)<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">One of the prevalent forces in the web development world as of late is the introduction of frontend frameworks. In a web app, you typically have some code that shows stuff to the user, ie. the frontend, and code that processes data on the actual web server, or the backend. \u00a0Frontend frameworks help bridge this gap. Utilizing frontend frameworks save development time, which saves costs, which makes everyone a little happier. Frontend frameworks have been trending upwards for a few years now, and it doesn\u2019t appear that they are leaving anytime soon.<\/span><\/p>\n<figure id=\"attachment_5610\" aria-describedby=\"caption-attachment-5610\" style=\"width: 720px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-11-10.05.42.png\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5610 size-large\" src=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-11-10.05.42-1024x422.png\" alt=\"npm downloads of frontend frameworks\" width=\"720\" height=\"297\" srcset=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-11-10.05.42-1024x422.png 1024w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-11-10.05.42-300x124.png 300w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-11-10.05.42-768x316.png 768w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-11-10.05.42-146x60.png 146w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-11-10.05.42.png 1268w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/a><figcaption id=\"caption-attachment-5610\" class=\"wp-caption-text\">Click the image to view a larger version<\/figcaption><\/figure>\n<h2><span style=\"font-weight: 400;\">AI \/ Machine Learning<\/span><\/h2>\n<p><span style=\"font-weight: 400;\">This is an interesting one because machine learning has been around for a while. There\u2019s nothing new conceptually being introduced here. What is changing is the ability for users to access this kind of technology. <a href=\"https:\/\/en.wikipedia.org\/wiki\/Cloud_computing\">Cloud computing<\/a> is quickly gaining traction, and with it, access to high-powered computers that are too often costly for consumers. Developers have also been keeping up with this trend. <a href=\"https:\/\/www.tensorflow.org\/\">TensorFlow<\/a> and <a href=\"https:\/\/ml5js.org\/\">ml5js<\/a>, two of the largest players in machine learning (at least on the web) are catching on by offering easy to use machine learning libraries to developers. With this kind of technology, developers can create ways to recognize objects, detect spam, customer support automation, and <a href=\"https:\/\/en.wikipedia.org\/wiki\/Machine_learning#Applications\">more<\/a>. I&#8217;d say expect machine learning to really start to catch on this year.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-5609\" src=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-11-10.05.23-300x200.png\" alt=\"Happy Robots\" width=\"300\" height=\"200\" srcset=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-11-10.05.23-300x200.png 300w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-11-10.05.23-90x60.png 90w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-11-10.05.23.png 540w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n<h2><a href=\"https:\/\/graphql.org\/\"><span style=\"font-weight: 400;\">GraphQL<\/span><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">GraphQL has been around for a few years now, but it\u2019s now in a state where it\u2019s robust enough to be a game changer. GraphQL is a query language that you can use to access your <a href=\"https:\/\/en.wikipedia.org\/wiki\/Application_programming_interface\">APIs<\/a>. With GraphQL, the developer is able to define an interface into their API. With this interface, the developer can define exactly what data they want from their API. Normally, you\u2019d have to parse the request after it\u2019s been received, but with GraphQL you don\u2019t have to. This saves time, which saves money, and is fairly easy to implement, which is why it you\u2019ll likely be seeing more of it soon.<\/span><\/p>\n<figure id=\"attachment_5607\" aria-describedby=\"caption-attachment-5607\" style=\"width: 720px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-5607 size-large\" src=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-07-14.30.49-1024x187.png\" alt=\"GraphQL Overview\" width=\"720\" height=\"131\" srcset=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-07-14.30.49-1024x187.png 1024w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-07-14.30.49-300x55.png 300w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-07-14.30.49-768x140.png 768w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-07-14.30.49-270x49.png 270w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><figcaption id=\"caption-attachment-5607\" class=\"wp-caption-text\">GraphQL allows the developer to first describe their data, then send requests in that format to get their results.<\/figcaption><\/figure>\n<h2><span style=\"font-weight: 400;\">Hybrid Applications<\/span><\/h2>\n<p>Hybrid Applications are programs that combine elements of native apps (applications designed for a specific environment) and web apps. Computers, televisions, smart watches, and many other devices are becoming increasingly able to run these kind of apps (which is both scary and exciting). Hybrid applications ease development time in that developers can code the web app and then encapsulate that code into whatever renderer the device its deployed on uses. Some examples of hybrid applications that are already out in the wild include\u00a0<span style=\"font-weight: 400;\"><a href=\"https:\/\/slack.com\/\">Slack<\/a>, <a href=\"https:\/\/www.skype.com\/en\/\">Skype<\/a>, and <a href=\"https:\/\/atom.io\/\">Atom<\/a>. Hybrid applications greatly reduce development time and allow apps to be deployed quicker. Because of that, and the <a href=\"https:\/\/www.forbes.com\/sites\/louiscolumbus\/2018\/08\/16\/iot-market-predicted-to-double-by-2021-reaching-520b\/#321058ac1f94\">steadily increasing internet of things<\/a>, we are likely to see many more hybrid apps in the near future.<\/span><\/p>\n<h2><a href=\"https:\/\/nodejs.org\"><span style=\"font-weight: 400;\">NodeJS<\/span><\/a><\/h2>\n<p><span style=\"font-weight: 400;\">NodeJS is a JavaScript runtime based on Google Chrome\u2019s V8 JavaScript engine. In simpler terms, NodeJS allows you to run JavaScript server-side. This allows frontend (client-side) JavaScript developers to transition easily to backend (server-side) programming. Again, this saves time, which saves cost, which is why it\u2019s not going anywhere. Not only does it save money, but NodeJS also has several enhancements over the competing PHP language. Andrew Neagoie, a software developer and blogger on <a href=\"https:\/\/medium.com\/\">Medium.com<\/a>,\u00a0<a href=\"https:\/\/medium.com\/zerotomastery\/want-to-be-a-web-developer-learn-node-js-not-php-dc298154fafd\">has a great writeup on the similarities and differences between PHP and NodeJS<\/a> that I&#8217;d encourage anyone looking at either of these languages to read.<\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-5608\" src=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-11-10.04.57-300x198.png\" alt=\"NodeJS Logo\" width=\"300\" height=\"198\" srcset=\"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-11-10.04.57-300x198.png 300w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-11-10.04.57-91x60.png 91w, https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-11-10.04.57.png 388w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>&nbsp; For this post, we asked Anthony Weed, our Academic Web Developer, to give some perspective on trends in web technologies he sees for this year. &nbsp; Frontend Frameworks (React, Vue, Angular) One of the prevalent forces in the web &hellip; <a href=\"https:\/\/blogs.swarthmore.edu\/its\/2019\/02\/11\/web-technologies-and-trends-to-look-out-for-in-2019\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Web Technologies and Trends to Look Out For in 2019<\/span><\/a><\/p>\n","protected":false},"author":70,"featured_media":5609,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[303,304,305],"tags":[306,90,308,307],"class_list":{"0":"post-5605","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","6":"hentry","7":"category-development","8":"category-web-development","9":"category-web-trends","10":"tag-development","11":"tag-featured","12":"tag-web-development","13":"tag-web-trends","15":"fallback-thumbnail"},"jetpack_featured_media_url":"https:\/\/blogs.swarthmore.edu\/its\/wp-content\/uploads\/2019\/02\/Screenshot-2019-02-11-10.05.23.png","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/ph2nPL-1sp","_links":{"self":[{"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/posts\/5605","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/users\/70"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/comments?post=5605"}],"version-history":[{"count":6,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/posts\/5605\/revisions"}],"predecessor-version":[{"id":5616,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/posts\/5605\/revisions\/5616"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/media\/5609"}],"wp:attachment":[{"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/media?parent=5605"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/categories?post=5605"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.swarthmore.edu\/its\/wp-json\/wp\/v2\/tags?post=5605"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}