{"id":9489,"date":"2015-09-01T10:35:22","date_gmt":"2015-09-01T15:35:22","guid":{"rendered":"http:\/\/www.mrc-productivity.com\/blog\/?p=9489"},"modified":"2023-03-13T16:16:36","modified_gmt":"2023-03-13T21:16:36","slug":"web-development-whats-changed-and-where-is-it-going","status":"publish","type":"post","link":"https:\/\/www.mrc-productivity.com\/blog\/2015\/09\/web-development-whats-changed-and-where-is-it-going\/","title":{"rendered":"Web Development: What\u2019s changed and where is it going?"},"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: Over the recent years, web development has changed significantly. Driven largely by the rise of recent trends (like mobile), the world of development is rapidly evolving. In this article, we&#8217;ll uncover what has changed, where development is headed, and how this effects your business. <\/em><br \/>\n<\/span><br \/>\n<a name=\"20150831\"><\/a><!--more--><\/p>\n<figure id=\"attachment_9492\" aria-describedby=\"caption-attachment-9492\" style=\"width: 300px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-9492\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2015\/09\/entrepreneur-696966_640-300x198.jpg\" alt=\"photo credit: geralt via pixabay cc\" width=\"300\" height=\"198\" \/><figcaption id=\"caption-attachment-9492\" class=\"wp-caption-text\">photo credit: <a href=\"https:\/\/pixabay.com\/en\/entrepreneur-start-start-up-career-696966\/\">geralt<\/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>Think back 10 years ago. The web was a completely different place. Smartphones (as we know them today) didn\u2019t exist. Internet Explorer still dominated the browser market. Development methods were far different than they are today.<\/p>\n<p>Since that time, we\u2019ve seen smartphones and tablets emerge. Mobile browser usage has already surpassed the desktop. Development methods have changed dramatically to keep up with this (and other) trends.<\/p>\n<p><strong>The big question: Why is this important to your business? <\/strong><\/p>\n<p>Keeping up with changing development trends is important on two levels.<\/p>\n<p>First, you don\u2019t want to be that company stuck doing things the old way. This makes your business look \u201cbehind the times,\u201d and gives potential customers a negative view of your company. For example, I recently saw a company site that required Internet Explorer. What kind of message does this requirement send to their users? These days, your website and apps should not only work across every browser, but every device as well.<\/p>\n<p>Second, you could be missing out on the advantages that these changes provide. Changes introduced over the past few years have improved application speed, capabilities, security, and more. In the future, new changes will create even more advantages. Do you really want to ignore that?<\/p>\n<p>Today, let\u2019s explore these changes and the effects they have on your web development. Here are a few ways development has changed, and will evolve in the near future.<\/p>\n<h3>1. The shift towards Javascript frameworks<\/h3>\n<p>The rise of mobile has transformed many aspect of web development. One major change: It\u2019s changed user\u2019s expectations. It\u2019s forced developers to create web applications that behave more like native applications.<\/p>\n<p>As a result, we\u2019ve seen a trend over the past few years: The shift towards client-side development. In the past, the client-server model relied on the server doing the heavy lifting, and then sending the results to the client.<\/p>\n<p>But, now that\u2019s changing. Users demand stronger and more responsive web applications that rival native mobile apps and desktop software. As a result, more of the application must be put in the browser. As explained below, we\u2019re seeing more Javascript frameworks replace traditional development methods.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cThe main change in the past few years has been a migration away from the tried\/true, familiar LAMP stack and toward dual data binding Javascript frameworks like React and Meteor,\u201d says Alan N. Canton, Managing Partner at <a href=\"http:\/\/www.NewMediaCreate.com\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">NewMedia Create<\/span><\/a>. \u201cWhile these frameworks claim to \u2018ease development\u2019 in truth there is still a steep learning curve for the developer coming from LAMP. But once ramped up, the developer can do client-side things much more efficiently.\u201d<\/p><\/blockquote>\n<h3>2. The rise of cyber attacks<\/h3>\n<figure id=\"attachment_9493\" aria-describedby=\"caption-attachment-9493\" style=\"width: 300px\" class=\"wp-caption alignright\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-9493\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2015\/09\/hack-813290_640-300x168.jpg\" alt=\"photo credit: JavadR via pixabay cc\" width=\"300\" height=\"168\" srcset=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2015\/09\/hack-813290_640-300x168.jpg 300w, https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2015\/09\/hack-813290_640.jpg 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><figcaption id=\"caption-attachment-9493\" class=\"wp-caption-text\">photo credit: <a href=\"https:\/\/pixabay.com\/en\/hack-hacker-elite-hacking-exploits-813290\/\">JavadR<\/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>Cyberattacks are increasing. Attackers are more sophisticated than ever. This trend is only growing. In fact, 2014 was a record year for cyber attacks. 2015 isn\u2019t shaping up any better.<\/p>\n<p>The problem: As mentioned in this <a href=\"http:\/\/sdtimes.com\/stop-fighting-yesterdays-software-security-wars\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">article<\/span><\/a>, developers are still making the same security missteps that were made a decade ago. According to <a href=\"https:\/\/www.info-point-security.com\/sites\/default\/files\/cenzic-vulnerability-report-2014.pdf\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">this study<\/span><\/a>, 96% of all web applications contain at least one \u201cserious vulnerability.\u201d<\/p>\n<p>That being said, we\u2019re finally seeing an increased focus on security. While application security lags behind now, it must become a major development focus over the next few years.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cSecurity is one of the primary issues on the minds of developers these days, due to the number of security breaches we have observed over the past few years,\u201d says Mark Tuchscherer, Co-founder and President of <a href=\"https:\/\/www.geekschicago.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">Geeks Chicago<\/span><\/a>. \u201cDevelopers are using SSL and two-factor authentication far more than they have in the past. Everyone is also trying to add a security layer to everything they build now a days. We have also seen the release of HTTP2, which should assist with security and discovering issues in a much lighter protocol.\u201d<\/p><\/blockquote>\n<h3>3. The growth of HTML and CSS<\/h3>\n<p>HTML5 became the standard in 2014, but is constantly evolving. New features and APIs are added regularly. While HTML5 is <a href=\"https:\/\/www.mrc-productivity.com\/blog\/2013\/07\/do-you-believe-these-common-html5-myths\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">still surrounded with confusion<\/span><\/a>, it\u2019s changing web development in one very important way: HTML5 is delivering features that help web applications behave like native apps.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cThere are two large changes that define the space,\u201d says Drew Thomas, CTO of <a href=\"http:\/\/www.brolik.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">Brolik<\/span><\/a>. \u201cOne is the addition of all the new HTML5 APIs that add native-like features to web browsers. The limited list of currently available APIs like camera access is rapidly growing to include new features like local storage \/ offline access and notifications (and many more).\u201d<\/p><\/blockquote>\n<p>But, it doesn\u2019t stop there. HTML works hand-in-hand with Cascading Style Sheets (CSS)&#8211;which are also undergoing some pretty exciting changes. CSS is responsible for the layout and look\/feel of a page. It\u2019s behind responsive design&#8211;a web application\u2019s ability to appear different on different devices and screen sizes.<\/p>\n<p>What\u2019s changing with CSS? As explained below, CSS4 will emerge in the near future, bringing some significant changes along with it.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cOne of the really interesting things I&#8217;m really excited about as a developer is the upcoming advancements in CSS,\u201d says Orun Bhuiyan, Marketing Technologist at <span style=\"color: red; font-weight: bold;\">SEOcial<\/span>. \u201cNot the least of which is, of course, variables that can be manipulated right in CSS (without the use of pre-processors or post-processors). Firefox has already implemented this as of version 38 and it&#8217;s coming to Chrome soon too. Realistically it&#8217;ll be several years before people start adopting this as old browsers won&#8217;t support it, but it represents a new era for CSS as we step into CSS level 4.\u201d<\/p><\/blockquote>\n<h3>4. The Single Page Application mentality<\/h3>\n<p>As mentioned above, the growth of mobile devices is changing web application development. Another big change is the growth of the single page app.<\/p>\n<p>Let me quickly explain why this is important. In the past, a web application or a website consisted of multiple pages all linked together. The problem with this approach: Pages load slower on mobile devices. Navigating a complex site becomes frustrating on a mobile device, as the user must wait around for pages to load. As a result, we\u2019re seeing applications switch to a single-page approach.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cAnother change is the Single Page Application (SPA) mentality and all the new frameworks that come along with it,\u201d says Thomas. \u201cAgain, in an effort to emulate native apps, web apps are being built as a single page so that we never load an entire new page. This makes our web applications feel faster, and it allows for more visual transitions from state to state. This comes along with many challenges, from security issues to SEO issues to framework choice issues.\u201d<\/p><\/blockquote>\n<h3>5. The growth of UX<\/h3>\n<figure id=\"attachment_9495\" aria-describedby=\"caption-attachment-9495\" style=\"width: 300px\" class=\"wp-caption alignright\"><a href=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2015\/09\/ux-788002_640.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"size-medium wp-image-9495\" src=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2015\/09\/ux-788002_640-300x199.jpg\" alt=\"photo credit: FirmBee via pixabay cc\" width=\"300\" height=\"199\" srcset=\"https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2015\/09\/ux-788002_640-300x199.jpg 300w, https:\/\/www.mrc-productivity.com\/blog\/wp-content\/uploads\/2015\/09\/ux-788002_640.jpg 640w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><figcaption id=\"caption-attachment-9495\" class=\"wp-caption-text\">photo credit: <a href=\"https:\/\/pixabay.com\/en\/ux-prototyping-design-webdesign-788002\/\">FirmBee<\/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>Yet another change brought on through the rise of mobile: The importance of User Experience (UX) has skyrocketed. While this change is already accepted by most, I add it to this list because many companies still haven\u2019t grasped the importance of UX.<\/p>\n<p>The user experience can make or break a mobile app, and that\u2019s carrying over to web applications. Users now expect simplicity. They expect a web application to have an intuitive experience.<\/p>\n<p>Now, a good user experience is different than a good design. It accounts for the path a user takes when navigating your application. It accounts for application speed. It\u2019s about how the application responds to the user. We\u2019ve seen this area grow rapidly over the last few years, and can expect this change to continue.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cThere is a greater emphasis on UX upfront vs. clients streaming in asking for \u2018just a website,\u2019\u201dsays Aalap Shah, Co-Founder of <a href=\"http:\/\/www.someconnect.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">SoMe Connect<\/span><\/a>. \u201cThere are now customer journeys, blueprints, and more discussion around the experience that a client\/brand wants to convey vs. putting up a website just to put up a website.\u201d<\/p><\/blockquote>\n<h3>6. The way we use the web<\/h3>\n<p>What does it mean to use the web? In the past, the answer was simple. You opened a web browser on a computer, and browsed the internet.<\/p>\n<p>Today, it\u2019s not so simple. We now have mobile apps and browsers. We have smart devices that access the web. Going forward, the Internet of Things will blur the line even more. As explained below, web development is becoming less about the page, and more about the data and experience you deliver to your users.<\/p>\n<blockquote style=\"line-height: 1.7em; background-image: none; margin-left: 0; padding-left: 18px; height: auto;\"><p>\u201cOne major change we&#8217;ll see, and are already starting to see, is a change in how we use the web,\u201d says Michelle Burke, Marketing Manager at <a href=\"http:\/\/www.futureinsights.com\/\" target=\"_blank\" rel=\"noopener\"><span style=\"color: red; font-weight: bold;\">Future Insights<\/span><\/a>. \u201cThere will no longer be a major focus on the browser, but more of a focus on the user experience (UX) and engagement. Gadgets like the Apple Watch have used these tactics to make opening a browser less significant, and rather more integrated with our daily lives (think: IoT!).\u201d<\/p><\/blockquote>\n<h3>Summary<\/h3>\n<p>Now, these are just a few ways development is changing, but the list could go on. If you would like to add anything to this list, I\u2019d love to hear it. Feel free to share in the comments.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Summary: Over the recent years, web development has changed significantly. Driven largely by the rise of recent trends (like mobile), the world of development is rapidly evolving. In this article, we&#8217;ll uncover what has changed, where development is headed, and how this effects your business.<\/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":"Web Development: What\u2019s changed and where is it going? - mrc&#039;s Cup of Joe Blog","description":"Summary: Over the recent years, web development has changed significantly. Driven largely by the rise of recent trends (like mobile), the world of development i"},"footnotes":""},"categories":[8],"tags":[13,15],"class_list":["post-9489","post","type-post","status-publish","format-standard","hentry","category-education","tag-application-development","tag-web-development"],"_links":{"self":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/9489","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=9489"}],"version-history":[{"count":7,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/9489\/revisions"}],"predecessor-version":[{"id":14684,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/posts\/9489\/revisions\/14684"}],"wp:attachment":[{"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/media?parent=9489"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/categories?post=9489"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/blog\/wp-json\/wp\/v2\/tags?post=9489"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}