Showing posts with label learn to code. Show all posts
Showing posts with label learn to code. Show all posts

Tuesday, January 19, 2016

Learn HTML & CSS Through a Free 12 Part Guide

Learn to Code HTML & CSS is a free resource developed by Shay Howe whose resume reveals that he has worked on the user interface for Groupon among other projects. There are twelve text-based lessons for beginners in Learn to Code HTML & CSS. Once you've mastered the beginner lessons you can try your hand at the advanced lessons. The lessons cover everything from building your first web page to building forms and organizing data in tables.

Applications for Education
Using a WYSIWYG platform like Blogger or Google Sites to create a blog or website is more than adequate for most teachers and students. But at some point you might want to beyond the limitations of WYSIWYG. It's then that you'll want know how to write and edit HTML yourself. Learn to Code HTML & CSS could be a good way for you and your students to learn together.

Saturday, July 14, 2012

Four Good Resources for Learning to Write HTML

Using a WYSIWYG platform like Blogger or Google Sites to create a blog or website is more than adequate for most teachers and students. But at some point you might want to beyond the limitations of WYSIWYG. It's then that you'll want know how to write and edit HTML yourself. These are three resources that you can use to teach yourself HTML. The instructions in these resources are clear enough that middle school students can use them on their own too.

Codecademy is a place where anyone can learn how to write code. Codecademy offers lessons in basic HTML and CSS. Codecademy's lessons in basic HTML start with the very basics of explaining what HTML is, what it does, and how to write the basics. There are seven progressively more difficult lessons that students can work through on their own.


Thimble is a free Mozilla product designed to help users learn how to write HTML and CSS. Thimble features a split screen on which you can write code and see how it works at the same time. On the left side of the screen you write your code and on the right side of the screen you instantly see what that code renders. The latest version of Thimble gives you the option to start from scratch or to modify sample projects. The sample projects include directions for writing code. If you write the code correctly, you will know right away. Likewise, if you don't write the code correctly, you will know right away. Some of the sample projects you can work with include webpages, games, and avatars.

w3Schools has long been my go-to place for quick directions when working in HTML. If I get stuck while working on a project, a quick visit to w3Schools usually reveals the help I need to get past a stumbling block. If you're brand new to writing HTML start with the introductory sections of w3Schools to learn the basics.

YouTube is another of my go-to places for tutorials on writing HTML and many other things. Whether you want an introduction to writing HTML or you just need a quick tutorial to get you past one little obstacle in your code, there's probably a video for you. Here's one very popular video for beginners.

What would you add to this list? Please leave a comment. 


Update: I just discovered that David Kapuler has a list of 15 resources for learning to code. His list includes things besides HTML. 

Tuesday, June 19, 2012

Use Mozilla Thimble to Learn How to Write HTML & CSS

Last month I wrote about Mozilla's Thimble App which was the first public version of the new Thimble product that Mozilla released today.

Thimble is a free Mozilla product designed to help users learn how to write HTML and CSS. Thimble features a split screen on which you can write code and see how it works at the same time. On the left side of the screen you write your code and on the right side of the screen you instantly see what that code renders.

The latest version of Thimble gives you the option to start from scratch or to modify sample projects. The sample projects include directions for writing code. If you write the code correctly, you will know right away. Likewise, if you don't write the code correctly, you will know right away. Some of the sample projects you can work with include webpages, games, and avatars.

Applications for Education
Mozilla Thimble could be a fantastic tool for learning to write HTML and CSS. The instant feedback piece is a huge benefit over writing the code then having to open a new window to see what happens. Thimble's sample projects with directions could be a great resource for students who want to try to learn to write HTML and CSS on their own or who just want to practice beyond what you've taught them in your classroom.