Introduction to Web front-end development learning----

Source: Internet
Author: User

Summer vacation is OK, see online about HTML5 and CSS3 discussion a lot. So want to take advantage of the summer vacation to learn the Web front.

Since HTML and CSS are easy to get started with, I think it's possible to learn HTML, CSS and JavaScript at the same time. Today is the first day of the study record. All is plain English convenient understanding.

1 What is a Web front segment?

We see the site is generally divided into two parts, the first part is the browser and user communication, also known as the front end (front-end), the second part is the browser and the server between the Exchange (b/s), that is, the back end (Back-end). In general, the front end is to use Html,css,javascript to write to the browser parsing, and the latter use php,asp,jsp,.net and other writing to the server for data exchange.

From the point of view of data exchange, Web pages are divided into static pages and dynamic Web pages.

The Web page written with Html,css,js is a static Web page that does not exchange data with the server , even if there are animations and interactions on the page. You can see the effect as soon as you have a browser.

The Web pages written with Php,jsp,asp,.net and so on are called Dynamic Web pages , and data exchange is done with the server .

A word summed up: The front end is what we see in the browser page, the latter user is not visible, is running in the computer room.

2. What is HTML CSS JAVASCRIPT?

Html,css,javascript specific is what I do not introduce, Baidu encyclopedia than I write much better, I say what they can do.

Html (Hypertext Markup Language) is a label language, not a programming language, because it is more illogical, is to use tags to control the structure of the Web page . That is to tell the browser where to segment ah, where there is a title AH and so on. can be edited with any text editor. has now developed to HTML5.

CSS (cascading style sheets), as the name implies, is used to represent Web page styles . That is to make our web page more beautiful, more beautiful. such as control font, font size, web background and so on. It can also be edited with any text editor. has now developed to CSS3.

JavaScript, is a scripting language. Scripting language is a language that is interpreted to run rather than compiled, and is simpler than a programming language (JAVA,C, etc.). It uses the JS engine in the browser to interpret the execution. It is used to interact (Specific behavior of the user, to produce a specified change), to make our pages more user friendly and to enhance the user experience. Because of the large number of pop-up ads on the site, flashing ads are written by Javascrip, so people do not like it, the status is very low. As the user experience has been pulled to a high level in recent years, JavaScript is becoming more popular and has become the most popular scripting language. It can also be edited with any text device.

a summary of a sentence , HTML is like a robot without clothes, and CSS puts it on, and JavaScript allows him to react to people's orders.

Well, knowing this, we can get a very important conclusion:

three levels of Web pages:

A. Structure layer: Use HTML to structure the content of Web pages;

B. Presentation layer: Use CSS to represent web page styles;

C. Behavioral layer: Use JavaScript to interact with Web pages to improve user experience;

3. Learn some tips for Web front end (update slowly)

Web Front-end technology is a new technology, the General University does not offer courses. So they usually rely on self-study. Although the threshold for learning is low, it takes a lot of effort to be proficient.

Tutorial Recommended W3school Tutorials

The editor recommends sublime. However, beginners are advised to use notepad++ or a text editor that comes with Windows to make edits, so you are familiar with the code.

Well, now that we've got a basic understanding of the Web front end, I think it's enough. Come and study now!

Introduction to Web front-end development learning----

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.