GithubHelp home page GithubHelp logo

codelabs-source's Introduction

Our snap/snapcraft codelabs

This is our snap and snapcraft codelabs, fetched from google doc content.

This is the source branch not containing compiled assets or codelabs. The binary branch is at https://github.com/ubuntu/codelabs, for a ready to run website.

Run the binary assets

Once you are on the codelabs repo, you can just run the simple webserver from the main repo:

  • ./server You can specify the port with -p <port_number>
  • There is snap available name "snap-codelabs" which will run on your localhost, port 8123 by default. You can install it with: sudo snap install snap-codelabs
  • If you have polymer-cli (npm install -g polymer-cli), you can just run: polymer serve.

Add/Update/Remove codelabs

You can use ./codelabs binary which will fetch needed dependencies for you to add/update or remove codelabs.

  • Adding a new codelabs is as simple as: ./codelabs add <google_doc_id>. You can add multiple docs at the same time.
  • Refreshing all codelabs is ./codelabs update
  • Remove a codelab is `./codelabs remove <google_doc_id|codelab_name>. You can remove multiple docs at the same time.

You can use -ga <google_analytics> to override the default GA account.

Codelabs are located in src/codelabs. All metadata are then regenerated for the website to pick up.

Do not forget to add/commit and push to the codelabs branch each time you generate or refresh the codelabs assets.

Tweak category theming and events

The theming is for categories are located in categories-events.json. Only categories available there will be shown in the dropdown filters.

Adding events enables to get events/<event_name> page, which is filtering codelabs for which one tags match this event. Images are relative path to images/events/.

codelabs-source's People

Contributors

didrocks avatar classicvalues avatar mend-bolt-for-github[bot] avatar

Watchers

 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.