Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

This updates the other libs content to the latest master

- includes minor editing

Merge remote-tracking branch 'upstream/master' into 68-other-libs-new-PR

* upstream/master: (96 commits)
  added alt text to pictures and themeroller logo
  minor correction to the themeroller text
  added a tutorial on how to use themeroller to create a jQuery Mobile custom theme
  Fixing syntax highlighting
  add deferreds content
  Revert "Changed /page/ to /pages/ for consistency with other content repos"
  Changed /page/ to /pages/ for consistency with other content repos
  Update CONTRIBUTING.md
  Update page/using-jquery-core/manipulating-elements.md
  Fixed 'MDN JavaScript Reference' link.
  Upgrade to grunt-jquery-content 0.7.0 and grunt-wordpress 1.0.5.
  Proper attribution for @scottgonzalez on jQuery UI Widget Factory article originally from his blog post
  Use _.uniq to get unique contributors array from git history instead of manually forEach'ing.
  Properly credit @jorydotcom for her work in creating the style guide before it was split into its own file
  Actually include the legacy contributor in the contributors list
  Initial implementation of parsing git file history and pushing git contributor/legacy attribution list into WordPress
  Upgrade to grunt-jquery-content 0.6.2.
  Fix attribution on Understanding Index article
  Remove unused exercise files - fixes #137
  Remove "adding keyboard navigation" and "enabling the back button" articles for now
  ...

Conflicts:
	order.yml
	page/using-jquery-core/avoid-conflicts-other-libraries.md
  • Loading branch information...
