Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From $16.50/m
by
FREELessons:16Length:1.8 hours

Next lesson playing in 5 seconds

Cancel
  • Overview
  • Transcript

1.2 What You Need

Hi folks, let's get our development area ready for our example app. The full source of the app is up on GitHub at https://github.com/dan-wellman/to-do. And that's there for reference purposes, but for better understanding, I'd recommend that you follow along lesson by lesson and build the app up yourself. So we'll be building a simple little to-do app, which we can use to add and remove simple tasks. Nothing too fancy, but plenty to keep us busy. We don't need to worry about a full on console based environment. Again, because I wanna keep things nice and simple, and focused on Require itself. Although we will be using the console later on when we get to the advanced section of the course. But we'll go through these specifics at that point. So just create a folder somewhere convenient and call it to-do. I've got mine set up on the desktop here. Inside this, we'll need to add a few more folders, one called SRC, one called external, and one called CSS. So I've got these already set up. We should download Require itself at this point. So let's head on over to the downloads page at http://requirejs.org/docs/downloads. [BLANK_AUDIO] And we'll grab the latest version which, at the time this course was produced, is Version 2.1.15. And we can save this in the external folder. There's a couple of other files that we need, an index.HTML page and some basic CSS styling. Rather than watch me create them now, I'll just show you the code in each file briefly. So here's the index page, as you can see, nice and simple. [BLANK_AUDIO] And just a minimal CSS styling. So let's bring these into our project folder now. [BLANK_AUDIO] Another of the frameworks that we're going to make use of in this course is Knockout JS, which is completely compatible with Require JS. We can use this to bind the views our app needs to simple view models. So let's head on over to the Knockout download page which is at http://knockoutjs.com/downloads. And we can save this in the external folder as well. And the version of Knockout at the time this course was produced, as you can see, is 3.2.0. We'll be using the excellent Jasmine Test Framework so let's also install that. We can grab a copy off of GitHub at https://github.com/pivotal/jasmine/tree/m- aster/dist. [BLANK_AUDIO] And we'll grab the latest version which at the time this course was produced is version 2.1.1. So this will give us a zip file. So in our project, let's create a test folder. [BLANK_AUDIO] And then we can extract the full content of the Jasmine zip file to our test folder. So there's a few files here that we won't need, we've already got an SRC folder in our project so let's delete the example one that comes with Jasmine. And there's a couple of example spec files, we can also get rid of those, we won't be needing those at all. And that should be it for now. We can add more stuff as we need it. So we're all set up now and ready to go for the next lesson. Thanks for watching.

Back to the top