Effective PyCharm Transcripts
Chapter: Client-side web apps
Lecture: Front-end JavaScript frameworks
Login or
purchase this course
to watch this video and the rest of the course contents.
0:03
Now let's look at one of these Javascript frameworks and see how we get even better support in PyCharm.
0:09
So here we have Angular JS and this is one of the more popular ones, I showed you the Ionic example and of course,
0:15
that's based on Angular so that's pretty cool. And over here is a little tutorial on working with Angular JS like these little things here,
0:23
and you can go and edit the HTML and the CSS to make this happen. So let's look over here, I do a little reformat,
0:30
we've got a link to Angular, this is Angular 1.0, it doesn't really matter, the way it works is all basically the same.
0:40
So we come down here, we have our code here first thing we've got to do is we've got to go here and say
0:47
this is an ng app, let's put that away there, like so. So we'll say this is our app and then down here
0:56
we're going to have things like ng-click, so if I type ng you can see I've got -bind, -app, -class, -cloak, all the various things that you would do
1:05
and now we have actual Angular JS help not just HTML, CSS and Javascript, but support for all that, let's have a look here.
1:14
One more time in our browser, and see what we've created or copy and paste, take your pick. So it looks pretty good so far, if we click around
1:23
you can see our little Angular JS app is working, granted it doesn't do very much, but it's quite easy to build
1:30
as you can see with all the support for the Angular JS features and I find this really helpful because I don't do Angular JS so much
1:37
so I am like is it ng-bind, is it bind colon, how do you do conditionals in here, and all this kind of stuff,
1:45
controllers, routing, all the things you do in Angular, it's really nice to be able to just leverage the intellisense that is built in here.