commit c51784d5fee3080164853898129c1890daa77103 2 parents 5567cb6 + be21e32
@rmurphey rmurphey authored
Showing with 5,615 additions and 40,746 deletions.
  1. +166 −41 CONTRIBUTING.md
  2. +23 −10 README.md
  3. +0 −22 code/exercises/ajax.html
  4. +0 −46 code/exercises/css/reset.css
  5. +0 −142 code/exercises/css/sandbox.css
  6. +0 −329 code/exercises/css/style.css
  7. +0 −20 code/exercises/data/blog.html
  8. +0 −2  code/exercises/data/html/curry.html
  9. +0 −2  code/exercises/data/html/onions.html
  10. +0 −2  code/exercises/data/html/stirfry.html
  11. +0 −2  code/exercises/data/html/tomatoes.html
  12. +0 −65 code/exercises/data/menu_details.html
  13. +0 −33 code/exercises/data/people.json
  14. +0 −6 code/exercises/data/people/ajpiano.json
  15. +0 −7 code/exercises/data/people/blowery.json
  16. +0 −7 code/exercises/data/people/jaubourg.json
  17. +0 −6 code/exercises/data/people/jeresig.json
  18. +0 −8 code/exercises/data/people/phiggins.json
  19. +0 −6 code/exercises/data/people/slightlylate.json
  20. +0 −22 code/exercises/data/specials.json
  21. +0 −41 code/exercises/data/staff.json
  22. +0 −362 code/exercises/demos/CHAPTER-10/CreatePortletModule/demo.css
  23. +0 −6 code/exercises/demos/CHAPTER-10/CreatePortletModule/demo.details
  24. 0  code/exercises/demos/CHAPTER-10/CreatePortletModule/demo.html
  25. +0 −12 code/exercises/demos/CHAPTER-10/CreatePortletModule/demo.js
  26. +0 −333 code/exercises/demos/CHAPTER-3/Manipulating/demo.css
  27. +0 −7 code/exercises/demos/CHAPTER-3/Manipulating/demo.details
  28. +0 −130 code/exercises/demos/CHAPTER-3/Manipulating/demo.html
  29. +0 −37 code/exercises/demos/CHAPTER-3/Manipulating/demo.js
  30. +0 −333 code/exercises/demos/CHAPTER-3/Selecting/demo.css
  31. +0 −7 code/exercises/demos/CHAPTER-3/Selecting/demo.details
  32. +0 −130 code/exercises/demos/CHAPTER-3/Selecting/demo.html
  33. +0 −41 code/exercises/demos/CHAPTER-3/Selecting/demo.js
  34. +0 −333 code/exercises/demos/CHAPTER-3/Traversing/demo.css
  35. +0 −7 code/exercises/demos/CHAPTER-3/Traversing/demo.details
  36. +0 −130 code/exercises/demos/CHAPTER-3/Traversing/demo.html
  37. +0 −36 code/exercises/demos/CHAPTER-3/Traversing/demo.js
  38. +0 −333 code/exercises/demos/CHAPTER-5/InputHint/demo.css
  39. +0 −6 code/exercises/demos/CHAPTER-5/InputHint/demo.details
  40. +0 −130 code/exercises/demos/CHAPTER-5/InputHint/demo.html
  41. +0 −12 code/exercises/demos/CHAPTER-5/InputHint/demo.js
  42. +0 −333 code/exercises/demos/CHAPTER-5/TabbedNavigation/demo.css
  43. +0 −6 code/exercises/demos/CHAPTER-5/TabbedNavigation/demo.details
  44. +0 −130 code/exercises/demos/CHAPTER-5/TabbedNavigation/demo.html
  45. +0 −12 code/exercises/demos/CHAPTER-5/TabbedNavigation/demo.js
  46. +0 −333 code/exercises/demos/CHAPTER-6/DropdownMenus/demo.css
  47. +0 −6 code/exercises/demos/CHAPTER-6/DropdownMenus/demo.details
  48. +0 −130 code/exercises/demos/CHAPTER-6/DropdownMenus/demo.html
  49. +0 −12 code/exercises/demos/CHAPTER-6/DropdownMenus/demo.js
  50. +0 −333 code/exercises/demos/CHAPTER-6/HiddenText/demo.css
  51. +0 −6 code/exercises/demos/CHAPTER-6/HiddenText/demo.details
  52. +0 −130 code/exercises/demos/CHAPTER-6/HiddenText/demo.html
  53. +0 −12 code/exercises/demos/CHAPTER-6/HiddenText/demo.js
  54. +0 −333 code/exercises/demos/CHAPTER-6/SlideShow/demo.css
  55. +0 −6 code/exercises/demos/CHAPTER-6/SlideShow/demo.details
  56. +0 −130 code/exercises/demos/CHAPTER-6/SlideShow/demo.html
  57. +0 −12 code/exercises/demos/CHAPTER-6/SlideShow/demo.js
  58. +0 −333 code/exercises/demos/CHAPTER-7/LoadContentUsingJSON/demo.css
  59. +0 −6 code/exercises/demos/CHAPTER-7/LoadContentUsingJSON/demo.details
  60. +0 −130 code/exercises/demos/CHAPTER-7/LoadContentUsingJSON/demo.html
  61. +0 −14 code/exercises/demos/CHAPTER-7/LoadContentUsingJSON/demo.js
  62. +0 −22 code/exercises/demos/CHAPTER-7/LoadContentUsingJSON/demo.responose.json
  63. +0 −333 code/exercises/demos/CHAPTER-7/LoadExternalContent/demo.css
  64. +0 −6 code/exercises/demos/CHAPTER-7/LoadExternalContent/demo.details
  65. +0 −130 code/exercises/demos/CHAPTER-7/LoadExternalContent/demo.html
  66. +0 −13 code/exercises/demos/CHAPTER-7/LoadExternalContent/demo.js
  67. +0 −20 code/exercises/demos/CHAPTER-7/LoadExternalContent/demo.response.html
  68. +0 −333 code/exercises/demos/CHAPTER-8/WriteTable-StripingPlugin/demo.css
  69. +0 −6 code/exercises/demos/CHAPTER-8/WriteTable-StripingPlugin/demo.details
  70. +0 −130 code/exercises/demos/CHAPTER-8/WriteTable-StripingPlugin/demo.html
  71. +0 −12 code/exercises/demos/CHAPTER-8/WriteTable-StripingPlugin/demo.js
  72. BIN  code/exercises/demos/images/bread.jpg
  73. BIN  code/exercises/demos/images/fruit.jpg
  74. BIN  code/exercises/demos/images/vegetable.jpg
  75. BIN  code/exercises/images/bg-staff.png
  76. BIN  code/exercises/images/bread.jpg
  77. BIN  code/exercises/images/curry.jpg
  78. BIN  code/exercises/images/fruit.jpg
  79. BIN  code/exercises/images/onions.jpg
  80. BIN  code/exercises/images/special.jpg
  81. BIN  code/exercises/images/staff/david.jpg
  82. BIN  code/exercises/images/staff/george.jpg
  83. BIN  code/exercises/images/staff/jim.jpg
  84. BIN  code/exercises/images/staff/melissa.jpg
  85. BIN  code/exercises/images/staff/rick.jpg
  86. BIN  code/exercises/images/staff/sally.jpg
  87. BIN  code/exercises/images/staff/staff-base.gif
  88. BIN  code/exercises/images/staff/steve.jpg
  89. BIN  code/exercises/images/staff/tom.jpg
  90. BIN  code/exercises/images/stirfry.jpg
  91. BIN  code/exercises/images/tomatoes.jpg
  92. BIN  code/exercises/images/vegetable.jpg
  93. +0 −162 code/exercises/index.html
  94. 0  code/exercises/js/blog.js
  95. 0  code/exercises/js/events.js
  96. +0 −76 code/exercises/js/exercises.js
  97. 0  code/exercises/js/inputHint.js
  98. 0  code/exercises/js/load.js
  99. 0  code/exercises/js/menus.js
  100. 0  code/exercises/js/navigation.js
  101. 0  code/exercises/js/portlets.js
  102. 0  code/exercises/js/sandbox.js
  103. 0  code/exercises/js/slideshow.js
  104. 0  code/exercises/js/specials.js
  105. 0  code/exercises/js/stripe.js
  106. 0  code/exercises/js/tabs.js
  107. +0 −20 code/exercises/libs/jasmine/MIT.LICENSE
  108. +0 −188 code/exercises/libs/jasmine/jasmine-html.js
  109. +0 −166 code/exercises/libs/jasmine/jasmine.css
  110. +0 −2,421 code/exercises/libs/jasmine/jasmine.js
  111. +0 −6,240 code/exercises/libs/jquery-1.4.2.js
  112. +0 −154 code/exercises/libs/jquery-1.4.2.min.js
  113. +0 −8,176 code/exercises/libs/jquery-1.5.0.js
  114. +0 −8,316 code/exercises/libs/jquery-1.5.1.js
  115. +0 −487 code/exercises/libs/jquery.tmpl.js
  116. +0 −296 code/exercises/libs/mustache.js
  117. +0 −76 code/exercises/libs/pubsub.js
  118. +0 −21 code/exercises/libs/qunit/package.json
  119. +0 −119 code/exercises/libs/qunit/qunit.css
  120. +0 −1,043 code/exercises/libs/qunit/qunit.js
  121. +0 −78 code/exercises/menu.html
  122. +0 −47 code/exercises/portlets.html
  123. +0 −95 code/exercises/sandbox.html
  124. +0 −35 code/exercises/slideshow.html
  125. +0 −89 code/exercises/staff.html
  126. +0 −28 code/exercises/testing-jasmine.html
  127. +0 −22 code/exercises/testing-qunit.html
  128. +0 −4 code/exercises/tests/tests-jasmine-helper.js
  129. +0 −3  code/exercises/tests/tests-jasmine.js
  130. +0 −100 code/solutions/ajax.js
  131. +0 −16 code/solutions/blog.js
  132. +0 −14 code/solutions/hoverClass.js
  133. +0 −17 code/solutions/inputHint.js
  134. +0 −181 code/solutions/js101.js
  135. +0 −23 code/solutions/load.js
  136. +0 −62 code/solutions/modal.js
  137. +0 −24 code/solutions/navigation.js
  138. +0 −55 code/solutions/portlet.js
  139. +0 −294 code/solutions/sandbox.js
  140. +0 −91 code/solutions/slideshow-modulePattern.js
  141. +0 −122 code/solutions/slideshow-objectLiteral.js
  142. +0 −100 code/solutions/slideshow-plugin.js
  143. +0 −100 code/solutions/slideshow.js
  144. +0 −61 code/solutions/specials-object-literal.js
  145. +0 −46 code/solutions/specials.js
  146. +0 −63 code/solutions/staff.js
  147. +0 −7 code/solutions/stripe.js
  148. +0 −23 code/solutions/tabs.js
  149. +0 −88 code/solutions/testing/portlet-test.js
  150. +0 −31 code/solutions/testing/test.html
  151. +1 −1  config-sample.json
  152. +152 −3 grunt.js
  153. +0 −7 layouts/default.jade
  154. +0 −3  layouts/layout.jade
  155. +33 −28 order.yml
  156. +5 −3 package.json
  157. +4 −0 page/about-jquery.md
  158. +84 −58 page/about-jquery/how-jquery-works.md
  159. +69 −0 page/about.md
  160. +5 −1 page/ajax.md
  161. +71 −33 page/ajax/ajax-and-forms.md
  162. +13 −3 page/ajax/ajax-events.md
  163. +0 −56 page/ajax/ajax-excercises.md
  164. +57 −44 page/ajax/jquery-ajax-methods.md
  165. +15 −4 page/ajax/key-concepts.md
  166. +12 −7 page/ajax/working-with-jsonp.md
  167. +4 −0 page/code-organization.md
  168. +28 −10 page/code-organization/beware-anonymous-functions.md
  169. +192 −173 page/code-organization/concepts.md
  170. +114 −0 page/code-organization/deferreds.md
  171. +427 −0 page/code-organization/deferreds/examples.md
  172. +112 −0 page/code-organization/deferreds/jquery-deferreds.md
  173. +22 −8 page/code-organization/dont-repeat-yourself.md
  174. +9 −8 page/code-organization/feature-browser-detection.md
  175. +1 −0  page/contributing.md
  176. +4 −0 page/effects.md
  177. +0 −109 page/effects/built-in-effects.md
  178. +18 −15 page/effects/custom-effects.md
  179. +0 −49 page/effects/effects-exercises.md
  180. +221 −0 page/effects/intro-to-effects.md
  181. +0 −26 page/effects/managing-effects.md
  182. +29 −26 page/effects/{queue_and_dequeue_explained.md → queue-and-dequeue-explained.md}
  183. +263 −0 page/effects/uses-of-queue-and-dequeue.md
  184. +0 −194 page/effects/uses_of_queue_and_dequeue.md
  185. +4 −0 page/events.md
  186. +25 −15 page/events/event-delegation.md
  187. +0 −50 page/events/event-exercises.md
  188. +61 −42 page/events/event-extensions.md
  189. +13 −11 page/events/event-helpers.md
  190. +59 −48 page/events/{events-to-elements.md → handling-events.md}
  191. +24 −23 page/events/history-of-events.md
  192. +15 −6 page/events/inside-event-handling-function.md
  193. +191 −165 page/events/introduction-to-custom-events.md
  194. +61 −28 page/events/introduction-to-events.md
  195. +37 −25 page/events/triggering-event-handlers.md
  196. +0 −160 page/events/using_delegate_and_undelegate.md
  197. +83 −35 page/events/{working_with_events_part_1.md → working-with-events-part-1.md}
  198. +121 −67 page/events/{working_with_events_part_2.md → working-with-events-part-2.md}
  199. +0 −4 page/faq.md
  200. +0 −179 page/faq/add_keyboard_navigation.md
  201. +0 −93 page/faq/enable_the_back_button.md
  202. +0 −24 page/faq/how_do_i_check_uncheck_a_checkbox_input_or_radio_button.md
  203. +0 −24 page/faq/how_do_i_disable_enable_a_form_element.md
  204. +26 −0 page/index.html
  205. +0 −6 page/index.md
  206. +7 −1 page/javascript-101.md
  207. +153 −143 page/javascript-101/arrays.md
  208. +108 −93 page/javascript-101/closures.md
  209. +80 −70 page/javascript-101/conditional-code.md
  210. +66 −51 page/javascript-101/functions.md
  211. +33 −33 page/javascript-101/getting-started.md
  212. +79 −69 page/javascript-101/loops.md
  213. +16 −20 page/javascript-101/objects.md
  214. +71 −72 page/javascript-101/operators.md
  215. +3 −0  page/javascript-101/reserved-words.md
  216. +31 −29 page/javascript-101/running-code.md
  217. +48 −48 page/javascript-101/scope.md
  218. +31 −32 page/javascript-101/syntax-basics.md
  219. +21 −25 page/javascript-101/testing-type.md
  220. +60 −85 page/javascript-101/this-keyword.md
  221. +110 −81 page/javascript-101/types.md
  222. +10 −0 page/jquery-mobile.md
  223. +103 −0 page/jquery-mobile/getting-started.md
  224. +77 −0 page/jquery-mobile/theme-roller.md
  225. +4 −0 page/performance.md
  226. +24 −12 page/performance/append-outside-loop.md
  227. +6 −1 page/performance/cache-loop-length.md
  228. +6 −3 page/performance/clever-conditionals.md
  229. +6 −2 page/performance/detach-elements-before-work-with-them.md
  230. +22 −9 page/performance/dont-act-on-absent-elements.md
  231. +14 −11 page/performance/optimize-selectors.md
  232. +3 −0  page/performance/read-the-source.md
  233. +7 −3 page/performance/use-stylesheets-for-changing-css.md
  234. +9 −4 page/performance/variable-definition.md
  235. +4 −0 page/plugins.md
  236. +145 −114 page/plugins/{advanced_plugin_concepts.md → advanced-plugin-concepts.md}
  237. +116 −78 page/plugins/basic-plugin-creation.md
  238. +3 −0  page/plugins/finding-evaluating-plugins.md
  239. +314 −249 page/plugins/stateful-plugins-with-widget-factory.md
  240. +133 −0 page/style-guide.md
  241. +4 −0 page/using-jquery-core.md
  242. +13 −14 page/using-jquery-core/attributes.md
  243. +55 −46 page/using-jquery-core/avoid-conflicts-other-libraries.md
  244. +40 −43 page/using-jquery-core/css-styling-dimensions.md
  245. +20 −21 page/using-jquery-core/data-methods.md
  246. +28 −35 page/using-jquery-core/document-ready.md
  247. +4 −1 page/using-jquery-core/dollar-object-vs-function.md
  248. +0 −51 page/using-jquery-core/exercises.md
  249. +8 −0 page/using-jquery-core/faq.md
  250. +14 −0 page/using-jquery-core/faq/how-do-i-check-uncheck-a-checkbox-input-or-radio-button.md
  251. +7 −4 ..._of_a_toggled_element.md → using-jquery-core/faq/how-do-i-determine-the-state-of-a-toggled-element.md}
  252. +14 −0 page/using-jquery-core/faq/how-do-i-disable-enable-a-form-element.md
  253. +11 −11 ...e_of_a_selected_option.md → using-jquery-core/faq/how-do-i-get-the-text-value-of-a-selected-option.md}
  254. +2 −2 ...a_jquery_object.md → using-jquery-core/faq/how-do-i-pull-a-native-dom-element-from-a-jquery-object.md}
  255. +8 −6 ..._items.md → using-jquery-core/faq/how-do-i-replace-text-from-the-3rd-element-of-a-list-of-10-items.md}
  256. +17 −14 ...arr; using-jquery-core/faq/how-do-i-select-an-element-by-an-id-that-has-characters-used-in-css-notation.md}
  257. +6 −6 ...ect_an_item_using_class_or_id.md → using-jquery-core/faq/how-do-i-select-an-item-using-class-or-id.md}
  258. +5 −4 ..._dom_element.md → using-jquery-core/faq/how-do-i-select-elements-when-i-already-have-a-dom-element.md}
  259. +6 −3 ..._test_whether_an_element_exists.md → using-jquery-core/faq/how-do-i-test-whether-an-element-exists.md}
  260. +23 −12 ...articular_class.md → using-jquery-core/faq/how-do-i-test-whether-an-element-has-a-particular-class.md}
  261. +80 −125 page/using-jquery-core/iterating.md
  262. +45 −85 page/using-jquery-core/jquery-object.md
  263. +76 −144 page/using-jquery-core/manipulating-elements.md
  264. +143 −211 page/using-jquery-core/selecting-elements.md
  265. +67 −64 page/using-jquery-core/traversing.md
  266. +37 −42 page/using-jquery-core/understanding-index.md
  267. +53 −45 page/using-jquery-core/utility-methods.md
  268. +32 −49 page/using-jquery-core/working-with-selections.md
  269. BIN  resources/jquery-mobile/Kuler.png
  270. BIN  resources/jquery-mobile/Theme.png
  271. BIN  resources/jquery-mobile/downloadTheme.png
  272. BIN  resources/jquery-mobile/themeroller-mobile-logo.png
