New Feature: Playlist Center! Pick a topic and let our playlists guide the way.

Start learning with our library of video tutorials taught by experts. Get started

Foundations of Programming: Fundamentals
Illustration by

Using classes and objects


From:

Foundations of Programming: Fundamentals

with Simon Allardice

Video: Using classes and objects

The best way to start getting familiar with classes and objects is to begin by using classes that are already defined in your language and just creating objects from those built-in classes. We can later define our own classes and create objects from those classes. Now this sounds complex. It really isn't. In fact, we've already done it. So in JavaScript, when you make an array variable, you have made an object. When you make a regular expression variable, you've made an object.
Expand all | Collapse all
  1. 4m 14s
    1. Welcome
      1m 16s
    2. Making the most of this course
      2m 8s
    3. Using the exercise files
      50s
  2. 22m 11s
    1. What is programming?
      5m 45s
    2. What is a programming language?
      4m 48s
    3. Writing source code
      5m 34s
    4. Compiled and interpreted languages
      6m 4s
  3. 16m 29s
    1. Why JavaScript?
      4m 45s
    2. Creating your first program in JavaScript
      6m 54s
    3. Requesting input
      4m 50s
  4. 31m 38s
    1. Introduction to variables and data types
      5m 16s
    2. Understanding strong, weak, and duck-typed languages
      3m 51s
    3. Working with numbers
      5m 4s
    4. Using characters and strings
      4m 5s
    5. Working with operators
      4m 47s
    6. Properly using white space
      6m 46s
    7. Adding comments to code for human understanding
      1m 49s
  5. 24m 49s
    1. Building with the if statement
      7m 35s
    2. Working with complex conditions
      4m 10s
    3. Setting comparison operators
      6m 59s
    4. Using the switch statement
      6m 5s
  6. 17m 56s
    1. Breaking your code apart
      4m 1s
    2. Creating and calling functions
      2m 57s
    3. Setting parameters and arguments
      6m 7s
    4. Understanding variable scope
      2m 23s
    5. Splitting code into different files
      2m 28s
  7. 13m 32s
    1. Introduction to iteration
      4m 28s
    2. Writing a while statement
      5m 24s
    3. Creating a for loop
      3m 40s
  8. 19m 28s
    1. Cleaning up with string concatenation
      4m 30s
    2. Finding patterns in strings
      8m 3s
    3. Introduction to regular expressions
      6m 55s
  9. 19m 59s
    1. Working with arrays
      5m 47s
    2. Array behavior
      5m 29s
    3. Iterating through collections
      5m 18s
    4. Collections in other languages
      3m 25s
  10. 10m 50s
    1. Programming style
      5m 55s
    2. Writing pseudocode
      4m 55s
  11. 25m 55s
    1. Input/output and persistence
      3m 6s
    2. Reading and writing from the DOM
      8m 11s
    3. Event driven programming
      7m 47s
    4. Introduction to file I/O
      6m 51s
  12. 24m 26s
    1. Introduction to debugging
      5m 57s
    2. Tracing through a section of code
      7m 5s
    3. Understanding error messages
      3m 21s
    4. Using debuggers
      8m 3s
  13. 14m 17s
    1. Introduction to object-oriented languages
      5m 18s
    2. Using classes and objects
      6m 29s
    3. Reviewing object-oriented languages
      2m 30s
  14. 11m 14s
    1. Memory management across languages
      5m 11s
    2. Introduction to algorithms
      4m 2s
    3. Introduction to multithreading
      2m 1s
  15. 29m 20s
    1. Introduction to languages
      1m 42s
    2. C-based languages
      4m 40s
    3. The Java world
      3m 13s
    4. .NET languages: C# and Visual Basic .NET
      6m 17s
    5. Ruby
      3m 4s
    6. Python
      2m 56s
    7. Objective-C
      4m 3s
    8. Libraries and frameworks
      3m 25s
  16. 1m 2s
    1. Where to go from here
      1m 2s

Watch this entire course now—plus get access to every course in the library. Each course includes high-quality videos taught by expert instructors.

Become a member
please wait ...
Foundations of Programming: Fundamentals
4h 47m Beginner Sep 22, 2011

Viewers: in countries Watching now:

This course provides the core knowledge to begin programming in any language. Simon Allardice uses JavaScript to explore the core syntax of a programming language, and shows how to write and execute your first application and understand what's going on under the hood. The course covers creating small programs to explore conditions, loops, variables, and expressions; working with different kinds of data and seeing how they affect memory; writing modular code; and how to debug, all using different approaches to constructing software applications.

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.

