Giter Site home page Giter Site logo

week6's Introduction

Homework 6 - Pick Your Ipsum

Create an app that will allow you to pick a different type of Ipsum and select a certain number of paragraphs of it.

Prompt

Step 1 - Fork this repository.

From the assignment homepage (https://github.com/fewd05082017/week6), click the "Fork" link on the top right. This will create a copy of the assignment in YOUR github account.

Step 2 - Clone your forked repository.

From the repository homepage (which will be http://github.com/YOURUSERNAME/week6), click on green "Clone or Download" button and "Open in Desktop". This should open your Github Desktop App and prompt you to save the week6 folder on your computer.

Step 3 - Build!

There are three events that need to be defined:

When the user clicks on a nav anchor:

  • The item the user clicked on should be selected (the class .current, which is predefined in CSS, can be applied).

When the user hits the Generate button:

  • The specified number of paragraphs of the selected ipsum should be revealed with a sliding animation.

When the user clicks or tabs into the form field:

  • The field should clear and the revealed ipsum should disappear with a sliding animation.

You will likely need to use all of the following jQuery functions: .click(), .focus(), .removeClass(), .addClass(), .data(), .slice(), .find(), .hide(), .slideDown(), .slideUp(). Check the jQuery documentation for what each of these do: https://api.jquery.com/

Your solution should be generic enough that you could add one or many more ipsums to the list and have it still work.

Note: I've included jQuery for you in the JS folder, but you will need to create your own JS file as well as add the appropriate <script> tags.

Note: Feel free to add any functionality you like or change the design as you see fit!

Step 4 - Commit and Sync

Work on your website locally and view it in the browser by opening your index.html file. When your site looks good, Commit and Sync with the Github App.

Step 5 - Pull Request

Send a Pull Request to submit your homework. From your week6 page on github.com (https://github.com/YOURUSERNAME/week6), click on the "New Pull Request" button and follow the prompts.

Step 6 - Publish with Gitbot! (optional)

Want to post your week6 project on your github.io url? Log into gitbot and click the week6 repository button and VOILA! It will (perhaps after a few minutes) be viewable online at http://YOURUSERNAME.github.io/week6

week6's People

Contributors

josephjbliss avatar

Watchers

 avatar James Cloos avatar

week6's Issues

i can't upload via github app.

the changes in sublime are showing up in the app but they're not making it to github. i get a message that i don't have access to the repository...?

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.