#100DaysOfWeb in Python Transcripts
Chapter: Days 93-96: Vue.js - JavaScript user interfaces
Lecture: Your turn: Day 2
Login or
purchase this course
to watch this video and the rest of the course contents.
0:00
You've made it to day two, now it's your turn. For this chapter, I've broken this up into two blocks.
0:08
Watch some of the presentation due on your turn day watch some more presentation, and then round it out with another block there.
0:16
So we're part way through the presentation but time to take a break and work on this yourself. So we come over here to the repository.
0:24
You can see that, of course, day one which you just now are finishing is just to watch the videos, get caught up learn about Vue.js and so on
0:33
and then on day two we're going to build the app up to the point where we're using fake data that we can save off of our movie service.
0:41
Now I won't go through all the details but we've created a starter project for you over here called Your Movie Exploder, and it's been set up
0:47
a little bit more as an npm package with Vue.js installed so that the tooling works a little bit better and so on. What we're going to do on this part
0:55
is we're actually going to use the same service and build roughly the same app. The reason is these services, they come, they go
1:01
their schema changes, their terms of service changes they're just, it's tough. So I want to have something really stable for you
1:07
and something kind of like what we did. So basically you're going to rebuild the same app that we built through the videos.
1:13
The first half today, we're going to build it up to using fake data, and then in the last day we'll bring in the service and the real data and so on.
1:20
So here's a few code snippets that you're going to need to build out the app. So we're talking about creating the Vue app
1:28
so here's a little bit of starter code for that. Here's how you show HTML data in a string do some bi-directional binding, looping
1:36
conditional rendering, adding functions booking events, setting attributes. And that's pretty much it. You're going to use those little code snippets
1:44
the starter code that I gave you and grabbing some fake data off of the service by just loading your browser and saving it
1:51
and then you build out the app to just using that fake offline data. Once you're done with that, you're done with day two of this chapter.
1:58
Day three is going to be watching the second half of the videos. Day four is going to be using the real service.
2:02
We'll go into more detail on that when it's time.