Codelabs Repository

Overview

This is where I host any google-like codelab I create, which can be found on my website: zarin.io

To understand more about the local environment required to set this up, please read: Publish Technical Tutorials in Google Codelab Format

Logistics

• Codelabs are written in markdown (i.e. .md files)
• Exported to google-codelab style using claat export name_of_markdown_file.md
• In the index.html file under the folder created as a result of the claat export command, before hosting on github pages, make sure you modify the <script> and link tags like so:

  # before 
  <script src="../../bower_components/webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="../../elements/codelab.html">
  
  # after
  <script src="../bower_components/webcomponentsjs/webcomponents-lite.js"></script>
  <link rel="import" href="../elements/codelab.html">

• Run either python simple server using python3 -m http.server, or claat serve ${name_of_markdown_file} in the root directory. If you used python, then navigate to the folder resulting from the claat export command to see the codelab on your browser at http://localhost:8000/. If you used claat, then navigate to the folder on your browser at http://localhost:9090/.