In-depth analysis of the front-end and back-end development so that you are no longer confused!

I actually didn’t know much about the front-end and back-end before, but after solving my doubts on the browser, I got a little understanding and compiled it into an article for your reference.

Front-end and back-end are two different fields in web development. What is the difference between these two fields? How to choose these two different fields rationally?

The programming world is equivalent to a fascinating stage, and front-end development and back-end development are equivalent to two different areas. One is equivalent to the stage, eye-catching, and the other is equivalent to behind the scenes, helping the front of the stage to perform better. !

Table of contents

I. Introduction

front end

rear end

personal opinion

2. Comparative analysis of the two

front end

Skill

Responsibilities

rear end

Skill

Responsibilities

3. Front-end and back-end learning routes

front end

rear end

4. Introduction to full-stack development

5. Personal opinion


I. Introduction

front end

The front-end refers to the interface visible to users . The front-end page of a website is the page development of a web page, which mainly involves websites and apps. Users can see things from the App screen or browser. For example, special effects, layout, pictures, videos, audio and other content on the web page. Simply put, everything you can see from the App screen and browser belongs to the front end.

rear end

The back-end refers to things that are invisible to users . It usually interacts with front-end engineers and saves and reads website data. Relatively speaking, the back-end involves much more logic code than the front-end. The back-end considers the bottom layer. Implementation of business logic, stability and performance of the platform, etc. Back-end development is "server-side" development, which mainly involves the "back-end" of the software system. For example, servers used to host website and app data, and middleware placed between back-end servers and browsers and apps, all belong to the back end. Simply put, the stuff you don’t see on the screen but that is used to power the front end is the backend.

personal opinion

According to everyone's interest in different things, you can choose based on your own interests. If you are more interested in graphics, interfaces, etc., you can choose the front end; however, if you are more interested in how to improve the efficiency of the website If so, you can choose the backend. Of course, this is not absolute. You still have to make a decision based on your actual situation (salary needs, etc.).

2. Comparative analysis of the two

Front-end and back-end have different professional skill requirements, and their developer responsibilities are also different.

front end

Skill

1. Master the basic knowledge of web hosting,

2. Proficient in basic Web languages: HTML/CSS/JavaScript and familiar with W3C web standards,

3. Proficient in basic web languages: HTML/CSS/JavaScript and familiar with W3C web standards;

4. Familiar with web data transmission: Ajax (XMLHttpRequest), Fetch, XML, JSON, XHR, etc.;

5. Familiar with network protocols: TCP/IP, HTTP, HTTPS, WebSocket, etc.;

6. Familiar with the use of at least one MVVM/MVC framework, such as Vue, React, etc.;

7. Familiar with front-end engineering: Webpack, Gulp, Vite, VueCLI, create-react-app, etc.;

8. Have rich experience in web page production and animation effects, etc., and be familiar with compatibility issues of different browsers and page optimization;

9. Be familiar with mobile terminal development, understand the difference between iOS and Android browser kernels, be familiar with adaptive layout, and understand the development process of small programs and official accounts;

10. Understand the basics of web security: SQL injection, XSS attacks, CSRF attacks, asymmetric encryption, etc.;

11. Understand project tools: git, K8s, DevOps, etc.;

12. Understand certain back-end technologies: node, Java, SQL, etc.;

Responsibilities

1. Good at communicating with customers and helping them realize their ideas

2. Provide simple and easy-to-use design

3. Build a visually appealing website

4. Ensure that the look and feel of the website remains consistent across various browsers

rear end

Skill

Every company has different requirements for back-end development

But there are always a few requirements that are the same:

1. It is required to master a mainstream programming language: Golang/C/C++/Java/Python 

2. Familiar with Linux, etc.

Please click on the link for details:

Summary of back-end development job requirements - Zhihu (zhihu.com)

Responsibilities

1. Provide customers with efficient development solutions

2. Save the data safely and display the data to users when needed.

3. Build system and data analysis architecture

3. Front-end and back-end learning routes

front end

(found online)

rear end

 (Details can be found online, so I won’t show too much)

4. Introduction to full-stack development

Working on both front-end and back-end development, they are called full-stack developers.

I think full stack development has both advantages and disadvantages. Although the number of developers can be reduced to half of the original number, their level has also been reduced accordingly. After all, developers who specialize in front-end or back-end development will always know more about a single field than developers who know both fields at the same time.

5. Personal suggestions

It doesn't matter what the development prospects of the front-end and back-end industries are, because as long as the IT industry continues to develop, these two positions will always be needed. So throw those thoughts aside and just think about which one is right for you rather than simply which one has better job prospects, front-end or back-end. After you have thought about it, you should calm down and work hard on the path you have chosen, so that you will not be treated badly in the future.

Guess you like

Origin blog.csdn.net/qq_73435980/article/details/133345961