Technology Sharing

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

As an important component of front-end technology, Web front-end development has always occupied an important position. There are a large number of front-end development practitioners in the entire IT industry. With the development of mobile Internet, big data and artificial intelligence, the current front-end knowledge system is gradually enriched.

Friends who are familiar with Web front-end work know that there are many technologies in the Web. If you want to become a qualified Web front-end engineer, you must master the technologies one by one, such as Html, css, ajax, jquery, extjs, and JavaScript.

Core Technology

1、HTML

HTML is the core of web pages. It is a standard language for making World Wide Web pages and a language used by World Wide Web browsers. It eliminates the barriers to information exchange between different computers. Therefore, it is the most widely used language on the Internet and the main language for web page documents. Learning HTML well is the basic condition for becoming a front-end Web developer.

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

With the development of technologies such as CSS, JavaScript, and Flash, the Web's ability to process applications has gradually increased, and the user's experience of browsing the web has been greatly improved. However, several new technologies in HTML5 have achieved a qualitative breakthrough, making Web technology considered to be close to local native application technology for the first time, and developing Web applications has truly become an option 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.

2、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.

3、JavaScript

Learning the basic syntax of JavaScript and how to program in JavaScript will improve your skills as a developer.

JavaScript is a lightweight interpreted programming language designed to create web-centric applications. JavaScript is very easy to implement because it is integrated with HTML; it is open and cross-platform.

The role of javascript:

• 1) Make the web page interactive, such as responding to user clicks to provide users with a better experience

• 2) It can process forms, check user input, and provide timely feedback to save user time. For example, if the form asks you to enter an email address but you enter a mobile phone number, you should be given a reminder.

• 3) You can also dynamically create pages based on user operations, for example, adding attachments when sending emails.

• 4) Set cookies. Cookies are temporary information stored on your browser, such as the website addresses you visited and the usernames you used.

• 5) JavaScript simplifies regularly repeated HTML sections and reduces download time.

• 6) Browser andserverCarry out data communication, such as the most popular Ajax asynchronous transmission;

• 7) Richer interfaces, you can use JavaScript to include items such as drag-and-drop components and sliders to provide a rich interface for your site visitors.

4、jQuery

jQuery is another excellent JavaScript framework after prototype. jQuery is a fast and concise JavaScript library that enables users to more conveniently process HTML documents and events, achieve animation effects, and conveniently provide AJAX interaction for websites.

5、PHP

PHP, a nested acronym, is the abbreviation of Hypertext Preprocessor (PHP: Hypertext Preprocessor). PHP is an HTML embedded language.

6、AJAX

AJAX stands for "Asynchronous Java and XML", which refers to a web development technology for creating interactive web applications. The usual pronunciation in China is "Ajax", which is the same as the Ajax football team.

Ajax is a technology used to create fast dynamic web pages. By exchanging small amounts of data with the server in the background, Ajax can update parts of a web page without reloading the entire page.

7、API

API (Application Programming Interface) is a set of predefined functions that aims to provide applications and developers with the ability to access a set of routines based on certain software or hardware without having to access the source code or understand the details of the internal working mechanism.

8、ASP

ASP is the abbreviation of Active Server Page, which means "dynamic server page". ASP is an application developed by Microsoft to replace CGI scripts. It can interact with databases and other programs. It is a simple and convenient programming tool. The format of ASP web page files is .asp, which is now commonly used in various dynamic websites.

9、Google Web Toolkit

Google Web Toolkit (GWT for short) is an Ajax application development kit launched by Google. GWT supports developers to develop Ajax applications using Java language.

10. Operating System

It never hurts to know the basics of Unix and Linux as a developer.

11. Network Server

Understand web servers, including basic Apache configuration, htaccess configuration techniques, etc.

Front-end framework

After you are familiar with HTML, server-side scripting languages, CSS, and JavaScript, learning a web framework can speed up web development and save time. PHP programmers can choose from frameworks such as 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 component technology continues to innovate, and mobile development continues to improve. Here are some common open source front-end frameworks:

• Bootstrap

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

html5-boilerplate

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

• Meteor

Meteor is a new generation of open source framework for developing instant web applications, which can be completed in a shorter time.

• Semantic UI

UI component framework based on effective principles of natural language

• Foundation

Excellent responsive front-end framework

• Materialize

A modern responsive front-end framework based on material design. It provides default styles and custom components. In addition, Materialize also 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 and flexible API.

• Angular

AngularJS was created by Misko Hevery and others in 2009 and later acquired by Google. It is an excellent front-end JS framework used in many products. It is not only an advanced front-end development framework, but also an end-to-end solution. It follows the MVC pattern in architectural design and advocates loose coupling of data and logic processing components. AngularJS achieves a natural extension of HTML through instruction technology, and realizes two-way automatic synchronization of data models and presentation views through compilation technology, reducing complex DOM operations. In addition, it also provides good support for front-end automated testing technology.

Angular is a front-end framework for creating a single application interface. It has many core features such as data binding, services, instructions, and dependency injection. It has powerful modules and custom commands.

• React

React, produced by Facebook, was officially launched in 2013, 4 years later than Angular. However, thanks to its innovative VirtualDOM, it outperforms AngularJS in terms of performance and has become extremely popular since its launch. It has many features, including VirtualDOM, JSX, Diff algorithm, etc. It supports ES6 syntax and adopts functional programming. It has a slightly higher threshold, but it is also more flexible and allows more development possibilities.

React is mainly used to build UI. You can pass various types of parameters in React, such as declarative code to help you render the UI, static HTML DOM elements, dynamic variables, and even interactive application components.

• 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. The product series includes Amaze UI Touch, an HTML5 hybrid application development framework specifically for mobile terminals, and Amaze UI Web for cross-screen HTML5 web page development. Among them, Amaze UI Touch can help developers quickly build exclusive mobile HTML5 applications 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 library that uses AJAX, DHTML and DOM to create a highly interactive web page. It also includes many CSS resources. The license is BSD license.

• kissy

A cross-terminal, modular, high-performance, and easy-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 that is particularly 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 a gesture recognition and event library for mobile devices, and is also widely used within Baidu.