Kids Can Code!: Fun Ways to Learn Computer Programming
By Ian Garland
()
About this ebook
Unleash the master coder in your child with this activity-filled guide! Fun coding adventures show kids just how far their imagination can take them. (Did you know coding took us to the moon?!) Complete with simple steps, colorful illustrations, and easy-to-follow screenshots, kids will find the encouragement they need to dive right in and discover the amazing power of coding. You’ll both love how Kids Can Code:
- Gives kids the confidence to master coding through simple projects that feel like play.
- Helps young learners get to know some of the most common coding languages—and the many ways they’re used to invent and create—in kid-friendly ways.
- Makes concepts like plot coordinates and binary code simple (even fun!) to grasp.
- Boosts computational thinking—tackling large problems by breaking them down into a sequence of smaller, more manageable problems.
- Gives kids a taste of the many ways coding be used—from music and design to animation and gaming.
Related to Kids Can Code!
Related ebooks
Coding for Minecrafters: Unofficial Adventures for Kids Learning Computer Code Rating: 0 out of 5 stars0 ratingsMission HTML Rating: 0 out of 5 stars0 ratingsHTML& CSS for Beginners: Learn the Fundamentals of Computer Programming Rating: 0 out of 5 stars0 ratingsThe Everything Kids' Scratch Coding Book: Learn to Code and Create Your Own Cool Games! Rating: 4 out of 5 stars4/5First Time Coders: A Definitive Guide to Coding for Children Rating: 4 out of 5 stars4/5Coding for Kids Ages 10 and Up: Coding for Kids and Beginners using html, css and JavaScript Rating: 5 out of 5 stars5/5CODING FOR KIDS: Beginners' Complete And Intuitive Guide To Learning To Code (2022 Crash Course for Newbies) Rating: 5 out of 5 stars5/5Coding with Basher: Coding with Scratch Rating: 0 out of 5 stars0 ratingsCode-It: How To Teach Primary Programming Using Scratch Rating: 0 out of 5 stars0 ratingsSCRATCH Projects for 8-9 year olds: Scratch Short and Easy with Ready-Steady-Code Rating: 0 out of 5 stars0 ratingsScratch Projects for 11-12 year olds: Scratch Short and Easy with Ready-Steady-Code Rating: 0 out of 5 stars0 ratingsCreative Coding: Lessons and Strategies to Integrate Computer Science Across the 6-8 Curriculum Rating: 0 out of 5 stars0 ratingsA Book For Young Programmers On Scratch. Rating: 5 out of 5 stars5/5Scratch 2.0 Programming Rating: 3 out of 5 stars3/5Let's Get Coding Rating: 0 out of 5 stars0 ratingsHello World! Third Edition: Computer Programming for Kids and Other Beginners Rating: 0 out of 5 stars0 ratingsDesigning Digital Games: Create Games with Scratch! Rating: 0 out of 5 stars0 ratingsScratch Projects for 10-11 year olds: Scratch Short and Easy with Ready-Steady-Code Rating: 0 out of 5 stars0 ratingsNo Fear Coding: Computational Thinking Across the K-5 Curriculum Rating: 0 out of 5 stars0 ratingsScratch Projects for 9-10 year olds: Scratch Short and Easy with Ready-Steady-Code Rating: 4 out of 5 stars4/5Creating Digital Animations: Animate Stories with Scratch! Rating: 0 out of 5 stars0 ratingsScratch 2.0 Beginner's Guide Second Edition Rating: 4 out of 5 stars4/5A Day in Code- Python: Learn to Code in Python through an Illustrated Story (for Kids and Beginners) Rating: 5 out of 5 stars5/5Python Robotics for Kids: A Guide to Spike Prime Robot with Object-Oriented Programming: Robotics, #1 Rating: 0 out of 5 stars0 ratingsCode-It Workbook 2: Choices In Programming Using Scratch Rating: 0 out of 5 stars0 ratingsBuilding Your Own Robots: Design and Build Your First Robot! Rating: 0 out of 5 stars0 ratingsHelping Kids with Coding For Dummies Rating: 0 out of 5 stars0 ratings
Children's For You
The Phantom Tollbooth Rating: 5 out of 5 stars5/5The Dark Is Rising Rating: 4 out of 5 stars4/5Island of the Blue Dolphins: A Newbery Award Winner Rating: 4 out of 5 stars4/5Cedric The Shark Get's Toothache: Bedtime Stories For Children, #1 Rating: 4 out of 5 stars4/5Alone Rating: 4 out of 5 stars4/5Over Sea, Under Stone Rating: 4 out of 5 stars4/5Coraline Rating: 4 out of 5 stars4/5Fever 1793 Rating: 4 out of 5 stars4/5The Witch of Blackbird Pond: A Newbery Award Winner Rating: 5 out of 5 stars5/5Amari and the Night Brothers Rating: 4 out of 5 stars4/5A Long Walk to Water: Based on a True Story Rating: 4 out of 5 stars4/5Twas the Night Before Christmas Rating: 4 out of 5 stars4/5Number the Stars: A Newbery Award Winner Rating: 5 out of 5 stars5/5Pete the Kitty Goes to the Doctor Rating: 4 out of 5 stars4/5Much Ado About Nothing (No Fear Shakespeare) Rating: 0 out of 5 stars0 ratingsAlice In Wonderland: The Original 1865 Unabridged and Complete Edition (Lewis Carroll Classics) Rating: 0 out of 5 stars0 ratingsThe Day My Fart Followed Me Home Rating: 5 out of 5 stars5/5My Shadow Is Purple Rating: 4 out of 5 stars4/5Dork Diaries 1: Tales from a Not-So-Fabulous Life Rating: 4 out of 5 stars4/5Peter Pan Complete Text Rating: 4 out of 5 stars4/5Anne of Green Gables: A Graphic Novel Rating: 4 out of 5 stars4/5Workbook on How to Do the Work by Nicole LePera: Summary Study Guide Rating: 2 out of 5 stars2/5Atlas Shrugged SparkNotes Literature Guide Rating: 0 out of 5 stars0 ratingsThe Tower Treasure: The Hardy Boys Book 1 Rating: 4 out of 5 stars4/5Don't Judge An Alligator By Its Teeth!: Benjamin's Adventures, #1 Rating: 4 out of 5 stars4/5Last Week Tonight with John Oliver Presents a Day in the Life of Marlon Bundo Rating: 5 out of 5 stars5/5Pete the Kitty and the Unicorn's Missing Colors Rating: 5 out of 5 stars5/5
Reviews for Kids Can Code!
0 ratings0 reviews
Book preview
Kids Can Code! - Ian Garland
PART ONE X
DIVING INTO DESIGN
BUILDING A BLOG
Are you ready to take the first step toward being a pro coder? We’ll begin by setting up a basic website where you will be able to post text, images, music, games, and more. Right now, we need to build the base, and then we can expand to include whatever you can dream up. This very first, important mission will give you all the building blocks you’ll need to get started. Even super-advanced websites can’t skip this step. So you’re exactly where you need to be!
Ready, Get Set, Go!
1. Create a folder called my site. This folder is where we’ll store all the pages we create and all of the images or sound files we want to use on the site.
Images and sound files are called website assets. Go ahead and make another folder called assets inside your my site folder.
2. Open up your text editor program. Create a new document and save it as index, in the my site folder. You might notice a menu at the bottom that says Save As Type. If it gives you the option to save as HTML or Hyper Text Markup Language, choose this. Otherwise, just add .html to the end of your file name.
3. Now it’s time to add some code! We’ll be using HTML to build the basic parts of our blog. HTML uses tags to add things to a page. It’s important to remember that most tags have to be closed, just like in the image below. If they aren’t closed, things might look a little strange!
HTML always starts with the two lines to the right, so add them now:
See how we opened the tag there? It now has to be closed. At the bottom of your page, type . Great work!
Fun fact: Some tags can close themselves! For instance, the image tag looks like this:
4. We’re almost done setting up our file. Just like you, an HTML file has a and a . The head is where we put important things that affect the entire page; it’s easy to remember if you think of the tags as the brain of your webpage.
The body is where we put everything that we want to show up when we load the page in a browser. It’s like your site’s T-shirt—the first thing a visitor will notice! Go ahead and add the and tags like so:
Playing with Tags
5. Okay, our HTML page is good to go! Now we can add some content, but first, you’ll need to know about some of HTML’s other tags.
Inside your tags, enter the following code:
The
TAG, YOU’RE IT! X
HTML has loads of tags that let you change the way your text looks! What happens if you enter the following code snippets into your section?
•
Hello!
• Howdy!
• Hi there!
• Hey!
•
- One
- Two
6. We’re going to add a set of
Add the code below to your page, inside the tags.
Whoa, we’ve added something extra in here! HTML lets you customize your tags by telling it a little more about them. Here, we’ve given our div an ID so we can change how it looks later. This ID can be whatever you like, as long as there are no spaces in it.
7. Now that we’re getting the hang of HTML, let’s add an image to our site. If you have a picture you think would work, great! If not, feel free to draw one using your favorite drawing program. Once you’re done, give your file a name and save it in the assets folder we made earlier.
It’s important to save it as a .JPG file. PNG files look better, but having too many can really slow your site down!
8. Back in our HTML file’s section,