https://github.com/flexbox/jquery-quotes

HTTP & Ajax with jQuery
https://github.com/flexbox/jquery-quotes

Last synced: 4 months ago
JSON representation

HTTP & Ajax with jQuery

• Host: GitHub
• URL: https://github.com/flexbox/jquery-quotes
• Owner: flexbox
• Created: 2016-03-23T18:24:12.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-03-06T14:19:07.000Z (over 8 years ago)
• Last Synced: 2025-01-10T03:19:09.539Z (6 months ago)
• Language: HTML
• Homepage:
• Size: 157 KB
• Stars: 0
• Watchers: 3
• Forks: 7
• Open Issues: 6
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## Background & Objectives

Today you need to remeber what you have learned about jQuery & JavaScript of Bootstrap.

You don't need to code CSS here, simply use the framework.

We are going to use [Bootstrap V4](http://v4-alpha.getbootstrap.com).

## TODO

#### Create a file for your JavaScript

For example `./javascript/scripts.js`

#### Fetch json data form `http://webcitation.fr/quotes.json`

1. You can [explore this link](http://lmgtfy.com/?q=jquery+fetch+data+json)

1. Add a nice `
` like this in `#js-content`


![Bootstrap quote](images/quote.png)

#### Use `.load()` function on the author page

You can find the [documentation here](http://api.jquery.com/load/).

- Add an event when a use click on a button

- Load the text on bio.txt & insert it on `#js-bio`

#### Insert a modal for new quote

Don't forget to use a nice naming like `js-modal-newquote`

![Bootstrap modal](images/modal.png)