Home > front end >  Introduction to web front-end of sharing knowledge
Introduction to web front-end of sharing knowledge

Time:12-04

Today to share with you a web front end, initiation system, all kinds of the main points of parsing, interested friends may have a look!

a WEB front end is what?

Using HTML/CSS/JS and more framework technology, write the website page, an App, a small program, 2 d & amp; A 3 d game, Web VR& AR applications, such as through the content design, interactive animation, the interaction with the user interface, data manipulation building project front-end development engineers in the project can work with UI designers and programmers background, realization of design intent and call the backend interface; Can work independently, strong finish all kinds of application of the user interaction,

2, WEB front end can be done?

The most classic is the various types of sites: e-commerce, enterprise portal, management system, community platform, etc. At present is also preferred mobile technology: WebApp, mix the App, mobile games, WeChat, public WeChat small procedures, etc.; Front end the application of frontier areas include: data visualization, 3 d modeling and rendering, WebVR, WebAR,

three, WEB front-end knowledge system including what content?

Basic knowledge of front end: HTML 5 and CSS 3, JavaScript/ECMAScript; The front-end core technology: BOM& The DOM, jQuery, HTTP, AJAX; Front-end higher-order content: H5 senior, responsive layout, the Bootstrap framework; Mobile terminal development: mobile terminal adapter, WebApp, App, mixed WeChat public, WeChat small program; The three mainstream framework: the Vue. Js, presents, the React. Js and their ecosystem; Full stack related technologies: Node. Js, database, modular and building automation, project management technology,

4, WEB front-end study how?

Compared with the UI designer, front-end engineers don't need very high art design strength requirements; Compared to the background development engineers, front-end engineering requirements in terms of abstract thinking and algorithm of lower; At the same time, the front end engineers must English vocabulary is relatively less, add up to practice and memory AIDS in the development of words, students can quickly grasp English zero foundation; So, front-end technology related to a lower entry requirements, no need for special technical background and basic English, but due to the shortage of market, intermediate engineers, front end the engineer's salary level is often higher than the starting point with other engineers,

5, nouns explain

(1) HTML - Hypertext Markup Language, Hypertext Markup Language (HTML)

? HTML is used to describe the content and structure of a language, for example, a web page of text, tables, pictures, etc.,? HTML compared to other programming languages is more easy to learn, such as & lt; p>

Used to represent a piece of text, & lt; Img> Said a picture, etc.,

(2) the H5/HTML 5 - HTML version 5

? It is the latest version of HTML language, based on the previous version of the new added many powerful features, such as graphics, audio and video, storage, etc.,? With Android and iOS support for the latest standards of the H5 is very good, and can realize "a set of code, run on two platforms", solve the native mobile App development the biggest pain points, so now more and more mobile App started using H5 to write,

(3) the CSS, Cascade Style Sheet, cascading Style sheets (CSS)

? HTML description of the web page, like a person's body; CSS describe the appearance of the web, as if people's dress,? CSS can be used to set the color of the web content, font, position, size, and so on, at the same time, also can be all kinds of cool interactive animation,

(4) CSS 3 - CSS language version 3

? CSS 3 is the latest CSS standards, support for animation and special effects more rich, provide the media query technology can be used to write responsive web page,

(5) JS - JavaScript

? JavaScript is a scripting language that can be embedded in a web page for page content and user interaction, forms authentication, for example, page animation, asynchronous data loading, etc.,

(6) the jQuery

? JS standards provided in the operation method is more complex, a lot of time and the browser compatibility problems; JQuery provides a simple method, JS code, used to simplify their page? JQuery offers four sorts of simplified method: DOM manipulation, event processing, animation function, AJAX encapsulation,

(7) AJAX, Asynchronous Javascript And XML, Asynchronous Javascript And XML

? By a small amount of data exchange with the server in the background, AJAX can make web asynchronous update, this means you can without reloading the whole page and does not affect the current user operations, to a certain part of the web page content updates,

(8) SQL - Structured Query Language, Structured Query Language (SQL)

? Project has a lot to permanent storage of data, such as products, users, comments, etc., these data are generally stored in a database,? SQL language standard language for accessing and processing data in the database, including add, delete, modify, delete, and other functions,

(9) WebApp

? WebApp is the use of mobile Web applications written in HTML 5, almost can run without modification on various platforms such as PC/Android/iOS? Most traditional mobile App USES Objective - C (iOS) or Java (Android), an application needs two sets of developers, in two different directions of the market, very inconvenience. So now, more and more mobile App to WebApp migration,

(10)/App

? WebApp many applications can replace the traditional mobile App, but the HTML/JS itself is run in the browser, the underlying hardware, inconvenience direct operating cell phone? Mix the App at the bottom of the bottom encapsulates the mobile phone and hardware operation, such as operating address book, camera, all kinds of sensors, such as the upper use JS calls can be made directly, thus greatly extend the functionality of the WebApp,

(11) WeChat applet

? Referred to as "small programs, especially currently runs on an application of the WeChat platform framework; Compared with traditional mobile App, is a kind of don't need to download and install the use of application, it implements the application "within reach" dream, users scan or search can open the application,? In addition to the great convenience of users, small program can also make full use of WeChat huge user base to realize the user drainage, lower cost of App for guest,

(12) noun: a Vue. Js

? Vue is the fastest growing in the world today JavaScript framework, is a through simple API provides efficient data binding system and flexible components,? It was the first released in February 2014, the author, a former Google employees especially the rain creek, and in the open source community; At present, alibaba, baidu, GitLab companies use, such as

(13) noun: presents

? Presents is a JavaScript framework, based on the TypeScript is widely used in most historical framework, the framework of? Released in October 2010, at present developed by Google and maintenance, users have Google, weather.com, Forbes,

(14) noun: the React. Js

? The React is described as a JavaScript library for building the user interface,? First published in March 2013, by Facebook, to develop and maintain the current user has Uber, Netflix, Twitter, Paypal, such as wal-mart,

CodePudding user response:

CodePudding user response:

Thanks for sharing!!!!!

CodePudding user response:

Nb: bosses

CodePudding user response:

Thanks for sharing,,
  • Related