How to distinguish between Front-End, Back-End and Full Stack?

1. Journey from unknown to becoming software engineer in San Francisco for 12 months
2. Beginners of computer programming need to focus on what?
3. 9 reasons you should equip a little knowledge of HTML and CSS

Just open a new browser tab, type in a URL and press Enter. That website will be downloaded immediately. You will feel surprised with neat layout layout, well-built pages and impressive images.

So who is responsible for all those experiences? It's the web developers.

As of July 2017, the Internet contains more than 4 billion websites. And that number is increasing. Today, TipsMake.com will work with you to learn about some important security jobs for web programmers who are responsible for programming, building, analyzing and maintaining all those websites.

How to distinguish between Front-End, Back-End and Full Stack? Picture 1

Existing websites are an important part of any business that wants to compete in the market. Web development trends and best effects often change constantly, so programmers never worry about lack of jobs.

However, how to know exactly the types of web development work to search and train? If you often visit job sites or browse online courses, you may find web developers divided into three main groups: Front-End , Back-End and Full Stack .

If you already know through HTML, JavaScript or a bit of Python, but are not sure about the way forward, this article is for you.

Front-End Developer (Front-End Developer)

Front End Developer is a person who focuses on development to build the interface and experience for users. Everything you see when navigating the Internet, from fonts, colors to drop-down menus and sliders, is a combination of HTML, CSS and JavaScript controlled by a computer browser.

How to distinguish between Front-End, Back-End and Full Stack? Picture 2

Front-End skills

Front-end programmers are responsible for the site interface and user experience architecture. To accomplish that goal, front-end developers must master three major programming languages: HTML, CSS and JavaScript.

In addition to mastering these languages, front-end programmers need to familiarize themselves with other frameworks such as Bootstrap, Foundation, Backbone, AngularJS and EmberJS to ensure the content is always displayed well on all different devices. Libraries like jQuery and LESS, pack code into a form that saves time and is more useful.

A lot of work for front-end programmers also requires experience with Ajax, a technique widely used by JavaScript that allows pages to load automatically, loading server data in the background.

Using these tools, front-end developers work closely with designers or user experience analysts to bring mock-ups (miniature models) or wireframes, from development to distribution. Actual product. Good front-end developers can also pinpoint specific problems in the user experience, providing systematic recommendations and solutions to tailor the design accordingly. It is important that they are able to collaborate with other groups in the company to understand the specific purpose, needs and opportunities, then follow those instructions.

How to distinguish between Front-End, Back-End and Full Stack? Picture 3

The front-end work includes a lot of responsibilities but it is worth doing.Mikey Ilagan - a front-end programmer with 8 years of experience said: " I am a technician but have an aesthetic eye and can manipulate what I see and interact with technical platforms. numbers through natural marking and coding.For that, I want to be able to influence the user interface, aspects of an application or website that users interact with and see. . "

Overall, the front-end programmer is responsible for interior design for a home that has been built by the back-end programmer. The aesthetic and decoration styles are decided by the landlord. According to Greg Matranga , Product Marketing Manager at Apptix, he talked about both the front-end and back-end programmers that he supervised: "Developers working on the front-end are sometimes excited. more about what they do because they can really take advantage of their creativity . "

