{"id":8510,"date":"2014-10-14T10:00:58","date_gmt":"2014-10-14T15:00:58","guid":{"rendered":"http:\/\/www.mrc-productivity.com\/blog\/?p=8510"},"modified":"2023-03-13T16:07:54","modified_gmt":"2023-03-13T21:07:54","slug":"7-ways-web-application-development-is-changing","status":"publish","type":"post","link":"https:\/\/www.mrc-productivity.com\/blog\/2014\/10\/7-ways-web-application-development-is-changing\/","title":{"rendered":"7 ways web application development is changing"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-725\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2010\/11\/Education.jpg\" alt=\"Education\" width=\"76\" height=\"100\" \/><span style=\"font-size: 14px;\"><em>Summary: As web application development evolves, it&#8217;s playing an increasingly important role in the business world. More and more, application development directly contributes to a company&#8217;s competitive advantage. How has web application development changed, and where is it going? Learn more in this article.<\/em><\/span><br \/>\n<a name=\"20141013\"><\/a><!--more--><br \/>\nWeb application development is evolving. Development standards are changing. New tools and libraries emerge on a (seemingly) daily basis.<\/p>\n<p>The big question: Why should businesses care about these changes?<\/p>\n<p>As businesses rely on the web more and more, application development plays an increasingly important role in sustainability. According to a Forrester study, \u201cThe software you deploy, and especially the custom software you create, will increasingly be part of your competitive edge.\u201d<\/p>\n<p>The fact is, web application development is evolving, and these changes have a significant impact on the business world. How has development changed recently, and where is it going? Today, let\u2019s explore a few ways development is changing, and how you must adapt.<\/p>\n<h3>1. More hardware diversity<\/h3>\n<figure id=\"attachment_6984\" aria-describedby=\"caption-attachment-6984\" style=\"width: 240px\" class=\"wp-caption alignright\"><a href=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2013\/10\/small_8371683905.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6984\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2013\/10\/small_8371683905.jpg\" alt=\"photo credit: miniyo73 via photopin cc\" width=\"240\" height=\"180\" \/><\/a><figcaption id=\"caption-attachment-6984\" class=\"wp-caption-text\">photo credit: <a href=\"http:\/\/www.flickr.com\/photos\/miniyo73\/8371683905\/\">miniyo73<\/a> via <a href=\"http:\/\/photopin.com\">photopin<\/a> <a href=\"http:\/\/creativecommons.org\/licenses\/by-sa\/2.0\/\">cc<\/a><\/figcaption><\/figure>\n<p>Over the past few years, we&#8217;ve seen smartphones and tablets explode in both the consumer and business world. This led to the growth of responsive design. Your web applications must now adapt to various screen sizes and interfaces.<\/p>\n<p>Going forward, this trend is only expanding. We\u2019re seeing a new wave of \u201csmart\u201d devices, like watches, glasses, TVs, and more.<\/p>\n<p>What does this mean for development? As explained below, these changes force developers to rethink their development approach.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cRecently, and ongoing, screen sizes and resolutions have changed from the past,\u201d says Marie Sonder, Web Designer and Developer at <a href=\"http:\/\/www.ezsolution.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">EZSolution<\/span><\/a>. \u201cYou used to be able to just design for a desktop and the different browsers, but now it comes down to all the different screen sizes and resolutions. It forces the developer to determine the hierarchy and what&#8217;s most important; like logo, phone, navigation, etc.<\/p>\n<p>Speeds of devices are all different. While smartphones and tablets are getting better, they still don&#8217;t have the processing power and memory that a power desktop has. It makes the developer have to code differently and make sure everything is clean to get the best page load time possible.<\/p>\n<p>Lastly, touchscreen functionality makes a huge difference. You have less &#8220;mouse-overs&#8221; to get more information, so you have to make it obvious where buttons and certain places are that you are calling for action. They need to be more visible, have some color, and stand out in some way so you know there is an action to be made there from a touchscreen. Again, hierarchy comes into play so that you focus on what is most important, and what needs to stand out and be actionable.\u201d<\/p><\/blockquote>\n<h3>2. Increasing focus on security<\/h3>\n<p>While web app usability and interfaces improved over the last few years, security lagged behind. How bad is it? A recent study found that 96% of all web applications contain at least one \u2018serious vulnerability.\u2019<\/p>\n<p>What does this mean for development? Going forward, we\u2019re seeing a greater emphasis on <a href=\"https:\/\/www.mrc-productivity.com\/blog\/2014\/06\/10-ways-to-strengthen-web-application-security\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">application security<\/span><\/a>. Developers must become well-versed in proper security standards, and make it their top priority.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cThe biggest change coming is the pressure for super-high quality applications is going to outweigh the need for development speed,\u201d says Alan Willett, President at <a href=\"http:\/\/oxseeker.net\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">Oxseeker Inc<\/span><\/a>. \u201cCyber-attacks are increasing in number and sophistication. The ramifications of failing to protect from those attacks to the developers of these applications is great financial hardship which will just become worse as the scale continues to grow. This will force developers to rethink the practices they believe are giving them speed but instead are leaving wide open barn doors for the pirates to walk in.\u201d<\/p><\/blockquote>\n<h3>3. Greater emphasis on tools<\/h3>\n<p>Web app development is becoming more complex, requiring an ever-increasing number of skills. Developers must understand architecture, security, databases, front end layout, and more.<\/p>\n<p>As a result, we\u2019re seeing a greater emphasis on tools. We\u2019re seeing new libraries, frameworks, and tools emerge that not only improve productivity, but also fill in the skills gaps for developers.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\">\n<figure id=\"attachment_8514\" aria-describedby=\"caption-attachment-8514\" style=\"width: 300px\" class=\"wp-caption alignright\"><a href=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2014\/10\/tool-384740_640.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-8514\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2014\/10\/tool-384740_640-300x199.jpg\" alt=\"photo credit: TiBine via pixabay cc\" width=\"300\" height=\"199\" srcset=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2014\/10\/tool-384740_640-300x199.jpg 300w, https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2014\/10\/tool-384740_640.jpg 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-8514\" class=\"wp-caption-text\">photo credit: <a href=\"http:\/\/pixabay.com\/en\/tool-work-bench-hammer-pliers-384740\/\">TiBine<\/a> via <a href=\"http:\/\/pixabay.com\/\">pixabay<\/a> <a href=\"http:\/\/creativecommons.org\/publicdomain\/zero\/1.0\/deed.en\">cc<\/a><\/figcaption><\/figure>\n<p>\u201cWeb development tooling, or, tools to make your job as a web developer easier, was ignored for a long time,\u201d says Skyler Slade, Co-founder and CTO of <span style=\"color: red; font-weight: bold;\">Tandem<\/span>. \u201cWith so many developers switching to web development in the past several years, the mindshare and talent is now focused on making web developers&#8217; lives easier. Tools help you automate a lot of manual work. For example, image &#8220;spriting&#8221; where different images would be combined into one single file to so that they&#8217;ll download quicker. Previously this had to be done by hand, using a tool like Photoshop. Now, using automation tools like Grunt, this process can be completely automated. This saves hours of time. Automation tools can also correct syntax mistakes, format your code to a standard, and a whole host of other things.\u201d<\/p><\/blockquote>\n<h3>4. More focus on user experience<\/h3>\n<p>When mobile apps became popular among consumers, something changed. Users learned to expect the simple, intuitive interfaces found in their mobile apps.<\/p>\n<p>This has serious ramifications for developers. As user expectations change, the user experience becomes critically important. Developers who don\u2019t provide simple, intuitive interfaces will struggle with user adoption.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cAs web app development has matured, the focus on making web apps easier to use has grown,\u201d says Mark Calkins, VP Development at <span style=\"color: red; font-weight: bold;\">Bluehost.com<\/span>. \u201cQuite a bit of web app development now starts with UI design and even better with user experience testing to provide a simpler, more intuitive user experience.\u201d<\/p><\/blockquote>\n<h3>5. Greater demand for APIs<\/h3>\n<figure id=\"attachment_6894\" aria-describedby=\"caption-attachment-6894\" style=\"width: 240px\" class=\"wp-caption alignright\"><a href=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2013\/09\/small_4273913228.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-6894\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2013\/09\/small_4273913228.jpg\" alt=\"photo credit: Horia Varlan via photopin cc\" width=\"240\" height=\"160\" \/><\/a><figcaption id=\"caption-attachment-6894\" class=\"wp-caption-text\">photo credit: <a href=\"http:\/\/www.flickr.com\/photos\/horiavarlan\/4273913228\/\">Horia Varlan<\/a> via <a href=\"http:\/\/photopin.com\">photopin<\/a> <a href=\"http:\/\/creativecommons.org\/licenses\/by\/2.0\/\">cc<\/a><\/figcaption><\/figure>\n<p>In the past, businesses ran all of their software in-house. Now, that\u2019s changing. More businesses are opting for SaaS options that address specific needs. They might use one service for CRM, another for collaboration, and may build their own reporting applications.<\/p>\n<p>What does this mean for developers? Your applications must provide a way to communicate and integrate with other applications. This is why we\u2019ve seen such rapid growth in application programming interfaces (APIs)&#8211;a trend that will gain steam in the coming years.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cEveryone wants to integrate with various systems,\u201d says Konstantin Mirin, Founder of <a href=\"http:\/\/iqria.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">IQRIA<\/span><\/a>. \u201cYour customers may have systems in place and you need to provide an API for that. If you keep this in mind from the very beginning, the best way to address it is API-centric architecture.<\/p><\/blockquote>\n<h3>6. Rich interactivity<\/h3>\n<p>We\u2019re already seeing a strong push towards web applications that behave more like native applications. However, this push towards faster and more powerful web applications requires a shift in development methods.<\/p>\n<p>What does this mean for developers? We\u2019re seeing a shift from server-side development to client-side development. As browsers become more powerful, much of the traditional server-side work is now moving to the client side.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cThe trend is towards rich, interactive clients using frameworks like Angular.js,\u201d says Slade. \u201cBecause of faster JavaScript engines like Chrome&#8217;s V8, and frameworks to take advantage of them, a lot of the processing that would traditionally be done on a backend server can now be handled directly in the user&#8217;s browser. This makes for a much more pleasant user experience, where, for example, data analysis and visualization can be done in real-time, right in the user&#8217;s browser window.\u201d<\/p><\/blockquote>\n<h3>7. Real time applications<\/h3>\n<p>As we move towards web applications that behave natively, a new trend has emerged: Real-time web apps. These are web apps that can communicate with the server and update the application without a page refresh.<\/p>\n<p>What does this mean for developers? As explained below, the push towards real-time web apps opens up some great possibilities. This is a trend we will see more and more in the coming years.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cBuilding real time applications used to be quite difficult,\u201d says Calkins. \u201cNow, with Node.js and Socket.io, building real time apps has been simplified by an order of magnitude. This is great for instant messaging, chat, real time document collaboration and editing, real-time analytics and a number of other apps. Trello, Yammer, Zendesk and many others are using Socket.io to create real time apps.\u201d<\/p><\/blockquote>\n<p>So, what do you think? Is there anything you would add to this list? If so, please share your thoughts in the comments.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Summary: As web application development evolves, it&#8217;s playing an increasingly important role in the business world. More and more, application development directly contributes to a company&#8217;s competitive advantage. How has web application development changed, and where is it going? Learn more in this article.<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","slim_seo":{"title":"7 ways web application development is changing - mrc&#039;s Cup of Joe Blog","description":"Summary: As web application development evolves, it's playing an increasingly important role in the business world. More and more, application development direc"},"footnotes":""},"categories":[8],"tags":[15],"class_list":["post-8510","post","type-post","status-publish","format-standard","hentry","category-education","tag-web-development"],"_links":{"self":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/8510","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/comments?post=8510"}],"version-history":[{"count":13,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/8510\/revisions"}],"predecessor-version":[{"id":14670,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/8510\/revisions\/14670"}],"wp:attachment":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/media?parent=8510"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/categories?post=8510"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/tags?post=8510"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}