COURSE GITHUB https://github.com/rvclist/rvclist.github.io
Week 1: http://plnkr.co/plunk/yEUWlcFn0kp6vG0zacNJ
- Intro to JavaScript! HelloWorld Stuff!
Week 2 http://plnkr.co/plunk/znj4U3qsSx3mqAaX03KS
- Values, Types,Operators
Week 3: http://plnkr.co/plunk/oQRTulPJpJBoIa4U3hXR
- Functions
Week 4: http://plnkr.co/plunk/BDCcqLRVUTK5BQAKhjLb
- Objects and Arrays
Week 5 https://plnkr.co/plunk/hCUqtjNonQ1Zmdj2BmhT (Lab)
Shopping List Version 1
- It should have a place to store SHOPPINGLIST
- It should have a way to display SHOPPINGLIST
- It should have a way to add new SHOPPINGLIST
See example: https://plnkr.co/plunk/CkxNCNrpHwLDoH4DQzes
Week 6: https://plnkr.co/plunk/bZs8gK
Shopping List Version 1.1
- It should have a place to store SHOPPINGLIST
- It should have a way to display SHOPPINGLIST
- It should have a way to add new SHOPPINGLIST
- It should have a way to change a SHOPPINGLIST
- It should have a way to delete a SHOPPINGLIST
Week 7: https://plnkr.co/plunk/5rykAPybuExstVIiXKRN
Shopping List Version 2.0
Slides: click here
- It should have a way to add new SHOPPINGLIST
- It should have a way to change a SHOPPINGLIST
- It should have a way to delete a SHOPPINGLIST
- It should have a way to change a SHOPPINGLIST
- It should have a way to delete a SHOPPINGLIST
Week 8: https://plnkr.co/plunk/Es4acWb3NnuEhjzHpiLL
Shopping List Version 2.1
Slides: http://bit.ly/2pPXfT9
- It should have a InputBox and Button to collect new SHOPPINGLIST
- It should have a FUNCTION to add to SHOPPINGLIST Using DOM
- It should have a FUNCTION to display a SHOPPINGLIST to Web Page Using DOM
- It should clear inputbox
- It should focus on inputbox after text is cleared
Week 9: https://run.plnkr.co/plunks/jF0SybuUwhdCE3J9gIkM/
Shopping List Version 3.0
Slides:http://bit.ly/2peLsBM
- It should have input fields for name & costs
- It should have an object properties for MyList for name and cost
- It should add to Function SHOPPINGLIST using object properties to Web Page Using DOM
- It should display remove button with logic to remove item
- It should clear inputbox for Name and Cost
- It should focus on inputbox on Name after text is cleared
Week 10: https://plnkr.co/plunk/F6pJ4hL0ibQ5S5p9GXrP
Shopping List Version 3.1
Slides: http://bit.ly/2pPY3Ye
- It should add new placeholder for shopping cart
- It should have ability to UPDATE ITEMS from shopping list
- It should have ability to UPDATE ITEMS from shopping cart
- It should have ability to move items from shopping list to shopping cart
- It should have ability to move items from shopping cart to shopping list
- It should have ability to display shopping list
- It should have ability to display shopping cart
- It should have ability to delete shopping list
- It should have ability to delete shopping cart
Week 11: https://plnkr.co/plunk/BR6ghXqn9WuFUM6mL2w5
Shopping List Version 3.2
Slides: https://docs.google.com/presentation/d/15rzvKtqRZTYTAt6Li0YVtvfi-cW5NF-yQnehlCv-yB8/edit?usp=sharing
- Fork Plunkr version 3.1 and make version 3.2
- Remove EDIT link from App
- Change Add button to Checkbox
- Have Checkbox stay checked when in "Shopping Cart" and unchecked in "Shopping List"
Challenge:
- Look at final example to begin creating a .CSS file. I just expect at least one tag used by a .CSS file
- Hide Shopping List and Shopping Cart when no items are displaying
- add photo add photo (use https://imgbb.com/
- update labels and alignment
- personalize web page
Week 12: https://plnkr.co/plunk/uXmDaenQrZwdajh7pWdt
Shopping List Version 3.1
Slides: http://bit.ly/2oliTOZ
- It should have ability to create new cookie file from shoppinglist array
- It should have ability to read cookie file and update shoppinglist array
- It should have ability to delete cookie file
- It should have ability to save new cookie file after displayshoppinglist function
- It should have ability to load & read cookie file function on Windows load
- It should have ability to populate shoppinglist array from cookie file
Week 13: hhttps://rvclist.github.io/rvclist13/ source code: rvclist.github.io-master-v4.zip
From this point we will work on your app inside of GitHub. Use my GitHub repo to help with below updates. See https://github.com/rvclist/rvclist13
- Remove Cost Field
- Remove "Add" text next to checkbox
- Remove Version ?? from home page.
- Add ability to submit new item when [enter] key pressed
- Add popup describing app when visitors load webpage the first time
Week 14: https://rvclist.github.io/index.html?list=eggs,milk,bread source: https://github.com/rvclist/rvclist.github.io
- Add function to share shoppinglist array via URL pass by values
- Add Share Button to share list
- Work on CSS
- Work on webpage content (photos, descriptions, title tag, etc.)
Week 15: https://bit.ly/2VZEAHH
-
GitHUb Repo: https://github.com/rvclist/rvclist15
- Add ability to convert shared URL to a bitly link
Slides: http://bit.ly/2uGinTK
- It should have ability to create a bit.ly link from URL
- It should have ability to share bit.ly link
- Work on CSS
- Work on webpage content (photos, descriptions, title tag, etc.)
- Final touches
Week 16: http://bit.ly/36JuiOE (Links to an external site.)
- Record Screencast Presentation of your Web App!
FINAL: http://bit.ly/2QJCOrg (Links to an external site.)