Scratch
Scratch Add-Ons Browser Extension
- So many Scratch extensions, including the Find feature from GriffPatch and a Pause button!
- Analyze Your Scratch Code to See How Complex It Is!
How to Tutorials
from the Scratch
Team
- Playlist includes things like:
- how to make a scrolling background
- how to make a character designer
- how to make a mouse trail
- and more!!
- Try out experimental blocks being considered for Scratch (Facial recognition! Animated text!)
Griffpatch!
- Griffpatch's YouTube Channel - tons of high-quality Scratch tutorials for some super cool programs
- How to create certain artistic effects and program different types of games
Surfing Scratcher's Scratch Tutorials
- Scratch Tutorials
- Micro:bit Tutorials
- Move from Scratch to Python Tutorials
- How to program different types of games - in detail
- How to program different types of games - in detail
- Intro to JavaScript, too
CONTEST: CONGRESSIONAL APP CHALLENGE
- Contest runs from roughly August - end of October
Super Scratch Programming
Adventure
Learn to Program with Scratch (online book)
Scratch for Kids
for Dummies (online book)
HTML & CSS
- find coordinating colors or generate code for gradients
Mozilla Developer Network: Learning HTML and
CSS
CodeBoxx HTML & CSS Tutorials
(Full List)
- a game to help learn how to work with CSS Flexboxes
- a collection of resources for learning HTML & CSS
- Shout-out to Michelle, Jeanette, and KidsCause for sharing this resource with us!
Learn CSS Grid for free - very clear tutorial, and you can play
with the code in the
video!
CSS
Zen Garden - See amazing CSS styles applied to the a plain HTML file
Google Fonts - Remember to add font code to your HTML file AND
your CSS
Color Contrast Checker - All font
color/background color combinations must past the
contrast checker.
PineTools - So many helpful tools! Check out these categories:
- Colors - find related colors, shift colors just a bit, find colors that match an image... so many color options!
- Images - rotate, recolor, crop... there are so many ways to adjust your images! Make sure you're using Creative Commons images or your own images on this.
Creative Commons Images
- Unsplash (careful to avoid the iStock and "Plus" images)
- OpenVerse Images
- Pexels.com (careful to avoid the iStock images)
- Wikipedia: Free Media Sources
Remove
BG - Remove backgrounds of images (only use images you own or that are Creative
Commons licensed!)
JavaScript
Mozilla Developer Network:
JavaScript
CodeBoxx JavaScript Tutorials (Full List)
- Highlights of CodeBoxx Tutorials:
- Simple Javascript Stopwatch
- Simple Vanilla Javascript Tic Tac Toe
- Simple Memory Game in Vanilla Javascript
- Simple Hangman Game in Javascript
- Simple Rock Paper Scissors Game In Pure Javascript
- Learn How to Code Flappy Bird and Doodle Jump in JavaScript
- Simple Pure Javascript Quiz
- Very Simple Vanilla Javascript Accordion
- Very Simple Vanilla Javascript HTML Progress Bar
- Very Simple Popup In Vanilla CSS & Javascript
- Simple Sortable Table With Vanilla Javascript
- Simple Slideshow With Pure CSS JS
- How to Create an AJAX Breadcrumb Menu
p5.js - Learn to code JavaScript and make art!
freeCodeCamp.org: Learn JavaScript - Full Course
for Beginners - Video
freeCodeCamp.org:
JavaScript Beginner's Handbook -
Written Instructions
freeCodeCamp.org: Create a Platformer Game with
JavaScript
freeCodeCamp.org: Intro to Game Development wiht
JavaScript
Game Maven - learn JavaScript by coding games
Python
80+ Best Free Python Tutorials,
eBooks & PDF To Learn Programming
Online
freeCodeCamp.org: Learn Python by
Building 5 Games
7 iPhone / iPad Apps To Learn
Python Programming
Python Coding - Asking User's Questions
Electronics
Spark Fun
Inventor's Kit for Micro:Bit
Experiment Guide
- MaKey MaKey Music Examples
- Makey Makey Project Ideas on Instructables
- The Magic of Makey Makey + Scratch
What Else?
What is Computational Thinking?
- a BBC guide to understanding how to think like a programmer
- Build 3D stories and animations. It's similar to Scratch, but the tools are for 3-D worlds!
- Alice How-To's
- Duke University's Alice Tutorials
- How to Share Your Alice Program
- Free Online Animation and Game-Making Platform
- Games are built in click-based JavaScript (similar to Code.org)
freeCodeCamp.org: Beginner's Guide
to Git & GitHub
|
|
|
|