What are the front-end technologies?

Front-end development is the process of creating front-end interfaces such as Web pages or apps to present to users. It is achieved through HTML, CSS, JavaScript, and various derived technologies, frameworks, and solutions. User interface interaction of Internet products. It evolved from web page production, and its name has obvious characteristics of the times. In the evolution of the Internet, web page production is a product of the Web 1.0 era. The main content of early websites was static, mainly pictures and text, and users' behavior when using the website was mainly browsing. With the development of Internet technology and the application of HTML5 and CSS3, modern web pages are more beautiful, have significant interactive effects, and are more powerful.

Recommended tutorial: HTML front-end tutorial

## The mobile Internet has brought a large number of high-performance mobile terminal devices and fast Wireless networks, HTML5, node.jS are widely used, and various framework libraries emerge in endlessly.

Core Technology

HTML Language

Mastering HTML is the core of a web page and a A standard language for making World Wide Web pages, a language used by World Wide Web browsers that removes barriers to the exchange of information between different computers. Therefore, it is currently the most widely used language on the Internet and the main language that forms web documents. Learning HTML well is a basic condition for becoming a Web developer.

HTML is a markup language that can implement web pages and display them in browsers. As the latest version of HTML, HTML5 introduces a number of new technologies, greatly enhancing its support for applications, making Web technology no longer limited to rendering web content.

With the development of CSS, JavaScript, Flash and other technologies, the Web’s processing capabilities for applications have gradually increased, and users’ experience of browsing the web has been greatly improved. However, several new technologies in HTML5 have achieved qualitative breakthroughs, making Web technology considered to be close to local native application technology for the first time, and developing Web applications has truly become a choice for developers.

HTML5 can greatly simplify the work of developers. In theory, a single development can be run on different platforms with the help of browsers, reducing the cost of development. This is also generally considered by the industry to be one of the main advantages of HTML5 technology. AppMobi, Motorola, Sencha, Appcelerator and other companies have launched relatively mature development tools to support the development of HTML5 applications.

CSS

Learning CSS well is an important point in the appearance of a web page. CSS can help make the appearance of a web page more beautiful.

JavaScript

Learning the basic syntax of JavaScript and how to program with JavaScript will improve a developer's personal skills.

Operating system

Understanding the basic knowledge of Unix and Linux is beneficial to developers.

Web Server

Understand the Web server, including basic configuration of Apache, mastering htaccess configuration skills, etc.

Front-end framework

After you are familiar with HTML, server-side scripting language, CSS and JavaScript, learning Web frameworks can speed up Web development and save money. time. Optional frameworks for PHP programmers include CakePHP, CodeIgniter, Zend, etc. Python programmers like to use Django and webpy, and Ruby programmers often use RoR.

As the Web becomes more standardized and standardized, Web componentization technology continues to innovate, and mobile terminal development continues to sublimate. The following are some common open source front-end frameworks:

Bootstrap

One of the mainstream frameworks, Bootstrap is based on HTML, CSS, and JavaScript. It is simple and flexible, making Web development faster.

html5-boilerplate

This framework can quickly build a robust and adaptable web app or website.

Meteor

Meteor is a new generation of open source framework for developing real-time web applications, which can complete development in a shorter time.

Semantic UI

UI component framework based on the effective principles of natural language

Foundation

Excellent Responsive front-end framework

Materialize

A modern responsive front-end framework based on material design. Default styles and custom components can be provided. Additionally, Materialize improves animations and transitions to provide developers with a smooth experience.

Pure

A set of small and responsive CSS modules that can be used in almost every web project.

Vue

Vue.js is a library for building interactive web interfaces. It provides MVVM data binding and a composable component system with a simple, flexible API.

Skeleton

Skeleton is a collection of small JS and CSS files that can quickly develop beautiful websites, suitable for various screen devices including mobile phones. Skeleton is developed based on 960 grid. It is a UI framework.

Amaze UI

The first open source HTML5 cross-screen front-end framework product series in China, with better Chinese typesetting support and rich localized components. This product series includes Amaze UI Touch, an HTML5 hybrid application development framework specifically for mobile terminals, and Amaze UI Web, which is designed for cross-screen HTML5 web page development. Among them, Amaze UI Touch can help developers quickly build exclusive mobile HTML5 applications that are comparable to native APPs through rich components.

UIkit

A lightweight and modular front-end framework for rapid development and powerful web interfaces.

Yui

Yahoo! UI Library (YUI) is an open source JavaScript function library. In order to create a highly interactive web page, it uses AJAX. Coding technologies such as DHTML and DOM. It also contains many CSS resources. Licensed for use is the BSD license.

kissy

A cross-terminal, modular, high-performance, and simple-to-use JavaScript framework.

MUI

The front-end framework that is closest to the native App experience.

Arale

An open, simple and easy-to-use front-end basic class library.

JX

JX is a modular, non-intrusive Web front-end framework, especially suitable for building and organizing large-scale, industrial-grade Web Apps.

GMU

GMU is a mobile UI component library based on zepto, providing simple and easy-to-use UI components for webapp and pad! Web App.

ZUI

Open source HTML5 front-end framework

Clouda Touch.js

Touch.js is mobile The gesture recognition and event library on the device is also a development widely used within Baidu.

The above is the detailed content of What are the front-end technologies?. For more information, please follow other related articles on the PHP Chinese website!