What is the difference between web front-end and back-end development?

Difference: 1. The front-end refers to the interface visible to the user, and the back-end refers to things invisible to the user. It considers the implementation of the underlying business logic, the stability and performance of the platform, etc. 2. The technologies used in front-end development include html5, css3, js, jquery, Bootstrap, Node.js, Vue, etc.; while the back-end development uses server technologies such as java, php, and HTTP protocol. 3. From the perspective of application scope, front-end development is not only well-known by ordinary people, but its application scenarios are much wider than that of back-end.

The operating environment of this tutorial: Windows 7 system, Dell G3 computer.

There is a difference between front-end development and back-end development. The content of the work and the things you are responsible for are completely different.

What is web front-end development

The web front-end, also known as the "client", is about the website that users can see and experience The visual aspect, that is, everything a user sees that a web browser displays, involves everything the user can see, touch, and experience. Such as graphical user interface (GUI) and command line, including design, navigation menu, text, colorful images, videos, gorgeous buttons, etc.

Web front-end development engineers are responsible for the front-end page of the website, that is, the page development of the web page. Simply put, the front-end of the website is responsible for things that are visible to website users, such as special effects on the web page, the layout of the web page, pictures, and videos. etc. content. The job content of the website front-end engineer is to design the artistic design renderings into web pages that can be run by the browser, and work with the back-end development engineers to display and interact with data on the web pages.

What is web backend development

The web backend, also known as the "server side", is what users cannot view in the browser and everything that interacts with it, such as databases and servers. Basically, everything that happens behind the scenes boils down to web backend development, which is the enabler of the web frontend experience.

The web backend is responsible for storing and organizing data and ensuring that everything on the web frontend works properly. The backend communicates with the frontend, sending and receiving information to be displayed as a web page.

Backend development is generally called the backend, which is responsible for the design and implementation of the website's backend logic and the storage and reading of user and website data. For example, general websites have users registering and logging in. The user's registration information is sent to the backend through the front end, and the backend saves it in the database. When the user logs in to the website, the backend needs to pass the user name and password entered by the user. Consistent with the database to determine whether the user has permission to log in, this is one of the simplest functions in backend development.

The difference between web front-end and back-end development

Display method

The front-end refers to The user-visible interface, the front-end page of the website is also the page development of the web page, such as special effects, layout, pictures, videos, audio and other content on the web page. The front-end work content is to design the artistic design renderings into web pages that can be run by the browser, and cooperate with the back-end to do visual aspects such as data display and interaction on the web page.

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 backend considers the implementation of the underlying business logic, the stability and performance of the platform, etc.

Technologies used

Technologies used in front-end development include but are not limited to html5, css3, javascript, jquery, Bootstrap, Node.js, Webpack, AngularJs, ReactJs, VueJs and other technologies.

Back-end development, taking java as an example, mainly uses technologies including but not limited to Struts spring springmvc Hibernate Http protocol Servlet Tomcat server and other technologies.

Scope of application

From the perspective of application scope, front-end development is not only well-known by ordinary people, but its application scenarios are much wider than that of the back-end.

1. PC (Personal Computer) is a personal computer. At present, the computer side is still a major area of ​​front-end, which is mainly divided into various websites for the public, such as news media, social networking, e-commerce, forums, etc., and various CMS (content management systems) for administrators and other back-end management. system.

2. Web App refers to a Web application that uses Web development technology to achieve a better user experience. It runs on mobile and desktop browsing. With the improvement of mobile network speed, Web App provides us with great convenience. In addition, in the past two years, Google has proposed a new Web App form, namely PWA (Progressively Enhanced Web APP).

3. WeChat (WeChat) is a platform with a large user base, so it is also another important area for our front-end development. WeChat’s official accounts and subscription accounts have created a new world for marketing and self-media practitioners.

4. Hybrid App (Hybrid App) refers to an App between Web App and native App (mainly Android or iOS). It combines the advantages of native App’s good user interaction experience and Web App’s cross-platform Advantages of platform development.

5. Game (Game), HTML5 games have been out of control since the Neurocat developed by the Egret engine detonated the circle of friends in 2014. But now game development is becoming more and more complex, requiring the production of various dazzling effects and scenes that are more dazzling than 2D or 3D.

6. Desktop application software is the various types of software installed on computers in our daily lives. In the early days, to develop desktop applications, special language UI (interface) library support was required, such as the Qt library in C, the MFC library, Java's Swing, Python's PyQT, etc. Otherwise, the language would not be able to develop rapid interfaces.

7. As soon as Server Node.js was released, it immediately caused an uproar among front-end engineers. Front-end engineers almost immediately showed considerable enthusiasm and expectations for this technology. Seeing the name Node.js, beginners may mistakenly think that it is a Java application. In fact, Node.js is written in C language and is a Java runtime environment.

(Learning video sharing: Getting started with web front-end)

The above is the detailed content of What is the difference between web front-end and back-end development?. For more information, please follow other related articles on the PHP Chinese website!