Giter Site home page Giter Site logo

sequences's Introduction

Sequences

In this project, we'll learn about forms, which are arguably the most important components of an interactive web application.

Start by attempting this quick puzzle. What do you think?

We're going to build a simple clone of that site.

Here is our target, but your version will differ slightly -- it won't save past guesses. It will only show the single most recent guess.

Setup

  1. Fork this repository.
  2. Clone your fork.
  3. Open the entire folder you downloaded in Atom.
  4. Commit and sync often.
  5. Run rails grade when you are ready to see how you are doing.

Suggested Steps

  1. Create two RCAVs (use the RCAV Flowchart), one for /all_guesses and one for /show_answer. You can copy the content from public/answer_mockup.html and public/guesses_mockup.html.
  2. Start at the end and make the Answer form work to send the user from /all_guesses to /show_answer and parrot back the answer they submitted.
  3. Make the Guesses form work to send the user from /all_guesses back to /all_guesses and parrot back the guess they submitted.
  4. Add some logic to report whether the guess obeyed the rule or not.

What would we need in order to store the history of all past guesses the way that the target does? The ability to write information to disk permanently, which will be our next focus. If you'd like a sneak peek, have a look at the next cheatsheet -- CRUD with Ruby. Can you figure out how to add the history of guesses to this project?

sequences's People

Contributors

raghubetina avatar griffincox avatar

Watchers

James Cloos 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.