WEBVTT
00:00:04.906 --> 00:00:07.754
Hi, I'm Bob Tabor with
Learn VisualStudio.NET.
00:00:07.754 --> 00:00:11.149
In this series of lessons,
we wanna emphasize that you can
00:00:11.149 --> 00:00:14.757
build HTML5 and JavaScript
applications without the need,
00:00:14.757 --> 00:00:16.810
for any special software.
00:00:16.810 --> 00:00:19.330
However, that being said,
there are some free tools from
00:00:19.330 --> 00:00:22.460
Microsoft that can provide
some conveniences and
00:00:22.460 --> 00:00:26.840
shortcuts to make the experience
of web development faster,
00:00:26.840 --> 00:00:29.550
more organized,
and more accurate.
00:00:29.550 --> 00:00:31.720
So in this lesson,
I'm gonna download and
00:00:31.720 --> 00:00:34.688
install Visual Web Developer
2010 Express Edition.
00:00:34.688 --> 00:00:39.039
And then, I'm gonna recreate the
previous example from lesson two
00:00:39.039 --> 00:00:41.862
in that new development
environment to show
00:00:41.862 --> 00:00:45.908
you how a world-class software
development tool can make your
00:00:45.908 --> 00:00:47.834
life easier in some key ways.
00:00:47.834 --> 00:00:50.820
Now, although I'm gonna
demonstrate this using the 2010
00:00:50.820 --> 00:00:53.305
version because that's
what's available today.
00:00:53.305 --> 00:00:56.275
The things I'm going to
show you will work and
00:00:56.275 --> 00:00:58.855
will apply regardless
of which version
00:00:58.855 --> 00:01:02.420
of Visual Web Developer
Express Edition you use.
00:01:02.420 --> 00:01:05.420
So simply put, ten years
from now, if there are still
00:01:05.420 --> 00:01:09.065
Visual Web Developer Developer
Express Edition available.
00:01:09.065 --> 00:01:11.815
What I'm about to show you
in this video will still
00:01:11.815 --> 00:01:13.255
apply, okay?
00:01:13.255 --> 00:01:17.461
So, first of all we're gonna
download the bootstrapper,
00:01:17.461 --> 00:01:21.583
the installation program which
is called the web platform
00:01:21.583 --> 00:01:22.517
installer.
00:01:22.517 --> 00:01:24.818
And it will kick off
the download and
00:01:24.818 --> 00:01:28.729
the installation process of
all the components necessary,
00:01:28.729 --> 00:01:31.115
then to install it
on your computer.
00:01:31.115 --> 00:01:33.002
So this is gonna take
quite a bit of time.
00:01:33.002 --> 00:01:36.073
I'm going to chop out
any tasks that might
00:01:36.073 --> 00:01:38.630
take more than just
a few seconds.
00:01:38.630 --> 00:01:41.321
So your experience will
undoubtedly be a little bit
00:01:41.321 --> 00:01:44.020
longer than mine during
this installation phase.
00:01:44.020 --> 00:01:46.450
Feel free if you already have
this installed, to skip ahead.
00:01:46.450 --> 00:01:50.750
I don't know 5,10 minutes in the
future just kind of look and see
00:01:50.750 --> 00:01:53.540
where we finished up and where
we started writing code,okay.
00:01:53.540 --> 00:01:58.292
So here we go,
the easiest way to do this
00:01:58.292 --> 00:02:02.468
is go to bing.com,
and search for
00:02:02.468 --> 00:02:08.519
visual web developer
express edition download.
00:02:10.679 --> 00:02:13.950
And you're gonna find
potentially multiple results.
00:02:13.950 --> 00:02:16.683
We wanna make sure we're
going to someplace that has
00:02:16.683 --> 00:02:18.182
microsoft.com in the URL.
00:02:21.501 --> 00:02:24.704
And you may have to click
around a little bit to find
00:02:24.704 --> 00:02:27.831
the button that says
Install Now or Install Now,
00:02:27.831 --> 00:02:29.902
let's go ahead and click that.
00:02:29.902 --> 00:02:31.756
This obviously is a way for
00:02:31.756 --> 00:02:35.381
Microsoft to get into
developers' hands a limited
00:02:35.381 --> 00:02:39.780
version of the full Visual
Studio development environment.
00:02:39.780 --> 00:02:42.786
So for our purposes we'll
just gonna go ahead and
00:02:42.786 --> 00:02:44.690
make sure to read the text, and
00:02:44.690 --> 00:02:47.858
we want to install
Visual Web Developer 2010.
00:02:47.858 --> 00:02:50.668
We're not ready to
buy the professional
00:02:50.668 --> 00:02:54.638
version of Visual Studio just
yet maybe some day, okay.
00:02:54.638 --> 00:02:57.269
All right, and so let's go
ahead and click Install Now.
00:02:57.269 --> 00:03:01.022
It's going to ask do you
want to save the Bootstrap,
00:03:01.022 --> 00:03:03.339
the vwd.exe to our hard drive?
00:03:03.339 --> 00:03:04.520
We're gonna click Save.
00:03:05.760 --> 00:03:07.900
And it's a small program, but
00:03:07.900 --> 00:03:11.274
it will then launch the web
platform installer,
00:03:11.274 --> 00:03:14.989
which will then complete
the installation process.
00:03:16.982 --> 00:03:21.034
Now, because Visual Web
Developer Express Edition is
00:03:21.034 --> 00:03:24.466
used to create more than
just simple HTML5 and
00:03:24.466 --> 00:03:26.591
Java script applications.
00:03:26.591 --> 00:03:30.221
We can actually create
ASP.NET webform and
00:03:30.221 --> 00:03:35.231
ASP.NET model view controller
MVC-style applications.
00:03:35.231 --> 00:03:38.202
It's actually quite
a full application,
00:03:38.202 --> 00:03:41.344
it's gonna ask us if we
want to also install,
00:03:43.934 --> 00:03:47.282
Let's get to that part here,
SQL Server Express Edition.
00:03:47.282 --> 00:03:50.420
I'm gonna go ahead and say,
go ahead and install it and
00:03:50.420 --> 00:03:53.972
make sure that you use Windows
Integrated Authentication for
00:03:53.972 --> 00:03:55.691
now and then click Continue.
00:03:55.691 --> 00:03:59.897
And at this point it's going
to begin to download all
00:03:59.897 --> 00:04:05.061
the components necessary to set
up both Visual Web Developer and
00:04:05.061 --> 00:04:07.460
SQL Server Express Edition.
00:04:08.810 --> 00:04:12.682
Now at certain points during
the installation process,
00:04:12.682 --> 00:04:16.393
the user account control
notifications may pop-up,
00:04:16.393 --> 00:04:18.579
letting you know or asking you.
00:04:18.579 --> 00:04:21.672
Should we allow permissions to
the web platform installer,
00:04:21.672 --> 00:04:23.551
to install this particular tool,
or
00:04:23.551 --> 00:04:26.360
make this particular saying
out of the computer?
00:04:26.360 --> 00:04:28.216
Go ahead and
accept all of those,
00:04:28.216 --> 00:04:30.016
as you'll see here in a moment.
00:04:30.016 --> 00:04:34.490
Sometimes those questions
can pop up behind the web
00:04:34.490 --> 00:04:36.472
platform installer.
00:04:36.472 --> 00:04:39.171
So if something doesn't
happen for a little bit and
00:04:39.171 --> 00:04:42.141
you're kind of curious,
am I missing something here.
00:04:42.141 --> 00:04:46.354
You have to move some windows
around and even look between
00:04:46.354 --> 00:04:50.141
windows, to see hey,
is everything still going?
00:04:50.141 --> 00:04:52.706
Are there any messages that
I need to click okay to?
00:04:52.706 --> 00:04:54.215
So just be forewarned
about that.
00:04:57.787 --> 00:05:01.375
All right, sometimes
when you see a flicker,
00:05:01.375 --> 00:05:04.871
that could indicate,
like I noted earlier,
00:05:04.871 --> 00:05:08.930
that something needs to be
given some permissions.
00:05:08.930 --> 00:05:13.268
I'm gonna go ahead and
click Allow, And Allow.
00:05:14.846 --> 00:05:17.668
And then User Account Control
click Yes.
00:05:17.668 --> 00:05:21.296
So just be aware of that that
it can sit for a while, and
00:05:21.296 --> 00:05:24.535
if you're not quite aware
of what's going on.
00:05:24.535 --> 00:05:28.331
If you don't look through the
other windows that might happen
00:05:28.331 --> 00:05:31.253
to be open, you might
miss somebody dialogue,
00:05:31.253 --> 00:05:33.895
so, that happened to me once,
all right.
00:05:35.597 --> 00:05:39.448
All right, so admittedly it
might take 15 to 20 minutes, but
00:05:39.448 --> 00:05:42.529
in some point you get
a confirmation message that all
00:05:42.529 --> 00:05:45.484
went smoothly from the web
platform installers.
00:05:45.484 --> 00:05:47.167
Let's go ahead and finish up,
00:05:47.167 --> 00:05:49.380
Exit out of
the Web Platform Installer.
00:05:49.380 --> 00:05:52.072
Let's just shut every
single thing down.
00:05:53.838 --> 00:05:58.201
So to find our application,
let's go to the Start button,
00:05:58.201 --> 00:06:01.081
All Programs,
scroll down a tiny bit,
00:06:01.081 --> 00:06:05.992
til we find the Microsoft Visual
Studio 2010 Express folder.
00:06:05.992 --> 00:06:09.360
And then we wanna click on
Microsoft Visual Web Developer
00:06:09.360 --> 00:06:11.520
2010 Express Edition.
00:06:11.520 --> 00:06:14.749
It's gonna ask us to register
here in a moment, I'm not gonna
00:06:14.749 --> 00:06:18.364
register at this moment, there's
probably a step you should take.
00:06:21.181 --> 00:06:23.758
All right, maybe it'll
ask me next time around.
00:06:23.758 --> 00:06:24.811
But at anyway,
00:06:24.811 --> 00:06:28.620
you can see that there's
a very attractive start page.
00:06:28.620 --> 00:06:31.941
What we wanna do is
create a new project, so
00:06:31.941 --> 00:06:36.480
I'm going to click the New
Project icon on the start page.
00:06:36.480 --> 00:06:37.340
There's a number of
00:06:37.340 --> 00:06:39.473
different ways to do just
about everything here.
00:06:39.473 --> 00:06:44.437
I'm gonna go ahead and
choose this option, and
00:06:44.437 --> 00:06:49.524
then what I wanna do is
select Visual C# Web, and
00:06:49.524 --> 00:06:54.990
then choose
ASP.NET Empty Web Application.
00:06:54.990 --> 00:06:57.276
Now we're not gonna
create any ASP.NET.
00:06:57.276 --> 00:07:01.025
We're just going to use
the empty web application
00:07:01.025 --> 00:07:05.540
because it doesn't add many
files to the template.
00:07:05.540 --> 00:07:09.752
But at any rate,
I want to give this a name so
00:07:09.752 --> 00:07:14.791
we'll call this C9JS_04,
and then click OK.
00:07:21.936 --> 00:07:25.644
All right so
Visual Web Developer 2010
00:07:25.644 --> 00:07:30.183
Express Edition will have
many different windows.
00:07:30.183 --> 00:07:33.256
The window that we're most
interested in at the moment is
00:07:33.256 --> 00:07:34.609
the Solution Explorer.
00:07:34.609 --> 00:07:38.000
It's kind of a collection of
all the files that belong to
00:07:38.000 --> 00:07:39.516
a specific project, and
00:07:39.516 --> 00:07:42.225
each solution can have
multiple projects.
00:07:42.225 --> 00:07:45.600
We'll discuss this more
In our C# series and
00:07:45.600 --> 00:07:48.350
our Visual Basic series and
other series as well.
00:07:48.350 --> 00:07:51.540
We don't need the property
window at all, I could just
00:07:51.540 --> 00:07:54.880
select to auto-hide by
unpinning a particular window.
00:07:54.880 --> 00:07:57.686
At which point, it goes off to
the right hand side I can always
00:07:57.686 --> 00:07:59.956
go back to it by hovering
my mouse cursor over it.
00:07:59.956 --> 00:08:03.212
But at this point all we really
need is the solution area and
00:08:03.212 --> 00:08:06.336
a solution explorer and then
this main area where we will
00:08:06.336 --> 00:08:07.942
do the majority of our work.
00:08:07.942 --> 00:08:12.864
So what I wanna do is
right-click on the project name,
00:08:12.864 --> 00:08:16.609
the C9JS_04 and
select Add New Item.
00:08:16.609 --> 00:08:18.743
The New Item
dialogue pops up and
00:08:18.743 --> 00:08:21.436
what we want to do is
create an HTML page.
00:08:21.436 --> 00:08:26.070
I'm gonna call this HTML
page simply default, and
00:08:26.070 --> 00:08:28.130
click the Add button.
00:08:31.312 --> 00:08:34.712
All right, by default you can
see that it adds a doc type that
00:08:34.712 --> 00:08:36.279
we're not familiar with.
00:08:36.279 --> 00:08:42.331
This is a, as you can see here,
XHTML 1.0 transitional doc type.
00:08:42.331 --> 00:08:46.000
But we want to use
HTML5 instead.
00:08:46.000 --> 00:08:49.030
Now unfortunately, it doesn't
give that to us automatically,
00:08:49.030 --> 00:08:51.357
so we're gonna have to
massage this a little bit.
00:08:51.357 --> 00:08:54.545
In fact, all I really need
to do is just rip off this,
00:08:54.545 --> 00:08:56.004
everything over here.
00:08:56.004 --> 00:08:59.040
We'll get rid of
the name space and
00:08:59.040 --> 00:09:04.180
at this point it should be
a valid HTML5 document, okay?
00:09:05.400 --> 00:09:09.410
So now let's go ahead and
try to recreate the project, and
00:09:09.410 --> 00:09:11.154
I'm just gonna start typing.
00:09:12.610 --> 00:09:17.080
And when I do, notice that
00:09:17.080 --> 00:09:21.015
we get a little box that pops
up below what I'm typing.
00:09:21.015 --> 00:09:23.080
And this is called IntelliSense,
00:09:23.080 --> 00:09:24.450
it does a couple of
different things for us.
00:09:24.450 --> 00:09:27.720
First of all, for longer words
as we'll see in a moment,
00:09:27.720 --> 00:09:29.654
it will allow us
to auto-complete.
00:09:29.654 --> 00:09:34.113
So we can kind of can filter
through all the items that start
00:09:34.113 --> 00:09:38.845
with the letter H or the letter
F for example, and find exactly
00:09:38.845 --> 00:09:43.325
what it is we're looking for
with regards to HTML5 tags.
00:09:43.325 --> 00:09:47.651
Additionally, it will show
me any attributes for
00:09:47.651 --> 00:09:52.082
the given tag, so in this case,
I want to add an ID.
00:09:52.082 --> 00:09:55.194
And you can see it shows
me all the other attributes
00:09:55.194 --> 00:09:58.620
that I could attach on, or
events that can be handled.
00:10:00.190 --> 00:10:05.019
And so let's call this title,
it auto-completes the tags.
00:10:05.019 --> 00:10:09.262
Notice when I use the closing
tag, it automatically created
00:10:09.262 --> 00:10:12.102
the remainder of
the closing tag for me.
00:10:12.102 --> 00:10:15.620
And so we'll just type
in JavaScript Example.
00:10:15.620 --> 00:10:20.056
Notice also we get syntax
highlighting that some
00:10:20.056 --> 00:10:25.580
characters are in a blue color,
some are in a dark red color.
00:10:25.580 --> 00:10:27.350
Some are in a light
red color and
00:10:27.350 --> 00:10:29.430
there's a couple of reasons for
that,
00:10:29.430 --> 00:10:33.050
it helps distinguish what it is
you're looking at right now.
00:10:33.050 --> 00:10:36.370
Instead of just looking at all
black text it kind of helps you
00:10:36.370 --> 00:10:40.240
delineate as you're visually
scanning through the code
00:10:40.240 --> 00:10:44.440
what each element of our
webpage consists of.
00:10:44.440 --> 00:10:48.280
And then, also these colors
have certain meanings,
00:10:48.280 --> 00:10:51.720
like the tags versus
the attributes, and so on.
00:10:51.720 --> 00:10:54.412
Literal strings are in a bright
blue color, and so on.
00:10:54.412 --> 00:10:57.893
You can see that as I have
the tag selected it will show me
00:10:57.893 --> 00:11:00.846
both the starting tag and
the ending tag kind of
00:11:00.846 --> 00:11:03.363
highlighted in this
gray background.
00:11:03.363 --> 00:11:05.870
I can also roll up
entire sections.
00:11:05.870 --> 00:11:08.267
So if I want to have
a large body section and
00:11:08.267 --> 00:11:10.253
I wanted to kind of remove this,
or
00:11:10.253 --> 00:11:13.403
the head section I just want
to get that out of my visible
00:11:13.403 --> 00:11:16.910
viewing so that I can see more
on the screen at one time.
00:11:16.910 --> 00:11:19.510
I can use these little regions,
these little plus and
00:11:19.510 --> 00:11:22.170
minus icons next to the webpage.
00:11:22.170 --> 00:11:24.840
Let's go ahead and
use the Save button,
00:11:24.840 --> 00:11:27.960
another nice feature is
the fact that we can manage
00:11:27.960 --> 00:11:30.090
our documents right
from the tool bar.
00:11:30.090 --> 00:11:33.600
We can see all of the files that
belong to our project here in
00:11:33.600 --> 00:11:34.790
the solution explorer.
00:11:34.790 --> 00:11:38.550
So it gives us the ability
to manage our project and
00:11:38.550 --> 00:11:41.670
manage the code in our project a
lot more easily than if we were
00:11:41.670 --> 00:11:44.500
just to use the file system,
Notepad, and
00:11:44.500 --> 00:11:45.781
Internet Explorer by themselves.
00:11:45.781 --> 00:11:49.290
All right,
let's continue on here and
00:11:49.290 --> 00:11:51.480
I'm going to create an input.
00:11:53.320 --> 00:11:57.660
And so notice when I type,
type=, it shows me all of
00:11:57.660 --> 00:12:02.010
the options that I can choose
for a type, an input type.
00:12:02.010 --> 00:12:05.645
So when I find the one I want,
all I need to do, then,
00:12:05.645 --> 00:12:09.707
is I don't have to type out
the remaining two characters.
00:12:09.707 --> 00:12:12.437
I can just type on the next
logical character after
00:12:12.437 --> 00:12:14.976
the word text, and
whatever is highlighted.
00:12:14.976 --> 00:12:17.802
Whoops, of course,
I held it a little bit too long,
00:12:17.802 --> 00:12:20.712
whatever was highlighted,
let's get back to that.
00:12:25.274 --> 00:12:28.653
Will then be auto-completed for
me, pretty neat.
00:12:39.108 --> 00:12:42.581
So I can speed along my typing,
00:12:45.356 --> 00:12:50.315
Quite a bit here by just using
a combination of Tab keys, of
00:12:50.315 --> 00:12:55.490
open and closing double quotes,
and open and closing tags.
00:12:55.490 --> 00:12:57.842
And to the extent that it can,
00:12:57.842 --> 00:13:02.832
the Visual Web Developer Express
Edition will try to determine
00:13:02.832 --> 00:13:07.086
what I need to type next and
help me out in that regard.
00:13:07.086 --> 00:13:10.618
Let's come back to that in
just a moment, all right,
00:13:10.618 --> 00:13:12.276
let's add a script tag.
00:13:12.276 --> 00:13:17.032
And if you can't remember
what goes in the type,
00:13:17.032 --> 00:13:21.676
that's made easy by
auto-completion again.
00:13:21.676 --> 00:13:25.190
I'm getting auto-four
indentation levels.
00:13:25.190 --> 00:13:27.329
So I can just hit the Tab
on my keyboard, and
00:13:27.329 --> 00:13:30.002
I don't have to worry about
using the space bar a dozen
00:13:30.002 --> 00:13:32.876
times to line everything up
just absolutely correctly.
00:13:42.397 --> 00:13:45.255
Another cool feature, too,
let me just do this real quick.
00:13:49.037 --> 00:13:51.779
It auto reformatted my code,
00:13:51.779 --> 00:13:56.970
I attempted to do something
that looked like this.
00:13:56.970 --> 00:13:59.825
But it said, well most
people who write JavaScript
00:13:59.825 --> 00:14:02.390
follow this convention of
00:14:02.390 --> 00:14:05.140
leaving the opening curly
brace on the previous line.
00:14:05.140 --> 00:14:08.246
So it helps keep your code in
line with what other people
00:14:08.246 --> 00:14:10.956
typically do when they
write JavaScript code.
00:14:14.394 --> 00:14:16.976
Now we haven't talked about
objects and properties,
00:14:16.976 --> 00:14:20.119
if you're coming from an object
oriented background then you'll
00:14:20.119 --> 00:14:22.643
know that an object has both
properties and methods or
00:14:22.643 --> 00:14:23.277
functions.
00:14:23.277 --> 00:14:27.787
As well as events and
in this case IntelliSense is
00:14:27.787 --> 00:14:33.070
showing me all of the members
of the document object.
00:14:33.070 --> 00:14:38.510
So I can choose getElementByID,
I'm using the up and
00:14:38.510 --> 00:14:41.600
down arrows on my keyboard to
find the one I'm looking for.
00:14:41.600 --> 00:14:45.374
And I'm just gonna type in
the opening parenthesis, well,
00:14:45.374 --> 00:14:49.004
sometimes if you wait too long
things don't work for you.
00:14:54.170 --> 00:14:58.676
And we'll also show you
what it expects as an input
00:14:58.676 --> 00:15:01.820
argument to that given function.
00:15:01.820 --> 00:15:04.936
In this case,
it's expecting an element and
00:15:04.936 --> 00:15:07.896
we wanna give it
myTextBox as the element.
00:15:11.019 --> 00:15:16.493
Now notice if I were to leave
off the end of the semicolon
00:15:16.493 --> 00:15:21.372
like I've demonstrated
a little bit earlier and
00:15:21.372 --> 00:15:25.300
I start typing in
the next line of code.
00:15:33.973 --> 00:15:40.080
I will get some notification
that things are not quite right.
00:15:44.608 --> 00:15:47.909
And here again, you see another
notification, a green squiggly
00:15:47.909 --> 00:15:50.920
line that says there's
an unterminated string constant.
00:15:50.920 --> 00:15:55.432
Because we have not ended our
string with a second pair of
00:15:55.432 --> 00:15:57.736
double quotes, all right?
00:16:06.491 --> 00:16:07.153
Let's go ahead.
00:16:40.737 --> 00:16:43.296
All right, so again,
let's save everything, and now,
00:16:43.296 --> 00:16:45.973
when it comes the time to test
our webpage, all we need to do.
00:16:45.973 --> 00:16:47.981
Well, let's do one last
thing here, let's call,
00:16:52.707 --> 00:16:56.040
Substitute on our
on-click method.
00:16:56.040 --> 00:16:59.375
I think that's right, okay, so
now let's run our application
00:16:59.375 --> 00:17:01.370
by using
the Start Debugging button.
00:17:03.040 --> 00:17:04.000
And when we do,
00:17:05.100 --> 00:17:08.690
it makes the launching of our
application a little bit easier.
00:17:09.995 --> 00:17:12.767
Let's not show that again here,
00:17:12.767 --> 00:17:16.731
lets type in Hi there,
Click me, and it works.
00:17:16.731 --> 00:17:17.806
All right, so
00:17:17.806 --> 00:17:22.287
the beauty of using Visual Web
Developer Express Edition is
00:17:22.287 --> 00:17:26.857
that everything that's needed
for the project is collected
00:17:26.857 --> 00:17:31.515
into a series of folders on our
hard drive, automatically for
00:17:31.515 --> 00:17:36.710
us, we don't have to create
any special project structure.
00:17:36.710 --> 00:17:40.240
All the files are available,
if we had sub folders,
00:17:40.240 --> 00:17:42.030
they would show up here as well.
00:17:42.030 --> 00:17:45.722
If we ever needed to turn this
into an ASP.NET web forms or
00:17:45.722 --> 00:17:51.220
ASP.NET MVC application
we could easily do so.
00:17:52.760 --> 00:17:56.540
It gives us not only the ability
to manage the files in our
00:17:56.540 --> 00:17:59.700
project but an easy way to
also launch those files for
00:17:59.700 --> 00:18:04.230
testing purposes using
the Start Debugging button.
00:18:04.230 --> 00:18:07.465
It offers, while we're typing,
syntax completion,
00:18:07.465 --> 00:18:11.720
IntelliSense, and
syntax highlighting,
00:18:11.720 --> 00:18:14.730
automatic formatting of
the code, and so on.
00:18:14.730 --> 00:18:17.870
So there's a lot of
benefit to using
00:18:17.870 --> 00:18:21.280
a real web development tool as
opposed to just using Notepad.
00:18:21.280 --> 00:18:24.250
Having said that, we're gonna
continue using Notepad,
00:18:24.250 --> 00:18:27.176
because again, the emphasis
here is not on the tool.
00:18:27.176 --> 00:18:30.630
I don't wanna demonstrate all
the features of the tool and
00:18:30.630 --> 00:18:35.000
have lost in the message
the simplicity and the ease of
00:18:35.000 --> 00:18:38.950
writing applications purely
with HTML5 and JavaScript.
00:18:38.950 --> 00:18:41.970
All right, so we got enough
of the foundation work laid.
00:18:41.970 --> 00:18:44.683
We can start talking about the
individual syntax elements of
00:18:44.683 --> 00:18:47.395
JavaScript, and we'll start
doing that in the next video,
00:18:47.395 --> 00:18:48.953
we'll see you there, thank you.