- Primary Domain: http://learn.jquery.com
- Staging Domain: http://stage.learn.jquery.com (not currently up to date)
The goal of this site is twofold:
- To serve as a central, trustworthy, narrative compendium of information about how to use jQuery and JavaScript.
- To remain a timely, vibrant, and community-driven reference with a low barrier to contribution.
Much of the initial content - and spirit - comes from jQuery Fundamentals, an open-source book about jQuery, originally written by Rebecca Murphey and released in 2010. In 2011, Murphey bequeathed the book unto the jQuery Project to serve as the foundation for this site.
This site's core content consists of Markdown files. We use nanoc, a Ruby-based static site generator, to process these files for previewing. For production on 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 of the jQuery web base template, and any issues with the presentation should be directed to that repository.
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.
An 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.
Each of the articles on the site has some YAML "Front Matter" that contains metadata. All articles should include the following:
- title - the title of the article as it will appear in the site. if it contains special characters, put the string in quotes
title: "jQuery Event Extensions"
- level - the approximate level of jQuery experience required to find the article useful. Options:
beginner
,intermediate
, oradvanced
level: advanced
- github - the github username of the person to whom the article should be publicly attributed in the footer. defaults to
jquery
. We will likely be improving this to use GitHub's API to figure out who's worked a given article
github: dmethvin
In addition, there is an attribution
property, which contains a list of names of people who have worked on the article. It is not used in the site rendering, but is there for what we'll refer to as "historical purposes," as it is most often used to refer to work originally from jQuery Fundamentals. It can be a simple
attribution: jQuery Fundamentals
or a YAML list
attribution:
- jQuery Fundamentals
- Johnny Appleseed
The entire site is managed via this Git repository. 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. When you have changes you'd like to have reviewed for integration into the site, submit a pull request.
If you're unfamiliar with Git, you can still contribute by editing files directly via GitHub's in-browser editor. 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; it'll probably pretty useful no matter what.
This project requires Ruby >= 1.9 and Bundler. If you don't already have a Ruby development environment, please see the corresponding section below.
If you only want to work with and edit content, you don't actually have to get the project running locally, you can just edit/add Markdown content inside of the content
directory. Of course, you won't be able to preview your content locally
- Clone/fork this repo
- Change to the newly cloned repository's directory
> cd learn.jquery.com
- Install the dependencies
> gem install bundler && bundle install
- Run the nanoc server
> nanoc view &
- Set the site to watch for changes and re-compile
> nanoc watch
- The site should be running on http://localhost:3000. Use the
--port
option to specify a different port.
You actually probably already do have some Ruby available, but it's probably not Ruby 1.9. We recommend setting up:
Once you get that all squared away (and yes, we know that might be a big 'once'), you'll want to set your fork to use the Ruby > 1.9 you installed while you were setting up rbenv
.
cd ~/THE_DIRECTORY_WHERE_YOU_CLONE_GIT_REPOS/learn.jquery.com
rbenv local 1.9.3-p0
Then, you can follow the instructions above, starting at "Install the dependencies"
- Grab the latest Ruby package from the Windows-only rubyinstaller.org
- Install it
- [Meta-bullet point: This section probably lacks detail. If a Windows-Ruby developer wants to help us flesh this section out, please do!]
- Follow the instructions above, starting at "Install the dependencies"