Topics include:
  • 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
  • Debugging
  • Managing memory usage
  • Learning about other languages
Subjects:
Developer Web Programming Foundations
Author:
Simon Allardice

Using classes and objects

The best way to start getting familiar with classes and objects is to begin by using classes that are already defined in your language and just creating objects from those built-in classes. We can later define our own classes and create objects from those classes. Now this sounds complex. It really isn't. In fact, we've already done it. So in JavaScript, when you make an array variable, you have made an object. When you make a regular expression variable, you've made an object.

These are both built-in objects in JavaScript. Now on the other hand, when you make a variable that's a number or a variable that's a Boolean, these are not objects. These are what can be referred to as primitives. Primitives really just store a value. That's it. But as we've seen, when you have got an object, this is not just a dumping ground for data. When you have an array, you can ask things of it. They have properties like length and they have methods. We can ask them to sort themselves or reverse themselves.

With regular expressions, we can call the test method on a regular expression variable to see if the pattern matches another string. They're smart and they have methods and they have properties. And that's what we mean by an object. One of the great things is they are independent of each other. Objects might be based on the same class, but I can have a thousand array objects and work with each of them separately. Now there are a few other objects in JavaScript. One of them is the Date object. This would be the way we would create a new Date object variable.

Let's say var today = new Date. The variable today would now contain today's date, not as a string but as a Date object. We can create new Date objects with a particular data. And actually because this object definition stores time, we could even create a new Date object with a year, month, day, hours, minutes, seconds in it. Now you might think, but so what? Well, of course the great thing is these are objects. They have properties, and they have methods. We can start using the name of one of these variables like today or y2k and calling parts of it.

We can say today.getMonth and it would return 0-11 for the month. today.getFullYear returns the normal year. .getDate, .getDay, .getHours, and so on. So there is a lot of behavior that the Date object can give us to start pulling apart dates. And not only that, but they have the flip side of the get method, which are our set methods. We can create a new Date object and then use it to say .setMonth or .setFullYear or .setDay.

And usually it makes it much easier to work with dates which can be a little complex if you just decide to store them as individual variables representing a year and a month and a day. There is also a Math object built into JavaScript. This one is a little different. While objects like arrays and dates, we can think of them as mainly holding data and it's just nice that they have a little behavior that comes with that, the Math object on the other hand is there mainly to contain behavior. you don't really store data in it.

What you might do is first say create a variable called x and I am setting this to 200.6. And I would like to round this number. This is the way I do it. I would create a new variable called y and create it by calling Math.round, passing in that variable x. That would give me 201. It would round it up. So we often just use the Math object directly. Say we create several variables. One is 200, one is 10000, one is 4, but at some point in my program, I don't know which one is which and which one is higher.

I can create a new variable called biggest, which will be whatever gets returned from calling Math.max and passing in those three numbers. In fact, Math.max will take as many numbers as you want to pass into it and always return the biggest one. If we have a .max, it would be nice if we had a .min. And not surprisingly, we do. So the Math object is there and has many built-in methods and properties for giving us Pi, calculating random numbers, rounding things up or down, calculating logarithms, sines and cosines and so on.

So JavaScript has an Array class, it has a RegExp class, a Date class, and a Math class, and several others. Now to find out, you'd go to a JavaScript reference guide. But JavaScript really doesn't have very many. Other languages have hundreds or even thousands of predefined classes available grouped into different categories. Now what's very common in object- oriented languages is using the name of the class when you create the object. That's what we're doing here. We are creating a new variable. It's called today and it will be a Date object based on the Date class.

Now when you use the name of the class, by convention in JavaScript it has an uppercase first letter. There is nothing magical about that. It just helps us recognize it. That's how it was defined in the language. And if we make our own, we will probably use an uppercase first letter too. But you might think "Well, when I made an array, I wasn't using the word Array." Well, no, that's because JavaScript has a lot of shortcuts, but you can. So the easy way to make an array is this one, just using the square brackets.

But you can also create an array this way. Using the word Array, which is the name of the class, and the word new. In the same way when we are creating a regular expression, I can use the shortcut form in JavaScript to create a new regular expression object or I can use the name of the class, which is RegExp. And this word, new, is used in many object-oriented languages as an explicit indicator that what we're doing is creating a new object based on a class. Now some of you might be wondering about strings.