Everything you are seeing on this site can be done by front-end programmers. A designer creates logos and graphics, a photographer provides images, a copywriter writes content. But a front-end programmer combines all those pieces and translates it into web language, creating a user experience as you browse through each page. To get a specific example, when you scroll your mouse up and down on the Download.com.vn website homepage (https://download.com.vn/zalo/download). Did you notice that the word "Download" appears when you scroll down the content, and disappears again when you return to the top? That is the work of the front-end programmer.

1. 13 skills needed to become Frontend Developer

Back-End Developer (Back-End Developer)

How to distinguish between Front-End, Back-End and Full Stack? Picture 4

But what helps the front-end of a website work? Where will all the data be stored? That is the part of the back-end programmer. If the Front-End developer has the power to create the beauty of the website, the Back-End developer is the one who handles all the complicated business logic in the background to help the system work smoothly. The back-end of a web page includes a server, an application, and a database. Back-end programmers build and maintain technology that powers the components, allowing the user interface of the site to exist.

Back-End developer is the person who decides how the website is operated. Very important person.

Back-End skill

In order for servers, applications and databases to communicate, back-end programmers use server-side languages ​​such as PHP, Ruby, Python, Java and .Net to build an application. use. Tools like MySQL, Oracle and SQL Server to search, store or change data and serve users in the front-end section.

Notices of recruiting back-end programmers often require experience with PHP frameworks such as Zend, Symfony and CakePHP; experienced with version management software such as SVN, CVS or Git; and experience with Linux in system development and deployment.

How to distinguish between Front-End, Back-End and Full Stack? Picture 5

Back-end programmers use these tools to create or contribute to web applications with clean, portable and well-documented code. However, before writing the code, they need to coordinate with business stakeholders to understand the specific needs, then translate into technical requirements and offer the most effective solutions for technology architecture.

JP Toto , a long-time back-end programmer, now working at Wildbit, said: " I like back-end development because I love the data manipulation work. Application programming interface (Application Programming Interface or API) public and private has become an essential part of data exchange between mobile devices, websites and other connected systems. making APIs that make the community feel useful is part of my job satisfaction . "

When navigating to the website, TipsMake.com servers send information to your computer or mobile device, and then convert it to the website you are seeing now. That process is the result of the work of a back-end programmer. In addition, if you enroll in a course, such as Udacity or a nanodegree key, storing personal information - in fact, each time you return to the site and log in, your data will appear. back - is part of the back-end programmer's work.

Full Stack Developer (Full Stack Developer)

There is usually no clear distinction between front-end development and back-end.Matranga said: " Front-end developers need to learn more back-end skills and vice versa, especially in the current economic phase. Developers need to have many different skills and have general knowledge. "

Full stack programmers are versatile people who can do both front-end and back-end.

How to distinguish between Front-End, Back-End and Full Stack? Picture 6

Full stack programmer is a popular role 7 years ago by the technical department of Facebook. Full stack programmers can work inter-function on technology "stack", ie both front end and back end. Full stack programmers work like back-end programmers on the web programming side and can master the front-end languages ​​to control the content on the web interface.

Federico Ulfo , a full stack programmer at Grovo, said: " Professional work on both server-side and client-side opens up many opportunities. Of course, full stack development is not without challenges. To make a good dish, you can be good at cooking or good at baking, but to master both of these skills takes time and experience, I'm not talking about following a recipe, because anyone can do that. I'm talking about having ingredients to prepare for something really good . "

Full Stack skill

Full stack programmers work like back-end programmers on the web programming server but they can master the front-end languages ​​to control the content on the web interface. They are versatile people.

To illustrate the growing complexity of full stack development, below is an example of the requirements that a full stack must have in the past few years and compares with current requirements:

How to distinguish between Front-End, Back-End and Full Stack? Picture 7 Skills required for a full stack programmer a few years ago.Photo source: TechCrunch

How to distinguish between Front-End, Back-End and Full Stack? Picture 8 Skills required for full stack programmers today.Photo source: TechCrunch

Regardless of which tool to use, depending on the project and the customer, full stack programmers should have knowledge at all levels on how the web works: installing and configuring Linux servers, writing server-side APIs, jump into the client-side JavaScript section of an application and need a "cosmetic eye" with CSS.

In order to use these tools, full stack programmers need to be able to determine the responsibilities of the client-side or server-side and clearly present the pros and cons of different solutions.

Full stack programmers will be responsible for all of your experience with this blog post, from load time and layout to its interactivity and structure.

The bottom line

Web development has many different aspects. No matter what type of development you are pursuing, soft skills like attention to detail, the ability to learn quickly, the ability to solve problems effectively and the ability to communicate will be very supportive. Much for the hard skills mentioned above.

Fortunately, there has never been a better time to pursue a web development career like this. The number of jobs for web developers is expected to increase by 27% over the 10-year period from 2014-2024, faster than the average for all other industries.

Author: Michael Wales

Refer to some more articles:

1. 7 reasons you should learn Swift programming language
2. Form a way of thinking like a programmer
3. 11 basic principles that every programmer should follow

Having fun!