Scratch
- Analyze Your Scratch Code to See How Complex It Is!
Super Scratch Programming Adventure
Learn to Program with Scratch (online book)
Scratch for Kids for Dummies (online book)
Harvard Scratch for Budding Computer Scientists
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
- Scratch3 Developer Tools from Griffpatch - Chrome extension with useful features like "find" and an improved "clean up blocks"
- 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
Scratch Addons Chrome Extension - So many Scratch extensions, including the Find feature from GriffPatch and a Pause button!
CONTEST: CONGRESSIONAL APP CHALLENGE
- Contest runs from roughly August - end of October
HTML & CSS
- find coordinating colors or generate code for gradients
Interneting is Hard (But It Doesn't Have to Be
- Friendly web development tutorials for complete beginners
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
Code Special Characters (like ©) - This site offers you several options for each character's code. Use the first option (ex: ©)
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.
Coolors - Find cool color combinations!
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 rows at the top)
- OpenVerse Images
- Pexels.com
- Flickr
- Wikipedia: Free Media Sources
Remove BG - Remove backgrounds of images (only use images you own or that are Creative Commons licensed!)
JavaScript
JavaScript & jQuery: The Missing Manual
JavaScript & jQuery: Interactive Front-End Web Development
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
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
Python
Invent Your Own Computer Games with Python
Making Games with Python and PyGame
CMU Computer Science Academy's CS0 Python Course
- Join the Course (Ms. Geores will give you the registration code)
- Once you've joined the course, click here to get back in.
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
App Development
Glide Apps (using Google Sheets to build apps)
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
- Free Online Animation and Game-Making Platform
- Games are built in click-based JavaScript (similar to Code.org)
Duke University's Alice Tutorials
How to Share Your Alice Program
freeCodeCamp.org: Beginner's Guide to Git & GitHub
|
|
|
|