Code Monkey home page Code Monkey logo

sgtmvc's Introduction

Version 0.1

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

Description

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

Description

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

Description

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.

Getting Started

  • 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 you git add . and git commit to 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

Scope

  • 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 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

Design

Mobile appearance

#### No Data available appearance

#### Data available appearance

>>>>>>> d00e47a718632142c6db6f2d6c0a1a0858aacd54

sgtmvc's People

Contributors

conmeconte avatar dpaschal-lf avatar ej020586 avatar scbowler avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.