{"id":73054,"date":"2020-01-15T14:51:54","date_gmt":"2020-01-15T09:21:54","guid":{"rendered":"https:\/\/www.vskills.in\/certification\/tutorial\/?p=73054"},"modified":"2024-04-12T14:27:10","modified_gmt":"2024-04-12T08:57:10","slug":"what-is-full-stack-front-or-back-end","status":"publish","type":"page","link":"https:\/\/www.vskills.in\/certification\/tutorial\/what-is-full-stack-front-or-back-end\/","title":{"rendered":"What is Full Stack, Front or Back-end"},"content":{"rendered":"\n<p><a href=\"https:\/\/www.vskills.in\/certification\/tutorial\/mean-stack-tutorials\/\" target=\"_blank\" rel=\"noreferrer noopener\">Go back to Tutorial<\/a><\/p>\n\n\n<p>Web has grown more complex and as more becomes possible on the Internet, developers have gotten more specialized. And that means instead of developers who do it all, many focus on specific parts of development:<\/p>\n<ul>\n<li>front end (the visible parts of a website)<\/li>\n<li>back end (the \u201cunder the hood\u201d databases and infrastructure)<\/li>\n<li>full stack (a hybrid of both)<\/li>\n<\/ul>\n<p><strong>Front End<\/strong><\/p>\n<p>The front end of a website (or web or mobile application) is the part a user sees and directly interacts with. The front end is built with languages like:<\/p>\n<ul>\n<li>HTML<\/li>\n<li>CSS<\/li>\n<li>JavaScript<\/li>\n<\/ul>\n<p>You can create a website with just HTML and CSS, but it\u2019s JavaScript that\u2019s really the gamechanger (plus, it\u2019s what\u2019s causing all the aforementioned blurriness). To put it simply, JavaScript lets you add in interactivity, more complex animations, and even makes it possible to build fully featured Web applications.<\/p>\n<p>Back in the day (like 2012), web browsers used to be really bad at interpreting a lot of JavaScript, so adding complex functionality with JS wasn\u2019t always a good idea. But browsers have gotten much more powerful, making it possible to do with JavaScript what used to be reserved for \u201cback end\u201d programming languages. And there have been advances in JavaScript itself (including the creation of frameworks like AngularJs, jQuery, and Node.js). In short, what happened is that what we mean by \u201cfront end\u201d development has radically changed in just a few short years.<\/p>\n<p>Front end developers use HTML, CSS, and JavaScript to code up websites. They\u2019re the ones who take the design and create a functioning website from it. Some sites are only built with HTML, CSS, and JavaScript. Other sites, however, have more code hidden away in the back end of the site, to augment or enhance the front end of the site.<\/p>\n<p>Front End &#8211; Client Software<\/p>\n<ul>\n<li>HTML<\/li>\n<li>CSS<\/li>\n<li>Bootstrap<\/li>\n<li>JavaScript<\/li>\n<li>JSON<\/li>\n<li>XML<\/li>\n<li>jQuery<\/li>\n<li>Angular<\/li>\n<li>React<\/li>\n<li>js<\/li>\n<li>js<\/li>\n<\/ul>\n<p><strong>Back End<\/strong><\/p>\n<p>The back end is much more behind-the-scenes and can have some advantages over front end technologies for specific projects. Back end programming languages include:<\/p>\n<ul>\n<li>PHP<\/li>\n<li>Ruby<\/li>\n<li>Python<\/li>\n<\/ul>\n<p>As far as what you can do with a back end language that you can\u2019t do with JavaScript, the list is much more limited today than it used to be. One key difference: Most content management systems are built on a back end programming language, as are many large, complex web applications. JavaScript can suffer from performance issues (i.e., it gets slow or even buggy) in some cases, so while it\u2019s now possible to use JS to build just about anything you can think of, sometimes there are still better solutions out there. Learning to code will teach you to find the best solution for your specific problem, and sometimes that means using a back end language.<\/p>\n<p>Back end developers generally work with a front end developer to make their code work within the site or app\u2019s design (or to tweak that design when necessary) and front end.<\/p>\n<p>Back End &#8211; Server Software<\/p>\n<ul>\n<li>PHP<\/li>\n<li>ASP<\/li>\n<li>C#<\/li>\n<li>Java<\/li>\n<li>Python<\/li>\n<li>js<\/li>\n<li>Ruby<\/li>\n<li>REST<\/li>\n<li>GO<\/li>\n<li>MongoDB<\/li>\n<\/ul>\n<p><strong>Full Stack<\/strong><\/p>\n<p>Full stack developers work with both the front and back end of a website or application. They\u2019re familiar with HTML, CSS, JavaScript, and one or more back end languages.<\/p>\n<p>As the line between what can be done on the front end vs back end becomes more and more similar, and as things that were previously only possible on the back end become possible on the front end, more developers are becoming what we call \u201cfull stack.\u201d A lot of employers (especially agencies who work on different kinds of sites) are looking for developers who know how to work on all the parts of a site, so they can use the best tools for the job regardless of whether it\u2019s technically \u201cfront end\u201d or \u201cback end.\u201d<\/p>\n<p>Now, contrary to what a lot of people think, \u201cfull stack\u201d doesn\u2019t necessarily mean a developer is actually writing all of a site\u2019s code themselves. Many full stack developers spend the majority of their time in either the front or back end code of a site.<\/p>\n<p>But the point is that they know enough about the code across the entire stack that they can dive in anywhere if needed. And some full stack developers do code entire websites, including both the front and back ends, but usually only if they are working freelance or are the only developer working on a project.<\/p>\n<p>Most full stack developers specialize in a particular back end programming language, like Ruby or PHP or Python, although some, especially if they\u2019ve been working as a developer for a while, work with more than one. In job listings, you\u2019ll generally see openings for \u201cfull stack Ruby developer\u201d or the like.<\/p>\n<p><strong>Popular Stacks<\/strong><\/p>\n<ul>\n<li>Linux. Apache. MySQL. PHP. (LAMP Stack)<\/li>\n<li>Linux. Nginx. MySQL. PHP. (LEMP Stack)<\/li>\n<li>MongoDB. Express. AngularJS. Node.js. (MEAN Stack)<\/li>\n<li>Python. Django. MySQL. (Django Stack)<\/li>\n<li>Ruby. SQLite, PHP. (Ruby on Rails)<\/li>\n<\/ul>\n<p><strong>Full Stack Advantages<\/strong><\/p>\n<p>The advantage of being a full stack web developer is:<\/p>\n<ul>\n<li>You can master all the techniques involved in a development project<\/li>\n<li>You can often make a prototype very rapidly<\/li>\n<li>You can often provide help to all the team members<\/li>\n<li>You can often reduce the cost of the project<\/li>\n<li>You can often reduce the time used for team communication<\/li>\n<li>You can switch between front and back end development based on requirements<\/li>\n<li>You can better undersand all aspects of new (upcoming) technology<\/li>\n<\/ul>\n<p><strong>Full Stack Disadvantages<\/strong><\/p>\n<ul>\n<li>The solution choosen can be wrong for the project<\/li>\n<li>The solution choosen can be dependent on developer skills<\/li>\n<li>The solution can generate a key person risk<\/li>\n<li>Being a full stack developer is increasingly complex<\/li>\n<\/ul>\n\n\n<p><a href=\"https:\/\/www.vskills.in\/certification\/tutorial\/mean-stack-tutorials\/\" target=\"_blank\" rel=\"noreferrer noopener\">Go back to Tutorial<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Go back to Tutorial Web has grown more complex and as more becomes possible on the Internet, developers have gotten more specialized. And that means instead of developers who do it all, many focus on specific parts of development: front end (the visible parts of a website) back end (the \u201cunder the hood\u201d databases and&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[8514],"tags":[8516],"class_list":["post-73054","page","type-page","status-publish","hentry","category-mean-stack","tag-what-is-full-stack"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>What is Full Stack, Front or Back-end - Tutorial<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vskills.in\/certification\/tutorial\/what-is-full-stack-front-or-back-end\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is Full Stack, Front or Back-end - Tutorial\" \/>\n<meta property=\"og:description\" content=\"Go back to Tutorial Web has grown more complex and as more becomes possible on the Internet, developers have gotten more specialized. And that means instead of developers who do it all, many focus on specific parts of development: front end (the visible parts of a website) back end (the \u201cunder the hood\u201d databases and...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/tutorial\/what-is-full-stack-front-or-back-end\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorial\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T08:57:10+00:00\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/what-is-full-stack-front-or-back-end\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/what-is-full-stack-front-or-back-end\/\",\"name\":\"What is Full Stack, Front or Back-end - Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\"},\"datePublished\":\"2020-01-15T09:21:54+00:00\",\"dateModified\":\"2024-04-12T08:57:10+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/what-is-full-stack-front-or-back-end\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/tutorial\/what-is-full-stack-front-or-back-end\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/what-is-full-stack-front-or-back-end\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is Full Stack, Front or Back-end\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"name\":\"Tutorial\",\"description\":\"Vskills - A initiative in elearning and certification\",\"publisher\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\",\"name\":\"Vskills\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"width\":73,\"height\":55,\"caption\":\"Vskills\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/vskills.in\/\",\"https:\/\/x.com\/vskills_in\",\"https:\/\/www.linkedin.com\/company-beta\/1371554\/\",\"https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is Full Stack, Front or Back-end - Tutorial","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vskills.in\/certification\/tutorial\/what-is-full-stack-front-or-back-end\/","og_locale":"en_US","og_type":"article","og_title":"What is Full Stack, Front or Back-end - Tutorial","og_description":"Go back to Tutorial Web has grown more complex and as more becomes possible on the Internet, developers have gotten more specialized. And that means instead of developers who do it all, many focus on specific parts of development: front end (the visible parts of a website) back end (the \u201cunder the hood\u201d databases and...","og_url":"https:\/\/www.vskills.in\/certification\/tutorial\/what-is-full-stack-front-or-back-end\/","og_site_name":"Tutorial","article_publisher":"https:\/\/www.facebook.com\/vskills.in\/","article_modified_time":"2024-04-12T08:57:10+00:00","twitter_misc":{"Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/what-is-full-stack-front-or-back-end\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/what-is-full-stack-front-or-back-end\/","name":"What is Full Stack, Front or Back-end - Tutorial","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website"},"datePublished":"2020-01-15T09:21:54+00:00","dateModified":"2024-04-12T08:57:10+00:00","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/what-is-full-stack-front-or-back-end\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/tutorial\/what-is-full-stack-front-or-back-end\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/what-is-full-stack-front-or-back-end\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/tutorial\/"},{"@type":"ListItem","position":2,"name":"What is Full Stack, Front or Back-end"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","name":"Tutorial","description":"Vskills - A initiative in elearning and certification","publisher":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization","name":"Vskills","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","contentUrl":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","width":73,"height":55,"caption":"Vskills"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vskills.in\/","https:\/\/x.com\/vskills_in","https:\/\/www.linkedin.com\/company-beta\/1371554\/","https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw"]}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/73054","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/comments?post=73054"}],"version-history":[{"count":4,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/73054\/revisions"}],"predecessor-version":[{"id":87723,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/73054\/revisions\/87723"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/media?parent=73054"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/categories?post=73054"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/tags?post=73054"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}