#The todolist downloadUses a neat command-line interface to download and submit exercises and allows you to give and get feedback on your solutions. Take a minute to check out the following links. Seriously, the better you grasp and the more fluently you can use the fundamental building blocks, the easier the hard stuff is going to come to you when we get to it. You really can’t spend too much time reviewing and practicing the fundamentals that we’ve covered and luckily for you there are several websites that offer just this type of thing. There is plenty of content after this project but at this point you’ve been exposed to many foundational concepts. #The todolist how toKeep in mind you cannot store functions in JSON, so you’ll have to figure out how to add methods back to your object properties once you fetch them. You will learn more about this language in a later lesson, but it doesn’t hurt to get your feet wet now. localStorage uses JSON to send and store data, and when you retrieve the data, it will also be in JSON format.Make sure your app doesn’t crash if the data you may want retrieve from localStorage isn’t there!. Additionally, here are a couple of quick tips to help you not get tripped up: Even so, it’s pretty handy! Set up a function that saves the projects (and todos) to localStorage every time a new project (or todo) is created, and another function that looks for that data in localStorage when your app is first loaded. The downside here is that the data is ONLY accessible on the computer that it was created on. localStorage ( docs here) allows you to save data on the user’s computer.We haven’t learned any techniques for actually storing our data anywhere, so when the user refreshes the page, all of their todos will disappear! You should add some persistence to this todo app using the Web Storage API.date-fns gives you a bunch of handy functions for formatting and manipulating dates and times.Since you are probably already using webpack, adding external libraries from npm is a cinch! You might want to consider using the following useful library in your code:.(look at screenshots, watch their introduction videos etc.) For inspiration, check out the following great todo apps.expand a single todo to see/edit its details.view all todos in each project (probably just the title and duedate… perhaps changing color for different priorities).The look of the User Interface is up to you, but it should be able to do the following:.creating new todos, setting todos as complete, changing todo priority etc.) from the DOM-related stuff, so keep all of those things in separate modules. You should separate your application logic (i.e. Users should be able to create new projects and choose which project their todos go into. When a user first opens the app, there should be some sort of ‘default’ project to which all of their todos are put.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |