The future of our world is digital. With technology taking over, we need more young people who are fully fluent in all things digital. With our jobs, finances, entertainment, and more all migrating to the web, teaching HTML to middle schoolers so they can build websites will greatly benefit their personal future job security. It can give them another avenue to pursue if they're struggling to find career opportunities.
1. Web Tutorial
This website is the perfect way to start kids off easy with creating basic HTML codes. As they progress through the tutorial, the tasks get more challenging as students learn more information about HTML, how it works, and what they can ultimately create with full-blown ability.
Learn more: Tutorial Brain
2. Beginning HTML5 and CSS3 For Dummies
The "For Dummies" series has always been a huge success. They're easy and put everything in simple terms for people to understand. Use these books to practice critical reading skills and learn to code at the same time.
Learn more: Amazon
3. Web Development Series
This adorable video helps to teach a series of web development topics to young people to help introduce them to the programming environment. These animated stories start simply with how websites are made.
Learn more: The Hello World Program
4. Online HTML Game
When tweens have the opportunity to learn through play, somehow learning a bit of code is more fun. This online game is a way for kids to learn how to code and provides an amazing opportunity to blend fun and learning.
Learn more: Code Combat
5. Practice with an HTML Game
If your students have Android devices, turn them on to this Android app called Super Easy Practice HTML Game. While it doesn't accommodate everyone, it does offer an opportunity to practice using the basic tools of code while on the go, or as homework.
Learn more: Super Easy Practice HTML
6. Have a One-Stop Resource
This website is the perfect place to go for quick access to beginner information, how-tos, and more! Middle schoolers will love using this simple-to-read and navigate website when they're working on their projects or if they're at home working on homework. It is a complete list of how-to!
Learn more: HTML Goodies
7. Online Tutorial
Create your HTML lesson plan around this easily laid out and understandable tutorial. It gives teachers a way to teach HTML with a popular programming language and a simple outline to follow at the same time.
Learn more: HTML for Kids
8. Start With the Basics
Before even diving into HTML with tweens, they need to have a good understanding of what it is. You can assign online programming courses but this beginner skills curriculum is so helpful. This kid-friendly version of what HTML is will be the perfect reinforcement to a lesson launch, and tie in comprehension skills too!
Learn more: IPL Learning
9. Provide a Quick Reference Resource
Any "quick reference" that is available for kids (and adults for that matter) is GENIUS! When your students are deep into the programming language and trying to remember which tag creates which outcome they sometimes need a little reminder! Print this out for students for easy access!
Learn more: IPL Learning
10. Extend Your Quick Learners
There will always be a couple of students in the class who catch on immediately and excel way more than you anticipated. You can accommodate them too by being prepared with this cool site of tutorials. Have them move on to more advanced skills with more challenging tutorials.
Learn more: Page Tutor
11. Minecraft
All kids know it, all kids love it, and tweens are no different. You will be able to easily teach core coding skills with Minecraft at the forefront of the lessons. They will be fascinated by the things they can easily create with a few blocks of code and a whole lot of fun!
Learn more: Code Kingdoms
12. Roblox
Another popular computer game with kids and tweens is Roblox! They must use their newly found coding skills to create a gameplay space where they can interact with others, or simply build their own world.
Learn more: Code Kingdoms
13. Pre-Recorded Video Tutorials
With computers in hand and video playing, teach kids the basics of HTML and coding skills using this video series from Power Homeschool. They will learn all the foundations and take a break from the monotony of a middle school classroom setting while learning.
Learn more: Power Homeschool
14. Easy Introductory Lesson
This lesson plan works well for students in upper middle school though it was originally created by 9 - 12 grade students. It introduces the basics of HTML and lists all the materials and supplies needed to have a successful way to deliver content to students.
Learn more: Bright Hub Education
15. One-Stop Shop
This technology project is literally a one-stop shop of an HTML lesson. It houses a space to build a one-of-a-kind webpage, parent letters, teacher plans, assessment tools, and even certificates to hand out upon completion.
Learn more: Techno Kids
16. Online Workshops
Middle school kids will love taking part in these online workshops and they can do it in their spare time! This code school was created so kids and tweens could learn a curriculum bundle slowly and steadily, building up their knowledge of HTML so they can become successful.
Learn more: Coding Giants
17. Interactive Curriculum Bundle
This bundle works perfectly for middle school. Kids will practice through each interactive lesson, coding and working through a popular programming language while creating meaningful and interesting projects and learning to troubleshoot and modify webpages.
Learn more: Lesson Planet
18. Extend Your Students
Once students learn HTML, explore this lesson plan with them to further their 21st Century Skills. This lesson shows how to be bold with your choices when creating a webpage, and exactly how to do it using the correct core coding skills.
Learn more: Lesson Planet
19. Introduction Made Easy
Easily introduce how exactly the internet and HTML work with this short video before diving into all of those other online programming courses or lessons to get your students hooked at the idea of learning this new skill.
Learn more: Lesson Planet
20. Get Kids Laughing
Teaching doesn't have to be all serious business. Especially coding - it can get monotonous. Follow this video series about cavemen and HTML to get your kids laughing and engaged when they start learning how to code.
Learn more: Super Campus Jr.
20 Unity Day Activities Your Elementary School Kids Will Love