Search results

Activity 7a: Analyze code tutorials

Keep current with the latest trends in technical communication by subscribing to the I'd Rather Be Writing newsletter. 5,000+ subscribers

I'm giving an API documentation workshop in Los Angeles, California, on January 23, 2020. Check it out on EventBrite and register today to receive a $100 early bird discount.

Activity 7a: Analyze two code tutorials

Code tutorials often have the following sections or characteristics:

  • Scenario description - the “why” behind the tutorial
  • Tutorial outcomes - objectives or a demo of solution
  • Solution overview - a birds-eye view of the solution
  • Intended audience - assumptions about who the tutorial is for, skill level, point in journey
  • Prerequisites - expectations about required items, configurations, or utilities for the tutorial (e.g., hardware devices, services set up, API keys, software, etc.).
  • Steps - the tasks involved in the solution, often formatted as sections. The steps show an assembly order working up to final solution, building the code piece by piece as needed (like Legos).
  • Examples to make it real - examples or personalized info included in the steps to make the steps more meaningful and understandable.
  • Teaching moments - conceptual explanations peppered in along the way as asides or footnotes.
  • Inline code comments - explanations inside the code about what’s going on.
  • Conclusion, next steps - wrap-up, showing fully assembled code, pointing out next logical steps, linking to related tutorials.

The following are sample tutorials. Pick two tutorials and analyze them to see how many of the above common sections and characteristics you can find.

  1. Stripe - Sending emails for failed payments
  2. Twilio - How to build a chatbot
  3. GitHub - Building a CI server
  4. Message Buttons with Node.js
  5. Dropbox - Quickly integrate file upload in your web app using the Chooser
  6. Maps JavaScript API Overview
  7. Searching By Seller: Reviewing Information About A Seller
  8. How to Make a Heatmap with Mapbox GL JS
  9. Using the Marketing API with the Facebook Pixel
  10. Create a Custom Map URL
  11. Training Course: How to Build a Multimodal Alexa Skill
  12. Introduction to Populating a Website with API Data
7% Complete

7/150 pages complete. Only 143 more pages to go.



Donate?

Want to buy me lunch? Click the Donate button below to donate any amount through Paypal.