To help you practice during the whole duration of

the course, we propose to use

the CodePen online code editor. An online code
editor is a tool that resides on a remote server
and is accessible via browsers.

CodePen is an HTML/CSS/JavaScript code

editor that previews/showcases your code in
your browser. We are providing a short live
coding video on how to use CodePen at the
beginning of Module 1. CodePen gives you the
tools for collaboration, experimentation, and
sharing, but you also get live results and the
ability to search through their database and
repository of snippets that other authors put up
so you can experiment and learn from their work,
too.

Note that there are many other online code

editors available out there, such
as JSBin,  JSFiddle, and Dabblet

For over 15 years, the W3C has been

developing and hosting free and open
source tools used every day by millions of Web
developers and Web designers. All the tools
listed below are Web-based, and are available
as downloadable sources or as free services on
the W3C Developers tools site.
W3C Validator

The W3C validator checks the markup validity of

various Web document formats, such as HTML.
Note that you are automatically directed to
the Nu Html Checker when validating an HTML5
document.
CSS Validator

The CSS validator checks Cascading Style

Sheets (CSS) and (X)HTML documents that use
CSS stylesheets.

Unicorn
Unicorn is W3C's unified validator, which helps
people improve the quality of their Web pages by
performing a variety of checks. Unicorn gathers
the results of the popular HTML and CSS
validators, as well as other useful services, such
as Internationalization, RSS/Atom feeds and http
headers.
Internationalization Checker

The W3C Internationalization Checker provides

information about various internationalization-
related aspects of your page, including the HTTP
headers that affect it. It will also report a number
of  issues and offer advice about how to resolve
them.
Link Checker

The W3C Link Checker looks for issues in links,

anchors and referenced objects in a Web page,
CSS style sheet, or recursively on a whole Web
site. For best results, it is recommended to first
ensure that the documents checked use
valid (X)HTML Markup and CSS.