View
207 CONTRIBUTING.md
@@ -1,63 +1,188 @@
-## Before you begin
+---
+title: Contributing
+customFields:
+ -
+ key: "is_chapter"
+ value: 0
+---
+
+Depending on your level of experience with some of the workflows common to many
+open source projects, e.g., git/Github, the command line, and setting up a
+local development environment, contributing to this site may be a breeze or
+come with a bit of a learning curve. If you fit into the former group, great!
+Jump ahead to learn how to get started.
+
+But if you think you're part of the second group, and have had trouble
+participating in open source because of a lack of comfort with the tools,
+**you're still welcome**!. Beyond providing a resource for learning jQuery, a
+major goal of this site is to provide an encouraging environment for you to
+develop these skills, while still making a contribution that matters. Many
+people think that the only way to get involved with a programming project like
+jQuery is to solve intricate bugs that require a nuanced understanding of the
+codebase, or to propose enhancements that may or may not be in scope with the
+development team's plans. The fact is that there's way more: improving
+documentation, working on web properties, and supporting other users are
+crucial aspects where more help is always needed. If you're willing to share
+your time and expertise to help other developers, we're willing to [help you
+get up to speed with the tools](#getting-help) you'll need.
+
+
+## Why Contribute?
+
+If you've ever looked for help with jQuery -- or with web development in
+general -- you know the hunt can sometimes be challenging. It's can be a
+process of wading through a number of different posts until you find that
+article that's the right combination of trustworthy, timely, and helpful for
+your particular problem. And if you're one of those authors -- thanks! -- then
+you are probably familiar with the frustrating feeling of putting a useful tip
+out there, and then wondering if it's actually making its way to the people who
+need it, and what to do with that old post years and versions down the road.
+You're invited to share that energy to help us bring that ecosystem together
+and grow it further!
+
+
+If you've ever helped anyone, colleague or stranger, with a particular problem,
+then you know the value of having a reference you can quickly link to that says
+"here's how you do it." This site is intended to be that compendium, but
+there's always more to refine and add, and we need your help too!
+
+## How Does It Work?
+
+### Content
+
+The content in this site is maintained in
+[this GitHub repository](http://github.com/jquery/learn.jquery.com) as a collection of
+[Markdown](http://daringfireball.net/projects/markdown/) files in the `page`
+directory. The order in which chapters and articles are presented is controlled
+by the [order.yml](https://github.com/jquery/learn.jquery.com/blob/master/order.yml)
+file.
+
+### Design
+
+The site's layout and design is controlled by our
+[`web-base-template`](http://github.com/jquery/web-base-template), a custom
+[WordPress](http://wordpress.org) configuration that runs (or will run in the
+near future) all of the sites run by the jQuery Foundation. The [master
+theme](https://github.com/jquery/web-base-template/tree/master/themes/jquery)
+controls most of the layout for all of our sites, and there is a [child
+theme](https://github.com/jquery/web-base-template/tree/master/themes/learn.jquery.com)
+that controls the templates and styles specific to the learn site.
+
+[`web-base-template`](http://github.com/jquery/web-base-template) powers our sites in
+production and staging environments, and can set up for local development relatively easily.
+
+### Build
+
+The static content in the `page` directory is deployed to a
+[`web-base-template`](http://github.com/jquery/web-base-template) instance
+using [grunt](http://gruntjs.com), specifically with two grunt plugins we've created:
+
+* [grunt-jquery-content](http://github.com/jquery/grunt-jquery-content) - pre-processes content in a variety of formats (HTML, Markdown, XML) into HTML, applying syntax highlighting and some simple partial support, preparing it for processing by
+* [grunt-wordpress](http://github.com/scottgonzalez/grunt-wordpress) - syncs static content to WordPress using [XML-RPC](http://codex.wordpress.org/XML-RPC_Support)
-You'll need to set up your development environment. Please follow the [README.md] for instructions on setting up WordPress, web-base-templates and the learn.jquery.com repo which contains the content.
## How Can I Help?
-The entire site is managed via [this Git repository](https://github.com/jquery/learn.jquery.com). If you'd like to contribute new articles, make edits to existing content, or work on the site itself, the first thing you'll need is a [fork](https://help.github.com/articles/fork-a-repo). When you have changes you'd like to have reviewed for integration into the site, submit a [pull request](http://help.github.com/send-pull-requests/).
+The simplest and least complicated way to help is to [file
+issues](http://github.com/jquery/learn.jquery.com/issues) if you notice
+mistakes that should be fixed, improvements that can be made, or if you have
+ideas for new articles. We'll use the issues to continue discussion and track
+progress on anything you point out.
+
+If you'd like to go a step further and contribute new articles, make edits to
+existing ones, or work on the site itself, the first thing you'll need is a
+[fork](https://help.github.com/articles/fork-a-repo). When you have changes
+you'd like to have reviewed for integration into the site, submit a [pull
+request](http://help.github.com/send-pull-requests/).
+
+*(If you're unfamiliar with Git, you can still contribute by editing files
+directly via [GitHub's in-browser
+editor](https://github.com/blog/905-edit-like-an-ace). But you won't be able to
+create new content, and you'll still need a GitHub account and a fork of this
+repository. So we encourage you to [learn how to use Git and
+GitHub](http://help.github.com/) as soon as you can.)*
+
+## Local Development
+
+In order to preview your changes locally, work on design/layout issues, or work on
+other jQuery sites' content, and generally contribute most effectively, we
+recommend that you set up a local development environment. You'll need
+
+* [git](http://git-scm.com)
+* [GitHub](http://github.com) account
+* Local PHP/MySQL environment, e.g., [MAMP](http://www.mamp.info/en/index.html), [XAMPP](http://www.apachefriends.org/en/xampp.html)
+* [node.js](http://nodejs.org)
+
+### Initial Deploy
-If you're unfamiliar with Git, you can still contribute by editing files directly via [GitHub's in-browser editor](https://github.com/blog/905-edit-like-an-ace). But you won't be able to create new content, and you'll still need a GitHub account and a fork of this repository. So we encourage you to [learn how to use Git and GitHub](http://help.github.com/); it'll probably pretty useful no matter what.
+Once you've got these major pieces in place, you'll want to get WordPress and
+`web-base-template` running locally by following [these
+instructions](https://github.com/jquery/web-base-template/blob/master/README.md).
-Here are some shortcuts to getting set up:
+If you're get everything working right, you should be able navigate to
+[local.learn.jquery.com](http://local.learn.jquery.com) in a browser, you
+should see a site that looks exactly like the [live
+site](http://learn.jquery.com), only without any actual articles. That's where
+your the `learn.jquery.com` content repo comes into play.
1. Fork the [repository](https://github.com/jquery/learn.jquery.com)
-2. Clone the repo `git clone git@github.com:*<your username>*/learn.jquery.com.git`
-3. Set up an upstream remote back to the jQuery repo 'git remote add upstream git@github.com:jquery/learn.jquery.com.git'
-4. Branch master into a feature branch `git branch *<feature/issue name/number>*`
-5. Move into that branch `git checkout *<feature/issue name/number>*`
-6. Work on your awesome contribution.
-7. Stage the files to the index in preparation for commit `git add .`
-8. Commit the files to your local repo `git commit -m "*add a relevant message describing the change*"`
-9. Push the files to your github repo `git push origin *<feature/issue name/number>*`
-10. Go to github.com and go to the forked repo and submit a new [pull request](https://help.github.com/articles/using-pull-requests).
+2. Clone the repo -- `git clone git@github.com:<your username>/learn.jquery.com.git`
+3. Enter the directory where you cloned the repo -- `cd learn.jquery.com`
+4. Set up an upstream remote back to the jQuery repo -- 'git remote add upstream git@github.com:jquery/learn.jquery.com.git'
+5. Install grunt (if you haven't already) -- `npm install -g grunt`
+6. Install local build dependencies -- `npm install`
+7. Copy the `config-sample.json` file to `config.json`
+8. Edit `config.json` to use the username and password for your local WordPress network
+9. Build and deploy the files to your local WordPress -- `grunt`
-## Where is the content?
+* **Windows note:** Line endings need to be Unix-style (line-feed only). Make sure your text editor creates new files with Unix-style line endings. In addition, the following setting to your git config will keep the Unix-style line endings when pulling from the repository.*
-The site files are organized in a way that you can find all the content in the site in the `page` folder.
+```
+$ git config --global core.autocrlf true
+```
-## How to see changes you make?
+At this point, if you refresh your `local.learn.jquery.com`, your local
+instance should be populated with all of the site content. If it isn't,
+or you're having trouble with any of these steps, please come and
+[seek out some assistance](#getting-help).
-The site files are built using grunt. After making a change open up your terminal and run grunt. Tip you can run grunt watch and grunt will watch the files for changes so you don't need to continually rerun grunt after each change.
+### Working With Content
-## How do I add a new article?
+Once you've gotten your environment working, here are the general steps you should follow to make your changes:
-* Add the file to the right folder in the page folder.
-* Add the slug name (the filename without the extension) to the right area in order.yml
-* Run grunt
-* You should now be able to navigate to the file.
+1. Create a new "feature" branch based on `master` -- `git branch <feature/issue name/number>`
+2. Move onto that branch -- `git checkout <feature/issue name/number>`
+3. Work on your awesome contribution.
+4. As you work and want to preview your changes, use `grunt` to deploy them to the your site. You can also use `grunt watch` to have the site monitor the `page` directory for any changes and automatically have the changes deployed every time you save.
+5. When you're done, stage the new/modified preparation for commit -- `git add page/faq/how-do-i-add-a-new-article-to-the-learn-site.md`
+6. Commit the files to your local repo -- `git commit -m "add a relevant message describing the change"`
+7. Push the files to your GitHub remote -- `git push origin <feature/issue name/number>`
+8. Go to your fork on GitHub and submit a new [pull request](https://help.github.com/articles/using-pull-requests).
-## What is the syntax used?
+### Adding A New Article
-We are using the Github flavored Markdown.
+1. Add the file to the right folder in the page folder.
+2. Add the slug name (the filename without the extension) to the desired location `order.yml`
+3. Run `grunt`
+4. You should now be able to navigate to the file.
-## Article Header Metadata
+### Formatting Articles
-Each article should have the following header (see below as some metatags are optional):
+Yes! Take a look at our [style guide](http://learn.jquery.com/style-guide) for
+more information on authoring and formatting conventions.
-```
----
-title: <article title>
-level: [beginner|intermediate|advance]
-source: <url of source of the material derived>
-attribution:
- - Ralph Whitbeck <ralph@email.com>
- - John Paul<john@email.com>
----
-```
+## How Will My Contribution Be Acknowledged?
+
+We will build the attribution of an article based on the git commit logs and present this information in the site.
+
+## <a name="getting-help">Getting Help</a>
+
+If you're struggling to get any part of the site working properly, or have any questions, we're here to help.
-The `source` attibute is optional.
-If the article was pulled in from an outside source you also need to add an attribution tag to give credit to the original authors.
+The best place to get help is on [IRC](http://en.wikipedia.org/wiki/Internet_Relay_Chat), in the #jquery-content
+channel on [Freenode](http://freenode.net). If you're unfamiliar with IRC, you can use the [webchat gateway](http://webchat.freenode.net/).
-## How do I get credit for my contribution?
+In addition, the jQuery Content Team holds a [public, weekly
+meetings](http://jquery.org/meeting) on Freenode, at 1PM Eastern time in the #jquery-meeting channel.
-We will build the attribution of an article based on the git commit logs. Only use the attribution meta tag to give credit to authors outside of git for an article that was pulled in for instance.
+If IRC is not your thing, but you still want or need to get in touch, please use the site's GitHub repo or send us an e-mail to `content at jquery dot org`.
View
33 README.md
@@ -8,22 +8,21 @@
The goal of this site is twofold:
1. To serve as a central, trustworthy, narrative compendium of information about how to use jQuery and JavaScript.
-2. To remain a timely, vibrant, and community-driven reference with a low barrier to contribution.
+2. To remain a timely, vibrant, and community-driven reference with a relatively low barrier to contribution.
-Much of the initial content - and spirit - comes from [jQuery Fundamentals](https://github.com/rmurphey/jqfundamentals), an open-source book about jQuery, originally written by [Rebecca Murphey](http://www.rmurphey.com/) and released in 2010. In 2011, Rebecca [bequeathed the book](http://rmurphey.com/blog/2011/03/17/the-future-of-jquery-fundamentals-and-a-confession/) unto the jQuery Project to serve as the foundation for this site.
+Much of the initial content - and spirit - comes from [jQuery Fundamentals](https://github.com/rmurphey/jqfundamentals), an open-source book about jQuery, originally written by [Rebecca Murphey](http://www.rmurphey.com/) and released in 2010. In 2011, Rebecca [bequeathed the book](http://rmurphey.com/blog/2011/03/17/the-future-of-jquery-fundamentals-and-a-confession/) unto the jQuery Foundation to serve as the basis for this site.
## How This Site Works
-This site's core content consists of [Markdown](http://daringfireball.net/projects/markdown/) files. We use [nanoc](http://nanoc.stoneship.org/), a Ruby-based [static site generator](http://www.mickgardner.com/2011/04/27/An-Introduction-To-Static-Site-Generators.html), to process these files for previewing. For production on [learn.jquery.com](http://learn.jquery.com), a node.js script post-processes the nanoc results and puts them into the learning section of the jQuery Wordpress network.
-
-The template that controls the site's appearance is a [child theme](https://github.com/jquery/web-base-template/tree/master/themes/learn-jquery-com) of the jQuery [web base template](https://github.com/jquery/web-base-template), and any issues with the presentation should be directed to [that repository](https://github.com/jquery/web-base-template).
+This site's core content consists of [Markdown](http://daringfireball.net/projects/markdown/) files. The template that controls the site's appearance is a [child theme](https://github.com/jquery/web-base-template/tree/master/themes/learn-jquery-com) of the jQuery [web base template](https://github.com/jquery/web-base-template), and any issues with the presentation should be directed to [that repository](https://github.com/jquery/web-base-template).
### Site Organization
-All of the content lives inside of the subdirectories of the `content` directory. Each of these subdirectories is considered a **category**, and contains one or more **articles**. Each category also contains a `dex.md` file that contains the category's human-readable title and an overview, which will appear on the category's landing page.
+All of the content lives inside of the subdirectories of the `page` directory. Each of these subdirectories is considered a **chapter**, and contains one or more **articles**, and there is also a top level file that corresponds to each chapter, which contains the chapter's human-readable title and an overview, which will appear on the chapter's landing page.
+
+The [`order.yml`](https://github.com/jquery/learn.jquery.com/blob/master/order.yml) file controls the order that chapters and articles appear in the site.
-An [`order.yml`](https://github.com/jquery/learn.jquery.com/blob/master/order.yml) file controls the order that categories and articles appear in the site. Categories or articles that do not appear in this file will not be published in the production site.
### YAML Conventions
@@ -47,7 +46,6 @@ As this site is part of the jQuery network of sites, its presentation is control
3. Edit config.json to use the username and password for your local WordPress network
4. `grunt`
-
*Windows note: Line endings need to be Unix-style (line-feed only). Make sure your text editor creates new files with Unix-style line endings. In addition, the following setting to your git config will keep the Unix-style line endings when pulling from the repository.*
```
@@ -56,5 +54,20 @@ $ git config --global core.autocrlf true
## How Can I Help?
-We encourage contributions from anyone. We've set up a [CONTRIBUTING.md](contributing.md) page to help with contributing.
-
+We encourage contribution from anyone. For more comprehensive documentation on how to get involved, please read our [contributing guide](http://learn.jquery.com/contributing).
+
+# Copyright & Licensing
+
+This material is Copyright &copy;2011 The jQuery Foundation and licensed under
+the [Creative Commons Attribution-Share Alike 3.0 United States
+license](http://creativecommons.org/licenses/by-sa/3.0/us/). You are free to
+copy, distribute, transmit, and remix this work, provided you attribute the
+work to The jQuery Foundation as the original author and reference [this
+repository](http://github.com/jquery/learn.jquery.com). If you alter,
+transform, or build upon this work, you may distribute the resulting work only
+under the same, similar or a compatible license. Any of the above conditions
+can be waived if you get permission from the copyright holder. For any reuse or
+distribution, you must make clear to others the license terms of this work. The
+best way to do this is with a link to the [Creative Commons Attribution-Share
+Alike 3.0 United States
+license](http://creativecommons.org/licenses/by-sa/3.0/us/).
View
22 code/exercises/ajax.html
@@ -1,22 +0,0 @@
-<!doctype html>
-<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
- <title>jQuery Fundamentals :: Ajax</title>
- <link href="css/reset.css" rel="stylesheet" type="text/css" media="all" />
- <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
-</head>
-
-<body>
- <ul id="seen"></ul>
-
- <form id="people" style="margin-bottom:50px">
- <select name="person"></select>
- </form>
-
- <div id="info"></div>
-
- <script src="libs/jquery-1.5.0.js"></script>
- <script src="js/ajax.js"></script>
-</body>
-</html>
View
46 code/exercises/css/reset.css
@@ -1,46 +0,0 @@
-html, body, div, span, applet, object, iframe,
-h1, h2, h3, h4, h5, h6, p, blockquote, pre,
-a, abbr, acronym, address, big, cite, code,
-del, dfn, em, font, img, ins, kbd, q, s, samp,
-small, strike, strong, sub, sup, tt, var,
-dl, dt, dd, ol, ul, li,
-fieldset, form, label, legend,
-table, caption, tbody, tfoot, thead, tr, th, td {
- margin: 0;
- padding: 0;
- border: 0;
- outline: 0;
- font-weight: inherit;
- font-style: inherit;
- font-size: 100%;
- font-family: inherit;
- vertical-align: baseline;
-}
-/* remember to define focus styles! */
-:focus {
- outline: 0;
-}
-body {
- line-height: 1;
- color: black;
- background: white;
-}
-ol, ul {
- list-style: none;
-}
-/* tables still need 'cellspacing="0"' in the markup */
-table {
- border-collapse: separate;
- border-spacing: 0;
-}
-caption, th, td {
- text-align: left;
- font-weight: normal;
-}
-blockquote:before, blockquote:after,
-q:before, q:after {
- content: "";
-}
-blockquote, q {
- quotes: "" "";
-}
View
142 code/exercises/css/sandbox.css
@@ -1,142 +0,0 @@
-/* general */
-h1 {
- font-size: 250%;
- margin: 5px 0 10px 0;
-}
-
-legend,
-h2 {
- font-size: 150%;
- margin: 5px 0;
-}
-
-h3 {
- font-size: 120%;
- margin: 5px 0;
-}
-
-h4 {
- font-size: 110%;
- font-weight: bold;
- margin: 5px 0;
-}
-
-p {
- line-height: 1.4em;
- margin: 0 0 8px 0;
- font-size: 90%;
-}
-
-a {
- color: red;
- text-decoration: none;
-}
-
-a:visited {
- color: #a00;
-}
-
-.template {
- display: none;
-}
-
-form li {
- margin: 0 0 10px 0;
-}
-
-textarea,
-input.input_text {
- border: 1px solid #ccc;
- padding: 4px;
- width: 95%;
- font-size: 120%;
- font-family: Arial, sans-serif;
-}
-
-label {
- display: block;
- font-size: 90%;
- font-weight: bold;
- margin: 0 0 5px 0;
-}
-
-ul {
- margin: 20px 15px;
- list-style-type: disc;
-}
-
-li {
- margin: 5px 0;
-}
-
-li.checkbox {
- margin: 0 0 15px 0;
-}
-
-li.checkbox label {
- display: inline;
-}
-
-fieldset {
- margin: 0 0 20px 0;
-}
-
-table {
- border-collapse: collapse;
-}
-
-table td,
-table th {
- border: 1px solid #ccc;
- padding: 5px;
-}
-
-table th {
- background-color: #ccc;
- font-weight: bold;
-}
-
-
-/* page */
-body {
- font-family: Arial;
- color: #333;
- width: 970px;
- margin: 10px auto;
-}
-
-/* etc */
-.module {
- background-color: #ccc;
- -moz-border-radius: 10px;
- padding: 10px 10px 5px;
- margin:0 0 20px 0;
-}
-
-.hover {
- background-color: red;
- cursor: pointer;
-}
-
-/* modal */
-#modal {
- width: 500px;
- padding: 10px;
- background-color: #fff;
- position: fixed;
- top: 100px;
- z-index: 101;
- margin: 0 225px;
-}
-
-#overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 10000px;
- height: 10000px;
- background-color: #333;
- z-index: 100;
-
-}
-
View
329 code/exercises/css/style.css
@@ -1,329 +0,0 @@
-/* general */
-.current {
- color: red;
-}
-
-.hover {
- color: blue;
-}
-
-.hint {
- color: #999;
-}
-
-h1 {
- font-size: 250%;
- margin: 5px 0 10px 0;
-}
-
-legend,
-h2 {
- font-size: 150%;
- margin: 5px 0;
-}
-
-h3 {
- font-size: 120%;
- margin: 5px 0;
-}
-
-h4 {
- font-size: 110%;
- font-weight: bold;
- margin: 5px 0;
-}
-
-p {
- line-height: 1.4em;
- margin: 0 0 8px 0;
- font-size: 90%;
-}
-
-a {
- color: red;
- text-decoration: none;
-}
-
-a:visited {
- color: #a00;
-}
-
-.template {
- display: none;
-}
-
-/* forms */
-
-form li {
- margin: 0 0 10px 0;
-}
-
-textarea,
-input.input_text {
- border: 1px solid #ccc;
- padding: 4px;
- width: 95%;
- font-size: 120%;
- font-family: Arial, sans-serif;
-}
-
-label {
- display: block;
- font-size: 90%;
- font-weight: bold;
- margin: 0 0 5px 0;
-}
-
-ul {
- margin: 20px 15px;
- list-style-type: disc;
-}
-
-li {
- margin: 5px 0;
-}
-
-li.checkbox {
- margin: 0 0 15px 0;
-}
-
-li.checkbox label {
- display: inline;
-}
-
-fieldset {
- margin: 0 0 20px 0;
-}
-
-table {
- border-collapse: collapse;
-}
-
-table td,
-table th {
- border: 1px solid #ccc;
- padding: 5px;
-}
-
-table th {
- background-color: #ccc;
- font-weight: bold;
-}
-
-
-/* page */
-body {
- font-family: Arial;
- color: #333;
- width: 900px;
- margin: 10px auto;
-}
-
-#header {
- margin: 0 0 20px 0;
-}
-
-#main {
- width: 600px;
- float: left;
- clear: both;
-}
-
-#sidebar {
- width: 300px;
- float: right;
-}
-
-#footer {
- clear: both;
- margin: 60px 0 0 0;
- padding: 10px 0 0 0;
- font-size: 70%;
- color: #ccc;
-}
-
-/* navigation */
-#logo {
- font-size: 400%;
- margin: 0 0 40px 0;
-}
-
-#logo a {
- color: #000;
-}
-
-#nav {
- margin: 0 0 20px 0;
- overflow: visible;
- height: 30px;
-}
-
-#nav li {
- float: left;
- padding: 15px;
- background-color: #333;
- margin: 0 5px 0 0;
- position: relative;
- height: 20px;
- list-style-type: none;
- color: #fff;
- cursor: pointer;
-}
-
-#nav li.selected {
- background-color: red;
- font-weight: normal;
-}
-
-#nav li.hover {
- background-color: blue;
-}
-
-#nav li ul {
- position: absolute;
- top: 50px;
- left: 0;
- width: 200px;
- display: none;
- margin: 0;
-}
-
-#nav li ul li {
- float: none;
- padding: 5px;
- border-bottom: 1px solid #fff;
- height: auto;
-}
-
-#nav a {
- color: #fff;
-}
-
-/* main */
-#main .module {
- margin: 0 0 10px 0;
-}
-
-#slideshow {
- margin: 0;
-}
-
-#slideshow li {
- margin: 0 0 10px 0;
- list-style-type: none;
-}
-
-#specials div.special {
- background-color: #ccc;
- -moz-border-radius: 8px;
- -webkit-border-radius: 8px;
- padding: 10px;
- margin: 10px 0 0 0;
- overflow: hidden;;
-}
-
-#specials div.special img {
- float: right;
- margin: 0 0 10px 10px;
-}
-
-#specials .template {
- display: none;
-}
-
-#menus li {
- margin: 0 0 20px 0;
-}
-
-#menus li li {
- margin: 0;
- padding: 5px;
- border-bottom: 1px solid #ccc;
-}
-
-#menus span.price {
- display: block;
- float: right;
-}
-
-#staff li {
- margin: 25px 0;
-}
-
-/* sidebar */
-#sidebar .module {
- border: 1px solid #ccc;
- -moz-border-radius: 8px;
- -webkit-border-radius: 8px;
- padding: 10px;
- margin: 0 0 10px 0;
-}
-
-#sidebar .module .expander {
- text-align: right;
- font-size: 70%;
-}
-
-#search li {
- position: relative;
-}
-
-#search #search_results {
- position: absolute;
- top: 2.8em;
- left: 0;
- z-index: 100;
- background-color: #fff;
- border: 1px solid #ccc;
-}
-
-#search #search_results li {
- padding: 5px 0;
- margin: 0 5px;
-}
-
-#search #search_results li.hover {
- background-color: #ccc;
-}
-
-p.closer {
- text-align: right;
- font-size: 70%;
- text-transform: uppercase;
- cursor: pointer;
-}
-
-/* modules */
-#twitter {
- display: none;
-}
-
-ul li.selected {
- font-weight: bold;
-}
-
-#search {
-margin: 15px 0;
-}
-
-/* modal */
-#modal {
- width: 500px;
- padding: 10px;
- background-color: #fff;
- position: fixed;
- top: 100px;
- z-index: 101;
- margin: 0 225px;
-}
-
-#overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 10000px;
- height: 10000px;
- background-color: #333;
- z-index: 100;
-
-}
View
20 code/exercises/data/blog.html
@@ -1,20 +0,0 @@
-<div id="post1">
- <h1>You got Post 1!</h1>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-</div>
-
-<div id="post2">
- <h1>You got Post 2!</h1>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-</div>
-
-<div id="post3">
- <h1>You got Post 3!</h1>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-</div>
View
2  code/exercises/data/html/curry.html
@@ -1,2 +0,0 @@
-<h2>Curry</h2>
-<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
View
2  code/exercises/data/html/onions.html
@@ -1,2 +0,0 @@
-<h2>Onions</h2>
-<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
View
2  code/exercises/data/html/stirfry.html
@@ -1,2 +0,0 @@
-<h2>Stir fry</h2>
-<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
View
2  code/exercises/data/html/tomatoes.html
@@ -1,2 +0,0 @@
-<h2>Tomatoes</h2>
-<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
View
65 code/exercises/data/menu_details.html
@@ -1,65 +0,0 @@
-<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
- "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
-<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
- <title>jQuery Fundamentals :: Menu Items</title>
- <link href="css/reset.css" rel="stylesheet" type="text/css" media="all" />
- <link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
-
- <script src="js/jquery-1.3.2.min.js"></script>
-
-</head>
-
-<body>
- <div id="header">
- <div id="logo"><a href="index.html">jQuery Fundamentals</a></div>
- <ul id="nav">
- <li><a href="index.html">Home</a></li>
- <li><a href="menu.html">Menu</a></li>
- <li><a href="takeout.html">Takeout</a></li>
- <li><a href="blog.html">Blog</a>
- <ul>
- <li><a href="#">Random other thing</a></li>
- <li><a href="#">Random other thing</a></li>
- <li><a href="#">Random other thing</a></li>
- </ul>
- </li>
- <li><a href="staff.html">Staff</a></li>
- </ul>
- </div>
-
- <!--
- Tasks:
- * Use the contents of this page to populate a modal on menu.html ($().load())
- * Expand and collapse each menu item, leaving the h2 shown at all times
- -->
-
- <div id="main">
- <h1>Menu Items</h1>
- <ul>
- <li id="stirfry">
- <h2>Stir fry</h2>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </li>
- <li id="onions">
- <h2>Onions</h2>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </li>
- <li id="tomatoes">
- <h2>Tomatoes</h2>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </li>
- <li id="curry">
- <h2>Curry</h2>
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </li>
- </ul>
- </div>
-
-</body>
-</html>
View
33 code/exercises/data/people.json
@@ -1,33 +0,0 @@
-{
- "people" : [
- {
- "id" : "jaubourg",
- "name" : "Julian Auborg"
- },
-
- {
- "id" : "phiggins",
- "name" : "Peter Higgins"
- },
-
- {
- "id" : "blowery",
- "name" : "Ben Lowery"
- },
-
- {
- "id" : "jeresig",
- "name" : "John Resig"
- },
-
- {
- "id" : "slightlylate",
- "name" : "Alex Russell"
- },
-
- {
- "id" : "ajpiano",
- "name" : "Adam Sontag"
- }
- ]
-}
View
6 code/exercises/data/people/ajpiano.json
@@ -1,6 +0,0 @@
-{
- "bio" : "i cohost the @yayquery podcast. i play synth in @bellevuesfinest. i have a lot of monitors but have been known to code in the tub.",
- "twitter" : "ajpiano",
- "tweet" : "http://twitter.com/#!/tvishwanadha/status/38748324672577536",
- "avatar" : "http://a0.twimg.com/profile_images/530311059/twitpic_reasonably_small.jpg"
-}
View
7 code/exercises/data/people/blowery.json
@@ -1,7 +0,0 @@
-{
- "bio" : "all your bandwidth is belong to me",
- "twitter" : "blowery",
- "tweet" : "http://twitter.com/#!/blowery/status/39006602925322241",
- "avatar" : "http://a3.twimg.com/profile_images/108664742/blowery-128.png"
-}
-
View
7 code/exercises/data/people/jaubourg.json
@@ -1,7 +0,0 @@
-{
- "twitter" : "jaubourg",
- "tweet" : "http://twitter.com/#!/jaubourg/status/38786284113633282",
- "avatar" : "http://a0.twimg.com/profile_images/935212408/mmorpg2.png"
-}
-
-
View
6 code/exercises/data/people/jeresig.json
@@ -1,6 +0,0 @@
-{
- "bio" : "Creator of jQuery, JavaScript programmer, blogger, author, work for Mozilla.",
- "twitter" : "jeresig",
- "tweet" : "http://twitter.com/#!/jeresig/status/38709496792485888",
- "avatar" : "http://a1.twimg.com/profile_images/1181631474/john.jpg"
-}
View
8 code/exercises/data/people/phiggins.json
@@ -1,8 +0,0 @@
-{
- "bio" : "JavaScript hacker^H^H^H^H^Hlover, Dojo Toolkit Project Lead, Future President",
- "twitter" : "phiggins",
- "tweet" : "http://twitter.com/#!/phiggins/status/37070257508057088",
- "avatar" : "http://a3.twimg.com/profile_images/57589677/dante.png"
-}
-
-
View
6 code/exercises/data/people/slightlylate.json
@@ -1,6 +0,0 @@
-{
- "bio" : "Turns out it's not turtles, it's C++...all the way down.",
- "twitter" : "slightlylate",
- "tweet" : "http://twitter.com/#!/slightlylate/status/38652678389235712",
- "avatar" : "http://a0.twimg.com/profile_images/1195918887/headshot.png"
-}
View
22 code/exercises/data/specials.json
@@ -1,22 +0,0 @@
-{
- "monday" : {
- "title" : "Magic Monday",
- "text" : "On Magic Monday, all the food disappears.",
- "image" : "/images/special.jpg",
- "color" : "red"
- },
-
- "tuesday" : {
- "title" : "Twofer Tuesday",
- "text" : "Two vegetables for the price of one!.",
- "image" : "/images/special.jpg",
- "color" : "green"
- },
-
- "friday" : {
- "title" : "20% Off",
- "text" : "All meals 20% off. Yeah, on our busiest day.",
- "image" : "/images/special.jpg",
- "color" : "cyan"
- }
-}
View
41 code/exercises/data/staff.json
@@ -1,41 +0,0 @@
-{
- 1 : {
- "lastName" : "Smith",
- "age" : 35
- },
-
- 2 : {
- "lastName" : "Mason",
- "age" : 27
- },
-
- 3: {
- "lastName" : "Resig",
- "age" : 24
- },
-
- 4 : {
- "lastName" : "Higgins",
- "age" : 29
- },
-
- 5 : {
- "lastName" : "Murphey",
- "age" : 32
- },
-
- 6 : {
- "lastName" : "Gonzalez",
- "age" : 45
- },
-
- 7 : {
- "lastName" : "Lindley",
- "age" : 37
- },
-
- 8 : {
- "lastName" : "Juniper",
- "age" : 35
- }
-}
View
362 code/exercises/demos/CHAPTER-10/CreatePortletModule/demo.css
@@ -1,362 +0,0 @@
-
-#blog p.excerpt { display: none; }
-
-
-/* general */
-.current {
- color: red;
-}
-
-.hover {
- color: blue;
-}
-
-.hint {
- color: #999;
-}
-
-h1 {
- font-size: 250%;
- margin: 5px 0 10px 0;
-}
-
-legend,
-h2 {
- font-size: 150%;
- margin: 5px 0;
-}
-
-h3 {
- font-size: 120%;
- margin: 5px 0;
-}
-
-h4 {
- font-size: 110%;
- font-weight: bold;
- margin: 5px 0;
-}
-
-p {
- line-height: 1.4em;
- margin: 0 0 8px 0;
- font-size: 90%;
-}
-
-a {
- color: red;
- text-decoration: none;
-}
-
-a:visited {
- color: #a00;
-}
-
-.template {
- display: none;
-}
-
-/* forms */
-
-form li {
- margin: 0 0 10px 0;
-}
-
-textarea,
-input.input_text {
- border: 1px solid #ccc;
- padding: 4px;
- width: 95%;
- font-size: 120%;
- font-family: Arial, sans-serif;
-}
-
-label {
- display: block;
- font-size: 90%;
- font-weight: bold;
- margin: 0 0 5px 0;
-}
-
-ul {
- margin: 20px 15px;
- list-style-type: disc;
-}
-
-li {
- margin: 5px 0;
-}
-
-li.checkbox {
- margin: 0 0 15px 0;
-}
-
-li.checkbox label {
- display: inline;
-}
-
-fieldset {
- margin: 0 0 20px 0;
-}
-
-table {
- border-collapse: collapse;
-}
-
-table td,
-table th {
- border: 1px solid #ccc;
- padding: 5px;
-}
-
-table th {
- background-color: #ccc;
- font-weight: bold;
-}
-
-
-/* page */
-body {
- font-family: Arial;
- color: #333;
- width: 900px;
- margin: 10px auto;
-}
-
-#header {
- margin: 0 0 20px 0;
-}
-
-#main {
- width: 600px;
- float: left;
- clear: both;
-}
-
-#sidebar {
- width: 300px;
- float: right;
-}
-
-#footer {
- clear: both;
- margin: 60px 0 0 0;
- padding: 10px 0 0 0;
- font-size: 70%;
- color: #ccc;
-}
-
-/* navigation */
-#logo {
- font-size: 400%;
- margin: 0 0 40px 0;
-}
-
-#logo a {
- color: #000;
-}
-
-#nav {
- margin: 0 0 20px 0;
- overflow: visible;
- height: 30px;
-}
-
-#nav li {
- float: left;
- padding: 15px;
- background-color: #333;
- margin: 0 5px 0 0;
- position: relative;
- height: 20px;
- list-style-type: none;
- color: #fff;
- cursor: pointer;
-}
-
-#nav li.selected {
- background-color: red;
- font-weight: normal;
-}
-
-#nav li.hover {
- background-color: blue;
-}
-
-#nav li ul {
- position: absolute;
- top: 50px;
- left: 0;
- width: 200px;
- display: none;
- margin: 0;
-}
-
-#nav li ul li {
- float: none;
- padding: 5px;
- border-bottom: 1px solid #fff;
- height: auto;
-}
-
-#nav a {
- color: #fff;
-}
-
-/* main */
-#main .module {
- margin: 0 0 10px 0;
-}
-
-#slideshow {
- margin: 0;
-}
-
-#slideshow li {
- margin: 0 0 10px 0;
- list-style-type: none;
-}
-
-#specials div.special {
- background-color: #ccc;
- -moz-border-radius: 8px;
- -webkit-border-radius: 8px;
- padding: 10px;
- margin: 10px 0 0 0;
- overflow: hidden;;
-}
-
-#specials div.special img {
- float: right;
- margin: 0 0 10px 10px;
-}
-
-#specials .template {
- display: none;
-}
-
-#menus li {
- margin: 0 0 20px 0;
-}
-
-#menus li li {
- margin: 0;
- padding: 5px;
- border-bottom: 1px solid #ccc;
-}
-
-#menus span.price {
- display: block;
- float: right;
-}
-
-#staff li {
- margin: 25px 0;
-}
-
-/* sidebar */
-#sidebar .module {
- border: 1px solid #ccc;
- -moz-border-radius: 8px;
- -webkit-border-radius: 8px;
- padding: 10px;
- margin: 0 0 10px 0;
-}
-
-#sidebar .module .expander {
- text-align: right;
- font-size: 70%;
-}
-
-#search li {
- position: relative;
-}
-
-#search #search_results {
- position: absolute;
- top: 2.8em;
- left: 0;
- z-index: 100;
- background-color: #fff;
- border: 1px solid #ccc;
-}
-
-#search #search_results li {
- padding: 5px 0;
- margin: 0 5px;
-}
-
-#search #search_results li.hover {
- background-color: #ccc;
-}
-
-p.closer {
- text-align: right;
- font-size: 70%;
- text-transform: uppercase;
- cursor: pointer;
-}
-
-/* modules */
-#twitter {
- display: none;
-}
-
-ul li.selected {
- font-weight: bold;
-}
-
-#search {
-margin: 15px 0;
-}
-
-/* modal */
-#modal {
- width: 500px;
- padding: 10px;
- background-color: #fff;
- position: fixed;
- top: 100px;
- z-index: 101;
- margin: 0 225px;
-}
-
-#overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 10000px;
- height: 10000px;
- background-color: #333;
- z-index: 100;
-
-}
-
-
- #blog p.excerpt { display: none; }
-
- .portlet {
- border:1px solid #000;
- padding:10px;
- margin:0 0 10px 0;
- }
-
- .portlet .content {
- padding:10px;
- background-color:#ccc;
- }
-
- .portlet .actions {
- font-size:80%;
- overflow:hidden;
- list-style-type:none;
- margin:0 0 10px 0;
- text-align:right;
- }
-
- .portlet .actions li {
- float:left;
- margin:0 10px 0 0;
- padding:0;
- cursor:pointer;
- }
View
6 code/exercises/demos/CHAPTER-10/CreatePortletModule/demo.details
@@ -1,6 +0,0 @@
----
- name: jQuery Fundamentals Chapter 10 Create a Portlet Module
- description: jQuery Fundamentals Chapter 4 Create a Portlet Module
- authors: Rebecca Murphey
- normalize_css: yes
- ...
View
0  code/exercises/demos/CHAPTER-10/CreatePortletModule/demo.html
No changes.
View
12 code/exercises/demos/CHAPTER-10/CreatePortletModule/demo.js
@@ -1,12 +0,0 @@
-$(document).ready(function() {
- /* jQuery Code Here */
-
-/////////////
-//EXERCISES//
-/////////////
-
-console.log("\n \n Create a Portlet Module//////////");
-//Create a Portlet Module
-
-
-});
View
333 code/exercises/demos/CHAPTER-3/Manipulating/demo.css
@@ -1,333 +0,0 @@
-
-#blog p.excerpt { display: none; }
-
-
-/* general */
-.current {
- color: red;
-}
-
-.hover {
- color: blue;
-}
-
-.hint {
- color: #999;
-}
-
-h1 {
- font-size: 250%;
- margin: 5px 0 10px 0;
-}
-
-legend,
-h2 {
- font-size: 150%;
- margin: 5px 0;
-}
-
-h3 {
- font-size: 120%;
- margin: 5px 0;
-}
-
-h4 {
- font-size: 110%;
- font-weight: bold;
- margin: 5px 0;
-}
-
-p {
- line-height: 1.4em;
- margin: 0 0 8px 0;
- font-size: 90%;
-}
-
-a {
- color: red;
- text-decoration: none;
-}
-
-a:visited {
- color: #a00;
-}
-
-.template {
- display: none;
-}
-
-/* forms */
-
-form li {
- margin: 0 0 10px 0;
-}
-
-textarea,
-input.input_text {
- border: 1px solid #ccc;
- padding: 4px;
- width: 95%;
- font-size: 120%;
- font-family: Arial, sans-serif;
-}
-
-label {
- display: block;
- font-size: 90%;
- font-weight: bold;
- margin: 0 0 5px 0;
-}
-
-ul {
- margin: 20px 15px;
- list-style-type: disc;
-}
-
-li {
- margin: 5px 0;
-}
-
-li.checkbox {
- margin: 0 0 15px 0;
-}
-
-li.checkbox label {
- display: inline;
-}
-
-fieldset {
- margin: 0 0 20px 0;
-}
-
-table {
- border-collapse: collapse;
-}
-
-table td,
-table th {
- border: 1px solid #ccc;
- padding: 5px;
-}
-
-table th {
- background-color: #ccc;
- font-weight: bold;
-}
-
-
-/* page */
-body {
- font-family: Arial;
- color: #333;
- width: 900px;
- margin: 10px auto;
-}
-
-#header {
- margin: 0 0 20px 0;
-}
-
-#main {
- width: 600px;
- float: left;
- clear: both;
-}
-
-#sidebar {
- width: 300px;
- float: right;
-}
-
-#footer {
- clear: both;
- margin: 60px 0 0 0;
- padding: 10px 0 0 0;
- font-size: 70%;
- color: #ccc;
-}
-
-/* navigation */
-#logo {
- font-size: 400%;
- margin: 0 0 40px 0;
-}
-
-#logo a {
- color: #000;
-}
-
-#nav {
- margin: 0 0 20px 0;
- overflow: visible;
- height: 30px;
-}
-
-#nav li {
- float: left;
- padding: 15px;
- background-color: #333;
- margin: 0 5px 0 0;
- position: relative;
- height: 20px;
- list-style-type: none;
- color: #fff;
- cursor: pointer;
-}
-
-#nav li.selected {
- background-color: red;
- font-weight: normal;
-}
-
-#nav li.hover {
- background-color: blue;
-}
-
-#nav li ul {
- position: absolute;
- top: 50px;
- left: 0;
- width: 200px;
- display: none;
- margin: 0;
-}
-
-#nav li ul li {
- float: none;
- padding: 5px;
- border-bottom: 1px solid #fff;
- height: auto;
-}
-
-#nav a {
- color: #fff;
-}
-
-/* main */
-#main .module {
- margin: 0 0 10px 0;
-}
-
-#slideshow {
- margin: 0;
-}
-
-#slideshow li {
- margin: 0 0 10px 0;
- list-style-type: none;
-}
-
-#specials div.special {
- background-color: #ccc;
- -moz-border-radius: 8px;
- -webkit-border-radius: 8px;
- padding: 10px;
- margin: 10px 0 0 0;
- overflow: hidden;;
-}
-
-#specials div.special img {
- float: right;
- margin: 0 0 10px 10px;
-}
-
-#specials .template {
- display: none;
-}
-
-#menus li {
- margin: 0 0 20px 0;
-}
-
-#menus li li {
- margin: 0;
- padding: 5px;
- border-bottom: 1px solid #ccc;
-}
-
-#menus span.price {
- display: block;
- float: right;
-}
-
-#staff li {
- margin: 25px 0;
-}
-
-/* sidebar */
-#sidebar .module {
- border: 1px solid #ccc;
- -moz-border-radius: 8px;
- -webkit-border-radius: 8px;
- padding: 10px;
- margin: 0 0 10px 0;
-}
-
-#sidebar .module .expander {
- text-align: right;
- font-size: 70%;
-}
-
-#search li {
- position: relative;
-}
-
-#search #search_results {
- position: absolute;
- top: 2.8em;
- left: 0;
- z-index: 100;
- background-color: #fff;
- border: 1px solid #ccc;
-}
-
-#search #search_results li {
- padding: 5px 0;
- margin: 0 5px;
-}
-
-#search #search_results li.hover {
- background-color: #ccc;
-}
-
-p.closer {
- text-align: right;
- font-size: 70%;
- text-transform: uppercase;
- cursor: pointer;
-}
-
-/* modules */
-#twitter {
- display: none;
-}
-
-ul li.selected {
- font-weight: bold;
-}
-
-#search {
-margin: 15px 0;
-}
-
-/* modal */
-#modal {
- width: 500px;
- padding: 10px;
- background-color: #fff;
- position: fixed;
- top: 100px;
- z-index: 101;
- margin: 0 225px;
-}
-
-#overlay {
- position: fixed;
- top: 0;
- left: 0;
- width: 10000px;
- height: 10000px;
- background-color: #333;
- z-index: 100;
-
-}
View
7 code/exercises/demos/CHAPTER-3/Manipulating/demo.details
@@ -1,7 +0,0 @@
----
- name: jQuery Fundamentals Chapter 3 Manipulating
- description: jQuery Fundamentals Chapter 3 Manipulating
- authors:
- - Rebecca Murphey
- normalize_css: yes
- ...
View
130 code/exercises/demos/CHAPTER-3/Manipulating/demo.html
@@ -1,130 +0,0 @@
- <div id="header">
- <div id="logo" rel="logo"><a href="index.html">jQuery Fundamentals</a></div>
- <ul id="nav">
- <li class="selected"><a href="http://docs.jquery.com">jQuery Docs</a></li>
- <li><a href="sandbox.html">Sandbox</a></li>
- <li>Resources
- <ul>
- <li><a href="http://groups.google.com/group/jquery-en">Google Group</a></li>
- <li><a href="http://stackoverflow.com">Stack Overflow</a></li>
- <li><a href="http://delicious.com/rdmey/jquery-class">Delicious Bookmarks</a></li>
- </ul>
- </li>
- </ul>
- </div>
-
- <div id="main">
- <form id="search">
- <label for="q">Enter search term</label>
- <input type="text" name="q" class="input_text" />
- <input type="submit" value="Go" />
- </form>
-
- <h1>Eat here.</h1>
- <p>Lorem ipsum dolor sit amet, <a href="foo.html">consectetur adipisicing elit</a>, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-
- <ul id="slideshow">
- <li>
- <h2 rel="yummy fruit!">Fruit</h2>
- <img src="https://github.com/Suggsgested/web-learn-jquery-com/raw/master/code/exercises/demos/images/fruit.jpg" alt="fruit" />
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </li>
- <li>
- <h2>Vegetables</h2>
- <img src="https://github.com/Suggsgested/web-learn-jquery-com/raw/master/code/exercises/demos/images/vegetable.jpg" alt="vegetables" />
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </li>
- <li>
- <h2>Bread</h2>
- <img src="https://github.com/Suggsgested/web-learn-jquery-com/raw/master/code/exercises/demos/images/bread.jpg" alt="bread" />
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </li>
- </ul>
-
- <ul id="myList">
- <li>List item 1</li>
- <li id="listItem_2" class="bar">List item 2</li>
- <li id="myListItem">List item 3</li>
- <li>List item 4</li>
- <li class="current bar">List item 5</li>
- <li>List item 6</li>
- <li>List item 7</li>
- </ul>
-
- <div class="module" id="blog">
- <h2>Blog</h2>
- <ul>
- <li>
- <h3><a href="blog.html#post1">Blog post 1</a></h3>
- <p class="excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </li>
- <li>
- <h3><a href="blog.html#post2">Blog post 2</a></h3>
- <p class="excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </li>
- <li>
- <h3><a href="blog.html#post3">Blog post 3</a></h3>
- <p class="excerpt">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
- </li>
- </ul>
- </div>
-
- <div class="module" id="specials">
- <h2>Specials</h2>
- <p>Choose the day of the week to see the specials:</p>
- <form action="specials.html" method="get">
- <ul>
- <li>
- <select name="day">
- <option value="" selected>Select</option>
- <option value="monday">Monday</option>
- <option value="tuesday">Tuesday</option>
- <option value="friday">Friday</option>
- </select>
- </li>
- <li class="buttons">
- <input type="submit" class="input_submit" value="Go" />
- </li>
- </ul>
- </form>
- </div>
-
- <table id="fruits">
- <thead>
- <tr>
- <th>Apples</th>
- <th>Oranges</th>
- <th>Pears</th>
- <th>Nectarines</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>1</td>
- <td id="myTableCell">2</td>
- <td>3</td>
- <td>4</td>
- </tr>
- <tr>
- <td>2</td>
- <td>6</td>
- <td>4</td>
- <td>8</td>
- </tr>
- <tr>
- <td>1</td>
- <td>7</td>
- <td>5</td>
- <td>3</td>
- </tr>
- <tr>
- <td>20</td>
- <td>30</td>
- <td>10</td>
- <td>100</td>
- </tr>
- </tbody>
- </table>
-
-
- </div>
View
37 code/exercises/demos/CHAPTER-3/Manipulating/demo.js
@@ -1,37 +0,0 @@
-$(document).ready(function() {
- /* jQuery Code Here */
-
-/////////////
-//EXERCISES//
-/////////////
-
-console.log("\n \n MANIPULATING//////////");
-//Manipulating
-
- console.warn("1) Add five new list items to the end of the unordered list #myList. Hint: for (var i = 0; i<5; i++) { ... } \n");
- console.log(/*YOUR CODE HERE*/);
- console.log("\n");
-
-
- console.warn("2) Remove the odd list items \n");
- console.log(/*YOUR CODE HERE*/);
- console.log("\n");
-
-
- console.warn("3) Add another h2 and another paragraph to the last div.module \n");
- console.log(/*YOUR CODE HERE*/);
- console.log("\n");
-
-
-
- console.warn("4) Add another option to the select element; give the option the value 'Wednesday' \n");
- console.log(/*YOUR CODE HERE*/);
- console.log("\n");
-
-
- console.warn("5) Add a new div.module to the page after the last one; put a copy of one of the existing images inside of it. \n");
- console.log(/*YOUR CODE HERE*/);
- console.log("\n");
-
-
-});