Web Front End Learning Note three

after an article, Web learning Note Two, the Web learning notes just issued, found by other sites collected, thank you for your collection and forwarding, but please indicate the article from the net knowledge .

1.7 selection of development tools

Enhanced Text editor : EditPlus, notepad++

Features: Relatively small, occupy less system resources, code color highlighting, but no code auto-complement function

IDE: (Integrated development environment, integrated development environment). The IDE's integrated development environment (IDE) development environment refers to software that needs to be used when developing software. The software includes code editors, compilers, debugging tools, and graphical user interface tools. A suite of software that has code editors, compilers, debugging tools, and graphical user interface tools is an integrated development environment called the IDE

The IDE you can choose to use: Dreamweaver, Webstorm, Phpstorm, Zend Studio Visual Studio Series, There are a lot of web front-end development Ides, and here are just a few of the things I've used. Each has advantages and disadvantages, there is no good and bad, just look at the use of personal habits! The IDE in the original note wanted to use Webstrom or phpstrom, but considering that the notes are from the very beginning of the basic, or choose the more simple Dreamweaver, after all, is Chinese, it will be easier to look at.

Speaking of development tools, have to say a few more words, some people, do not agree with the beginner to use a code to complement the IDE, there are many reasons, for example, the IDE automatically do a lot of things, so that beginners do not know the compiler principle, so that beginners become lazy, there is code hints, left the IDE, will not write code. Wait, wait. At first glance, it seems very reasonable, for such a theory, here do not do too much comment, just want to say, you are learning a language, learning is the language and the design of the program, rather than write a piece of code, but also know how this code is compiled into assembly language, and then compiled into machine languages, and then show the results to you!

Good use of tools, the IDE's code smart hints, I think is very good back word tool, a word you follow the hint to write a few times, almost can be memorized, if there is no hint? You open a notepad and write what? If English is your second language, then you can try not to use the IDE. So beginners do not struggle with this problem!!

1.8 Self-taught HTML, CSS, JavaScript, and jquery, why not write a complete website. Not even a single page can be done .

This question, for the moment think of the following 2 scenarios

Tutorial Questions: that is to say that you have learned the tutorial (video, book), since already self-taught, then W3school website Everyone should know, the site example, even if all can make the same effect, then do not necessarily write their own works! Personally feel that the book is more like a handbook, when you forget a tag, a style, you can go to query, but not suitable for the teaching materials, some videos are like this, the example is told once, and then end, you also feel really will, but it is not so, when you follow such a tutorial to learn, You just know this example, after writing will have what kind of effect to present, actually did not learn! If this is the case, then you need to do some practical project cases. By combining the flexible use of the knowledge you have learned, you will have your own work.

learning method Question:

Therefore, self-study in the selection of the tutorial is very important, while learning the method is also very important, in learning HTML, the label style attributes only as a knowledge, because the CSS,HTML tag style properties are almost discarded, you are wasting time to learn what to do with the video!! in JavaScript and jquery learning, you can choose, Javascrip basic syntax, variables, functions, anonymous functions, commonly used built-in objects, simple arrays can understand, and other knowledge points, such as through JavaScript to select and read nodes, Document traversal and addition of nodes, delete nodes, regular expressions, JSON, and so on, these can also be implemented in jquery, so in JavaScript after learning the basics, directly learn jquery, If you are energetic, do not care about the time cost of learning, Then go back and try to use JavaScript for example in jquery. Then you should be a high-level player in JavaScript.

In order to avoid learning, but also write code, HTML, CSS, JavaScript, jquery, a few knowledge points, must be reasonable and effective combination of learning, rather than individual learning.

Well, finished, if there is any problem after the slowly add, thank you for your attention to the network of learned technical blog

1.9 Preparation before the formal study

1. Syntax formatting for HTML

2. attribute formatting for HTML tags

3. Essential tags that make up an HTML document (Web page)

4. Installation and activation of Dreamweaver

Now that we are officially learning, today we will learn the syntax format of HTML, that is, what the HTML tag should be written in and the HTML tag's attribute format (HTML tag attributes are not the focus, just understand).

There is the basic structure of the Web page, you send an e-mail (everyone will send e-mail ~ Ah, should be) must not have the structure of the mail, what the sender, the subject, the text, and so on, as if it should be called format, anyway that is the meaning of it, then the page, a complete page has its structure.

In learning HTML syntax format, page basic structure and tag properties we'll start with Notepad or the enhanced text Editor: EditPlus, so you can get a quick look at the basics of HTML.

Also, students need to know, HTML and XHTML, in fact, we are now learning the label writing specifications are XHTML, What is XHTML, do not faint, is actually redefined HTML, is more strict and pure HTML version,

We just need to know, now we write the standard of the Web page two, XHTML and HTML5, do not ask can not directly learn HTML5, since the HTML5 to say briefly, HTM5 is used to replace the HTML and XHTML a new generation of standard version. HTML5 adds new tags and attributes that enhance the standard, semantic, and Web performance of Web pages, while also increasing the functionality of Web applications such as local databases. ), just on the basis of HTML and XHTML, so it is important to learn the basics, and then to learn HTML5 is very simple. It's okay to know that.

Dreamweaver: At the bottom of this article, the compact package contains the Keygen and registration methods. Also refer to : Adobe Dreamweaver CC 2015 Installation and registration method

This study note for the net-learned original, reproduced please attach the article link and note: net know-tech Blog

This article is from the "Houjionghui" blog, make sure to keep this source http://4345326.blog.51cto.com/4335326/1764286

Web Front End Learning Note three