Location via proxy:   [ UP ]  
[Report a bug]   [Manage cookies]                
Everand Logo

Welcome to Everand!

  • Discover millions of ebooks, audiobooks, and so much more with a free trial

    From $11.99/month after trial. Cancel anytime.

    Kids Can Code!: Fun Ways to Learn Computer Programming
    Kids Can Code!: Fun Ways to Learn Computer Programming
    Kids Can Code!: Fun Ways to Learn Computer Programming
    Ebook176 pages1 hour

    Kids Can Code!: Fun Ways to Learn Computer Programming

    By Ian Garland

    ()

    Read preview

    About this ebook

    Coding Activities and Adventures for Kids!

    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.
    The activity-based learning in this guide sets kids up for immediate coding success, so they feel like a real programmer. It’s the best way to keep them learning and excited about technology!
    LanguageEnglish
    PublisherSky Pony
    Release dateJun 11, 2019
    ISBN9781510740037
    Kids Can Code!: Fun Ways to Learn Computer Programming

    Related to Kids Can Code!

    Related ebooks

    Children's For You

    View More
    View More

    Related podcast episodes

    Related categories

    Reviews for Kids Can Code!

    0 ratings

    0 ratings0 reviews

    What did you think?

    Tap to rate

    Review must be at least 10 words

      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

      tags let you enter text onto your site. They also add a new line underneath so that everything stays nice and neat. Why not save your file and double-click it to see what it looks like?

      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

      tags
      . But what is a div? Well, you can think of it as a divider—it helps keep different parts of your webpage separated. It doesn’t actually show up on your web page, though—unless you add something inside them or change the way they look, divs are invisible.

      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,

      Enjoying the preview?
      Page 1 of 1