Code Monkey home page Code Monkey logo

codefirefox's Introduction

Code Firefox

Code Firefox is a video an exercise tutorial site for coding Firefox and other Mozilla related technologies.

Setting up this project

  1. Fork bbondy/codefirefox to user/codefirefox
  2. Run git clone https://github.com/user/codefirefox in the required directory.
  3. cd codefirefox , Move present working directory to codefirefox
  4. Install and setup redis
  5. Run redis-server passing in the command line: redis.conf (listens on port 10226)
  6. Copy data/config.json.sample to data/config.json, modify it appropriately
  7. Install node.js (Current Version: v0.10.20)
  8. Run: npm install in the source code directory
  9. Run: node --harmony app
  10. Once the server is running visit localhost:22935/initData
  11. Browser to localhost:22935/videos to see all of the data or localhost:22935/slug to see a specific video

Exercise module

https://github.com/bbondy/codefirefox

Running tests

Tests are run using the Mocha framework. To get tests working just run:

npm test

Setting up redis on Windows

  1. Extract third_party/redisbin.zip to a folder on your Desktop
  2. Copy third_party/redis-win/redis.conf to that same folder on your Desktop

Setting up redis otherwise

  1. See per platform instructions
  2. Use the redis.conf from third_party/redis-win/redis.conf

Proxy note

Note : In case you are behind a proxy connection, before running npm install run the following command. npm config set proxy http://<proxy_name or proxy_url>:<port_number>

Versions

Install node.js (Current Version: v0.10.20) redis-server: https://github.com/MSOpenTech/redis/ (Windows based on Redis 2.6. The latest version merged in 2.6.12)

Server side dependencies

  • Node
  • express
  • stylus
  • jade
  • async
  • codecheckjs
  • acorn.js
  • underscore
  • prettyjson

Client side dependencies

  • Backbone.js
  • React
  • RequireJS

Checklist for posting new videos

  • Add the video slug to data/videos.json
  • Are there any links to MDN or other resources that should be added?
  • Add a postedDate field to the JSON file
  • Run npm test
  • Subtitle the live in English from the local server
  • Or alternatively, at least watch the video on the locally deployed server (sometimes ScreenFlow doesn't encode properly)
  • Add to git and push
  • Pull in on codefirefox.com
  • Double check live video is live
  • Post link on @codefirefox twitter
  • Add link for translations to Mozilla team Amara site: http://www.amara.org/en/teams/add/video/mozilla/

codefirefox's People

Contributors

bbondy avatar cpeterso avatar gijsk avatar pererinha avatar pquentin avatar sudheesh001 avatar swarnava avatar

Watchers

 avatar  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.