Version 0.1 is the starting point of the Student Grade Table Project. LearningFuze has provided a base structure that includes HTML structure that will need to be updated with boostrap classes. For this version we are looking to see that you understand how to style an application with bootstrap, take input values and apply them to objects, and update the DOM with a visual of those objects stored. <<<<<<< HEAD
Version 0.5 starts where v.1 left off with adding in the delete functionality. When clicking on the delete button we need to add an event handler that will remove the current row from the DOM only after we have successfully removed the object from the array.
Version 1.0 picks up where 0.5 left off. You will now be populating records from a database via the LearningFuze SGT API. This version will only be pulling entries, you will not be adding anything to the database for this version. You should still be able to add entries locally as you did before.
Version 2.0 adds more CRUD functionality. Previously you added R (Read), and now you will be adding Create and Delete functionality. You will now be adding records to a database via the LearningFuze SGT API.
- Are you on your master branch? - Yes - continue to "Pull Latest Changes" - I dont know Run the command below -
git branch- this will highlight the branch you are currently on - No - Make sure yougit add .andgit committo your current branch before you switch to your master branch- Pull Latest Changes -
git checkout master-git pull origin master- Now continue with the next steps- Create a feature branch -
git checkout -b v0.1- Work on the scope defined Below
- Add files to git -
git add .- Commit files (Group files together) -
git commit -m "SGT v0.1 - Your Name"- Replace "Your Name" with your first and last name- Send to gitHub (Push) -
git push origin v0.1- Create pull request - Pull request should be made from v0.1 to your repository's/teams master branch
- Styling - Apply bootstrap styling to all buttons & form elements - Apply bootstrap table styling - Apply look using boostrap only based on the designs below. Please note that no additional style sheets have been added
- JS Functionality
- Build out all functions & variables based on jsDoc (What is this?) comments inside the script.js file
- Form
- On click of add button
- call appropriate function in on click attribute
- Add values inside the form into an object and store that object in the student_array global variable
- Display all student data stored in the student_array inside the bootstrap table structure
- Clear values inside the form elements
- On click of cancel button
- Clear values inside the form elements
- On click of add button
- on Dom Load
- Reset application to its default state
- Display all student data stored in the student_array inside the bootstrap table structure
- on update of student_array data, calculate and show average student grade rounded to the nearest whole number and display inside .avgGrade element
