{"id":2165,"date":"2019-12-31T00:29:30","date_gmt":"2019-12-31T00:29:30","guid":{"rendered":"http:\/\/kusuaks7\/?p=1770"},"modified":"2024-02-01T07:22:26","modified_gmt":"2024-02-01T07:22:26","slug":"how-did-front-end-programming-evolve-should-i-do-the-job","status":"publish","type":"post","link":"https:\/\/www.experfy.com\/blog\/software-ux-ui\/how-did-front-end-programming-evolve-should-i-do-the-job\/","title":{"rendered":"How did Front End Programming Evolve \u2013 Should I do The Job?"},"content":{"rendered":"\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tIn this blog post, I will explain who the frontend developer is and what they actually do.\u00a0So let\u2019s get started \u2026\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tWhat is front end development? What does a front end programmer do? What was the path that the front end developed from the beginning?<\/strong>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\nThese are just some of the questions you can get right here, so stay tuned and check out what I\u2019ve prepared for you this time!\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Front End Beginnings:<\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tIt is generally accepted that the front end first appeared with the advent of HTML and CSS.\u00a0So, it\u2019s fair to say that the first front end developers emerged in the early 1990s. At that time, the profession was not popular, but with the development of the internet, HTML, and CSS, it began to become popular and gained a very important role in web programming. Initially, the front end developer didn\u2019t do many things.\u00a0His job was to create a static website and make it look good.\u00a0The real breakthrough of this profession and better days for all \u201cfrontend developers\u201d began on December 22, 1995. years.\u00a0As a scripting language, JavaScript first appeared. Already then it was clear that front end developers would have a much bigger role to play in creating websites.\u00a0With the advent of JavaScript, a new era for the entire front end has begun.<\/strong>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

What exactly is the Front end?<\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tConsidering the power of the front end, it is my turn to explain what it really is before I move on and address the issues surrounding front end developers. The front end is a part of web programming whose code is executed on the client-side.\u00a0This means that code written by front end developers is served to the browser of the visitor to that site and is executed there. Over time, this has actually changed a bit, but I\u2019ll talk about that later.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

The other part of the front end developer path<\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tIt hasn\u2019t taken long since JavaScript was published to reach its full potential on the internet.\u00a0Many people then used JavaScript in the ways they wanted, so at that time it was extremely important to formulate some basic rules and standard guidelines for use and its development.\u00a0In 1997, ECMAScript first appeared as a standard for JavaScript.\u00a0<\/strong>It was the beginning of a new era for front-end developers, still considered web designers at the time.\u00a0ECMA worked a lot on JavaScript development, but the development path they had was very bumpy.\u00a0Especially with version 4, which was supposed to be innovative at the time, and was abandoned for some political reasons.\u00a0Due to complexity, this version was only updated in 2008.\u00a0Some people even thought that this version could destroy the internet, so it was abandoned.\u00a0In December 2009, ECMA released version 5, and thanks to that version, JavaScript has become what we know and see today.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tWe took a detour around the Front end, just because of the importance of JavaScript and ECMAScript, but it\u2019s time to get back on the main road.\u00a0In the early 2000s, JavaScript was very popular but still didn\u2019t become an important part of front end developers. In 2006, one thing came up that changed everything when it came to front end developers (still web designers back then).\u00a0That thing is jQuery, which is actually a cross-platform JavaScript library.\u00a0<\/strong>That was the year a web designer found himself at a crossroads! He had two times: one to remain a designer and just design websites, the other to become a web developer \u2013 front end programmer.\u00a0<\/em>That\u2019s how web designers split up, and so they become the front end developers we know today.\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tNow we, who took the number 2 route, through developers, still had a very difficult road ahead of us.\u00a0With jQuery, we had a lot of new features that we could add to the website.\u00a0Websites have stopped being static!\u00a0We have given that dynamic component to websites. So, we have breathed life into websites.\u00a0Therefore, front end developers have become developers, using JavaScript, HTML, and CSS, doing many more things than the website itself, however, that was still not enough.\u00a0We wanted to do more!\u00a0ECMAScript continues to grow, new versions have been released, but what made us an important part of the web programming process today was not just ECMAScript.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

New Era \u2013 frameworks and preprocessors<\/h2>\n<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tIn addition to ECMAScript and jQuery, it is the framework that has made a real boom in front end development.\u00a0The year was 2010 and that year was marked by great influence from front end developers.\u00a0The first\u00a0frameworks\u00a0we still use today appeared then.\u00a0For example, it was\u00a0Angular and Backbone<\/strong>.\u00a0But why did they have such a big impact?\u00a0Well, the difference between libraries and\u00a0frameworks\u00a0is how they are implemented.\u00a0When you use a library, you simply call the predefined functions from it and that\u2019s it.\u00a0What the\u00a0frameworks\u00a0give you is much bigger than that.\u00a0The Framework gives you a set of rules, guidelines, frameworks in which you can create applications and websites with many more options.\u00a0It allows you to design the entire application, combine with libraries, manipulate the DOM, and more.\u00a0So today we have many frameworks available, and we can choose which one to use when creating our application. There are many of them and the most popular is\u00a0Angular, Vue and React<\/strong>.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tIn the new era, the late 2000s also saw a breakthrough for front-end developers when it comes to CSS.\u00a0<\/em>Since CSS has been good from the start, it is a bit unmanageable when it comes to development.\u00a0Therefore, something had to be done to give developers the opportunity to do more with less code.\u00a0That idea was the most important link in the chain that gave us CSS preprocessors.\u00a0They give us the opportunity to do many things, they have functions in CSS, they have variables, whole pieces of code that are used in multiple places, they can divide the code into smaller parts.\u00a0And what\u2019s best in the whole story \u2013 when you\u2019re done, they compile in plain CSS and work like Charm.\u00a0So today, preprocessors are used all the time.\u00a0We have the opportunity to choose which one to use. We have\u00a0Stylus, Less and Sass<\/strong>, as well as many others, but these three are the most used. \t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tAlso, there is one more thing to mention when it comes to the new era, which is certainly the spread of HTML. Over the years, HTML has evolved a lot, so today we have HTML5 which is much more powerful than previous versions.<\/em>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Front end developers today and new intersections:<\/h2><\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tNowadays, front end developers do a lot, not to make the website look nice, but today they create the entire structure of the website and applications, make the site have its \u201clife\u201d.\u00a0They work to create all possible user interactions with applications, manipulate the DOM at a much higher level, and more!\u00a0They create a virtual DOM and manipulate the displayed content.\u00a0They communicate with the server that is running the data, and if necessary, format the data or even create data independently of the server.\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tAll this makes one Front End developer an extremely important part of the entire web programming process.<\/strong>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tNew Crossroads \u2013 Are you sure you were wondering what I meant when I said that ?!\u00a0JavaScript has become so powerful that today the front end developer has made the leap from client-side to server-side.\u00a0Today with JavaScript, we have the ability to create applications executed on the server so the question is \u2013 Will we remain front end developers or will we become back end developers?\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\tJavaScript enabled all of this, but it also gave us Node.js. With JavaScript, we can now create REST structures \u2026\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"

In this blog post, I will explain who the frontend developer is and what they actually do.\u00a0So let\u2019s get started \u2026What is front end development? What does a front end programmer do? What was the path that the front end developed from the beginning? These are just some of the questions you can get right<\/p>\n","protected":false},"author":685,"featured_media":3193,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"content-type":"","footnotes":""},"categories":[200],"tags":[106],"ppma_author":[3475],"class_list":["post-2165","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-software-ux-ui","tag-software"],"authors":[{"term_id":3475,"user_id":685,"is_guest":0,"slug":"alen-ibric","display_name":"Alen \u0130bri\u00e7","avatar_url":"https:\/\/www.experfy.com\/blog\/wp-content\/uploads\/2020\/04\/medium_7b9fc7fb-1f17-4554-9f19-b942b50e055c-150x150.jpg","user_url":"http:\/\/www.bilkent.edu.tr\/","last_name":"\u0130bri\u00e7","first_name":"Alen","job_title":"","description":"Alen \u0130bri\u00e7<\/a> is Senior Computer Engineer at Bilkent University, Turkey."}],"_links":{"self":[{"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/posts\/2165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/users\/685"}],"replies":[{"embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/comments?post=2165"}],"version-history":[{"count":8,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/posts\/2165\/revisions"}],"predecessor-version":[{"id":35804,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/posts\/2165\/revisions\/35804"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/media\/3193"}],"wp:attachment":[{"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/media?parent=2165"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/categories?post=2165"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/tags?post=2165"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.experfy.com\/blog\/wp-json\/wp\/v2\/ppma_author?post=2165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}