- Where to go from here
Viewers: in countries Watching now:
Finally, the course compares how code is written in several different languages, the libraries and frameworks that have grown around them, and the reasons to choose each one.
- Writing source code
- Understanding compiled and interpreted languages
- Requesting input
- Working with numbers, characters, strings, and operators
- Writing conditional code
- Making the code modular
- Writing loops
- Finding patterns in strings
- Working with arrays and collections
- Adopting a programming style
- Reading and writing to various locations
- Managing memory usage
- Learning about other languages
If you've done any web design in the past, you may find the next minute or two to be a bit of a do-over, but feel free to tag along. So this first file I've called container.html. It doesn't matter what the first part of the name is, but we're using the .html file extension just so when we double- click it, it will open up in the default web browser, whether that's Firefox, Safari, Internet Explorer, or anything else. As I can see here, it's a very simple HTML page indeed. I also have a file in this folder called script.js.
However, we're good here and I'm going to open up this HTML file first in a text editor to view the HTML. So instead of double-clicking on it, which would open up in the browser, I'm on a Mac, so I'm going to right-click or Ctrl+Click and choose to open it with TextEdit. On a Windows PC, I would right-click and Open With > Notepad. Of course, if you have a favorite text editor or a web design application, feel free to use that. The only reason I'm doing it this way is just to show that we don't actually need any special software at all to do this.
Now, I want to see the behind-the- scenes view of our simple webpage file, which means I actually expect to see multiple lines and lots of angle brackets here. The reason I'm still seeing something that looks like the web browser itself is because TextEdit on the Mac has a preference to open in rich text or in HTML edit mode. So I'm going to go into the preferences of that and turn that off. I just want plain text. That's all I want to see. So jumping into preferences, I'm going to first say I want all my documents to open in plain text, and just to make things a bit more readable, I'm going to say that I want my plain text font to be Monaco, let's say 14 points, close that, and then also on the second section, I'm going to check the box to say Ignore rich text commands in HTML files. Close that.
I need to close that file and just reopen it again in TextEdit and this is what I want to see. The behind-the-scenes view of this webpage file. Now, if you're brand-new to all of this, you might wonder if you're looking at a programming language here. Well, no, this is a very different kind of code. HTML is not a programming language. It's a markup language. In fact, that's what it stands for. Hypertext Markup Language. Now, that might sound like nitpicky hairsplitting from me, but there is a really big difference.
Now, because we're just using just the name of the file, it will need to be inside the same folder that our HTML page is in, but that's what I have. So we're good. I can close down this HTML page. I don't need to do anything with it. I'm actually going to close it down in the browser too. script.js is the file I am interested in. I'm going to open that up in the TextEdit editor and I'm going to add one statement, the classic first program in any programming language.
Find answers to the most frequently asked questions about Foundations of Programming: Fundamentals .
Here are the FAQs that matched your search "" :
- Q: Using TextEdit with Mac OS 10.9 Mavericks?
Sorry, there are no matches for your search "" —to search again, type in another word or phrase and click search.