And woah, we got the image.
>> Yep, and we knew this might be familiar to a lot of people,
if they've used the web view, the developer view in Safari or Chrome.
You also get a JavaScript debugger, it's quite a similar idea,
you can also step through code and inspect values of your JavaScript.
So this offers you many of the same features.
And maybe a few more advanced ones as well.
>> Yeah and just to actually, I'll show you some cool on the rest of these.
I mean you have step over, step in, and step out,
which are the basic debugger command, the mini debugger.
And Xcode it has the most cool UI debugging button right here
called debug view here key.
And we'll be using this in this course.
And just to show you, when you press it, it actually takes your app and
breaks down the components on screen and displays it in these nice boxes.
And you can actually sort of explode it out.
>> Whoa. >> And see all the layers.
And it's really cool.
This is probably one of, I mean, I haven't seen this anywhere else, than Xcode.
And it's really helpful if you're confused.
Yeah, and when you're confused like, for example, if your label
was behind the image you wouldn't be able to see it and like hey, where's my label?
And you press this you can sort of blow it up and you can see the label there and
you'll know right away.
I mean it's helpful in many cases for your view and
just a really nice cool thing about Xcode.
>> Yeah I've used that before.
I had things that weren't laying out properly, and
I needed to see why, what the hierarchy looked like.
It was hard to tell from the code what was happening.
So, that was quite a useful feature when I was debugging that.
And you can also see on the top left there, since our code is still running,
you get some running info about the amount of CPU,
and memory, and disk, and network usage your code is using.
So you can track if your code is really slow, for example.
You can keep an eye on the CPU usage, as well.
As memory usage, you don't want that memory usage maybe to go up infinitely,
for example, while your code is running.
So it's pretty useful,
live kind of view of what's happening while your program is running.
>> And again, this is a very simplified version of the very powerful instruments
that comes with X code, and we'll likely demo it later in this course.
That allows you to get very detailed information on execution times,
like program performance, memory usage,
pretty much everything you would want to know about your app when it's running.
And with that- >> That concludes our
intro to the debugger.
The most important things that you've noticed here,
hopefully, are how to set break points, how to inspect values
of your variables while your stopped at a break point, and how to step over code.