pin


CODING RESOURCES

Tutorials, examples and other useful stuff

Anything useful I can find related to Twine, Scratch, Python, or other web technologies will get posted here. Most of it will be in the form of external links. I have also included a glossary for some of the terminology used; a brief dictionary.



pin


GLOSSARY

What does everything mean?

CSS: The language for styling web pages
CYOA: Choose-your-own-adventure (CYOA) is a form of interactive fiction
HTML: The language for building web pages
JavaScript: The language for programming web pages
jQuery: A JavaScript library for developing web pages
PHP: A web server programming language
Python: A web server programming language
Scratch: A tool to simplify creating interactive fiction by combining blocks of code
SQL: A language for accessing databases
Twine: A tool to simplify writing "choose your own adventure" style interactive fiction



pin


“Computational thinking is the thought processes involved in formulating a problem and expressing its solution(s) in such a way that a computer – human or machine - can effectively carry out.”

— Jeannette Wing



pin


WEB TECHNOLOGIES

HTML, CSS, JAVASCRIPT, SQL, PHP, PYTHON, JQUERY ...
  • W3Schools.com
    The world's largest web developer site optimized for learning, testing, and training. It covers pretty much everything you need.
  • MDN web docs
    Web technology for developers. A Mozilla site that covers the basics as well as more advanced scripting, graphics and other multimedia.
  • jQuery Learning Center
    A powerful JavaScript library. Explanations of the basics, workarounds for common problems, best practices, and how-tos are all found here.
  • Stack Overflow
    The largest, most trusted online community for anyone that codes to learn, share their knowledge, and build their careers.
  • CodePen
    A social development environment for front-end designers and developers. You can show off your work, build test cases, and find inspiration.
  • Can I use...
    Browser support tables for modern web technologies. If you want to find out whether something works in most browsers, this site is pretty helpful.
  • Code.org
    A nonprofit dedicated to expanding access to computer science in schools and increasing participation by women and underrepresented minorities.
  • Google Made w/ Code
    A Google project focused on inspiring teen girls to see that code can help them pursue their passions, whatever they may be.
  • Code Monster
    Code Monster teaches kids and adults a little about Javascript programming! It's easy to play. Follow the instructions and do what Code Monster says.
  • Code Club
    Here you’ll find step-by-step instructions which will teach you how to create games, animations and more with code. Also focuses on the Raspberry Pi.
  • W3 Markup Validation Service
    This validator checks the markup validity of websites. Useful if you wish to validate specific content such as CSS stylesheets, MobileOK content, or to find broken links.
  • Edabit
    Learn to code with interactive challenges. It's the fastest, easiest and most addictive way to learn. It adds simple game mechanics to make the learning process fun and addictive.


pin


SVENSKA LÄNKAR

Datalogiskt tänkande och programmering
  • Kodboken.se
    Är du nyfiken på programmering och digitalt skapande? Kodboken är sajten för barn, lärare och pedagoger som vill börja med kod. Inga förkunskaper behövs, alla kan koda! Kodboken är en gratis tjänst från Kodcentrum, en ideell förening som helt gratis introducerar barn och unga till programmering och digitalt skapande.
  • Digitala Lektioner
    Digitala lektioner är en satsning från Internetstiftelsen, vars syfte är att vara en öppen digital lärresurs för att möta de läroplansändringar som skedde sommaren 2018 när digital kompetens och programmering skrevs in i läroplanen.

    Grunderna i programmering
    Introduktion till Scratch
    Fortsätt programmera med Scratch

  • Spelprogrammering.nu
    Det här är en hemsida där högstadie- och gymnasieungdomar kan lära sig hur man programmerar enkla spel för nätet. Vem som helst kan ha roligt och skapa avancerade och coola spel. Man behöver inte ha någon tidigare programmeringsvana. Det är roligt att programmera grafiska saker.
  • Kursportalen | Årstaskolan
    Kursportalen är en sajt och lärplattform från Årstaskolan i Stockholm. Här finns helt gratis kurser i bland annat Python, Scratch och Webbutveckling. För att delta i kurserna krävs att man registrerar ett gratis konto på sajten.
  • Databävern
    (IT-tävlingen Bebras) Databävern är en populär och inspirerande tävling i datalogiskt tänkande för barn och unga i åk 2-9 samt gymnasiet. Här kan du på ett lekfullt sätt låta bekanta dig med programmering, logiskt tänkande och problemlösning.


pin


TWINE

  • Twine official homepage
    Twine is an open-source tool for telling interactive, nonlinear stories. You don't need to write any code, but you can extend your stories with variables, conditional logic, images, CSS, and JavaScript.
  • The Twine Cookbook
    The Twine Cookbook is a collection of examples organized around common topic areas. For each, contributors have tried to provide examples covering each major built-in story format.
  • Twine Wiki
    Lots of useful information in the wiki about the different versions of Twine and its Story Formats.
  • Official Twine Q&A
    The official Twine Q&A, where you can ask questions and receive answers from other members of the community.
  • Unofficial Twine subreddit
    The unofficial Twine subreddit r/twinegames is dedicated to discussion of the game creation tool Twine.
  • Official Twine Discord Server
    The official Twine Games server on Discord is a great place to communicate directly with experienced Twine coders and writers.
  • Standard Patterns in Choice-Based Games
    A non-exhaustive look at some of the more common approaches to "Choose Your Own Adventure"-games.

Sugarcube Story format,
maintained by Thomas Michael Edwards

Harlowe Story format,
maintained by Leon Arnott


pin


SCRATCH

  • Scratch official homepage
    With Scratch, you can program your own interactive stories, games, and animations — and share your creations with others in the online community.
  • Scratch Coding Cards
    Get the Entire Collection of printable Coding Cards. With the Scratch Coding Cards, you can learn to create interactive games, stories, music, animations, and more!
  • Code Club — Scratch
    Learn how to program your own interactive stories, games and animations in Scratch.
  • Invent with Scratch
    Free online book. Learn to program by making cool games. You’ll learn to make games like Maze Runner, Snaaaaaake, Asteroid Breaker, Fruit Slicer, Brick Breaker and a Platformer.


pin


PYTHON

  • Let's learn Python!
    This online tutorial was written with kids in mind — it's based on the curriculum from the beginner Python class that's been taught at the annual PyCon North America conference since 2012.
  • Trinket.io
    Trinket is a code editor which lets you run and write code in any browser, on any device. Trinkets work instantly, with no need to log in, download plugins, or install software.
  • Code Club — Python
    Python is a widely used, general purpose, text-based programming language.
  • Learn Python Programming | PythonBasics
    This site contains materials and exercises for the Python 3 programming language. In this course you will learn how to write code, the basics and see examples.
  • Invent with Python
    Free online book. Learn to program by making cool games. You’ll learn to make games like Guess the Number, Hangman, Tic Tac Toe, and Reversi. Includes an introduction to 2D graphics using the Pygame framework.
  • Making Games with Python & PyGame
    Free online book. Sequel to "Invent with Python". Covers the Pygame library with the source code for 11 games. Games include Nibbles, Tetris, Simon, Bejeweled, Othello, Connect Four, Flood It, and others.
pin


MISCELLANEOUS

  • Snap! Build Your Own blocks
    Snap! is a visual, drag-and-drop programming language inspired by Scratch. It is a broadly inviting programming language for kids and adults that’s also a platform for serious study of computer science.