Well, strings are objects in most object-oriented programming languages. In JavaScript they do behave like objects. They have properties and methods we can access, although technically they're not. Technically they're primitives. That's really because JavaScript is not the purest of object-oriented languages. So let's talk about some languages that are pretty pure and what the difference is.

Find answers to the most frequently asked questions about Foundations of Programming: Fundamentals.


Expand all | Collapse all
please wait ...
Q: Using TextEdit with Mac OS 10.9 Mavericks? 
A: If you're using the built-in TextEdit program in Mavericks to write your first examples and your code doesn't seem to be working, here's one reason why: by default, "smart quotes" are now turned on in TextEdit Preferences.
 
This is where TextEdit will automatically change pairs of double quotes to "smart quotes" - where the opening and closing quote are different, like a 66 and 99.
 
While this is fine for human eyes, programming languages don't want this - when writing code, they need to be the plain, generic straight-up-and-down quotes.
 
So make sure that in TextEdit > Preferences, that "Smart quotes" are unchecked.
 
Important! Whenever you make a change to TextEdit preferences, make sure to then completely quit out of the program (Command-Q or using TextEdit > Quit TextEdit) and then re-open it, as changes won't take effect on documents you already have open.
 
However, we're not finished - just because you've changed the preferences, it does **not** change any *existing* smart quotes back to "regular" quotes - it just doesn't add new ones - so make sure to go through your files for any time you wrote quotes and TextEdit may have changed them to smart quotes - look in both the JavaScript, and your HTML too, and compare to the downloadable exercise files if necessary.
 
If that sounds like a bit of a chore, I recommend just downloading a code editor like Sublime Text (www.sublimetext.com) or TextMate (www.macromates.com) and using that instead of TextEdit - it's only a matter of time before you'd move away from TextEdit anyway - we only used it in the course because it was built-in and a quick way to get started, but it's now become more of a inconvenience than it was before.
 
Share a link to this course

What are exercise files?

Exercise files are the same files the author uses in the course. Save time by downloading the author's files instead of setting up your own files, and learn by following along with the instructor.

Can I take this course without the exercise files?

Yes! If you decide you would like the exercise files later, you can upgrade to a premium account any time.

Become a member Download sample files See plans and pricing

Please wait... please wait ...
Upgrade to get access to exercise files.

Exercise files video

How to use exercise files.

Learn by watching, listening, and doing, Exercise files are the same files the author uses in the course, so you can download them and follow along Premium memberships include access to all exercise files in the library.
Upgrade now


Exercise files

Exercise files video

How to use exercise files.

For additional information on downloading and using exercise files, watch our instructional video or read the instructions in the FAQ.

This course includes free exercise files, so you can practice while you watch the course. To access all the exercise files in our library, become a Premium Member.

join now Upgrade now

Are you sure you want to mark all the videos in this course as unwatched?

This will not affect your course history, your reports, or your certificates of completion for this course.


Mark all as unwatched Cancel

Congratulations

You have completed Foundations of Programming: Fundamentals.

Return to your organization's learning portal to continue training, or close this page.


OK
Become a member to add this course to a playlist

Join today and get unlimited access to the entire library of video courses—and create as many playlists as you like.

Get started

Already a member?

Become a member to like this course.

Join today and get unlimited access to the entire library of video courses.

Get started

Already a member?

Exercise files

Learn by watching, listening, and doing! Exercise files are the same files the author uses in the course, so you can download them and follow along. Exercise files are available with all Premium memberships. Learn more

Get started

Already a Premium member?

Exercise files video

How to use exercise files.

Ask a question

Thanks for contacting us.
You’ll hear from our Customer Service team within 24 hours.

Please enter the text shown below:

The classic layout automatically defaults to the latest Flash Player.

To choose a different player, hold the cursor over your name at the top right of any lynda.com page and choose Site preferencesfrom the dropdown menu.

Continue to classic layout Stay on new layout
Exercise files

Access exercise files from a button right under the course name.

Mark videos as unwatched

Remove icons showing you already watched videos if you want to start over.

Control your viewing experience

Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.

Interactive transcripts

Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.

Are you sure you want to delete this note?

No

Notes cannot be added for locked videos.

Thanks for signing up.

We’ll send you a confirmation email shortly.


Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

Sign up and receive emails about lynda.com and our online training library:

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked
Terms and conditions of use

We've updated our terms and conditions (now called terms of service).Go
Review and accept our updated terms of service.