![]() ![]() You should see that the brace is highlighted and a red line appears connecting the opening brace to its matching closing brace. Move the cursor to the right until you reach the opening brace. Now open the app’s main.js file in Notepad++ and move the cursor down the document until you reach the line where you create the Map object.This highlighting can be very helpful, especially if you haven't done a good job of indenting your code logically. Move your cursor down through the document and note that when the cursor is located within a start tag, that tag and its matching end tag will be highlighted (and vice versa).This is a feature of IDEs referred to as code folding. The minus that had been inside the box will change to a plus, indicating that clicking it again will re-expand that code unit. Click on the box next to the head start tag to collapse the code associated with the head element.įigure 4.3 Collapsing the head section of an HTML doc in Notepad++.These boxes appear at the beginning of blocks of code that can be logically treated as a unit. Next, note the boxes just to the left of a few lines in your code. Keep in mind that if you create a new page from scratch, you will not see this highlighting done until you save it with a. HTML elements are shown in blue, attributes in red, and attribute values in purple. The first thing you should notice is the formatting applied to your code. An easy way to do this is to browse to it through your file system, right-click on it, and select Edit with Notepad++. Open your hello_map app’s index.html page in Notepad++.Let's walk through a short set of steps to familiarize you with Notepad++. Notepad++ is arguably not a true IDE since it's not possible to view your pages directly within the same application, but it does allow you to easily launch them in various web browsers, so I think that's a rather pointless debate. My main reasons for pointing you to it are that it is free, it's easy to use, and it provides line numbers and syntax highlighting. As its name implies, it's a step (or two) up from Notepad. For the purpose of continuing on through this course, I'm going to recommend Notepad++. There are lots of IDEs suited for web development, as a web search for "web development ide" will show you. CodePen can be thought of as an online web programming IDE (as opposed to one installed on your own computer). Examples of popular IDEs include Microsoft Visual Studio and Eclipse. IDEs also frequently provide auto-completion (i.e., a list of valid properties and methods available through an object) and syntax highlighting (i.e., different language elements shown in different colors/styles). Integrated Development Environments (IDEs) are software applications that allow developers to write, test, and debug source code all in one application. ![]() Plain text editors like Notepad are OK for beginners getting to know web-publishing languages, but there are more advanced tools out there that make the developer's job easier. With a fresh look at your code, it may take just minutes to find a bug that you had banged your head against the wall about for hours the night before.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |