Codeloft
0 0 XP

Learning paths

Start anywhere, but each path works best in order. Lessons take five to ten minutes, and the editor is always right beside the text.

Continue learning
<html>

HTML

Give every page its structure: headings, links, images, lists, tables and forms.

0 of 8 lessons done · about 52 min
Path overview
  1. 01Your first web page6 min
  2. 02Headings and emphasis6 min
  3. 03Links and images7 min
  4. 04Lists5 min
  5. 05Tables for data7 min
  6. 06Forms that collect input8 min
  7. 07Page structure7 min
  8. 08Page title and description6 min
{ css }

CSS

Style pages with color, spacing and layouts that work on any screen.

0 of 7 lessons done · about 50 min
Path overview
  1. 01Color and fonts6 min
  2. 02Classes and IDs7 min
  3. 03The box model7 min
  4. 04Layout with flexbox8 min
  5. 05Layout with grid8 min
  6. 06Responsive design8 min
  7. 07Hover effects and transitions6 min
js()

JavaScript

Make pages respond: variables, functions, decisions, arrays, objects and clicks.

0 of 7 lessons done · about 52 min
Path overview
  1. 01Variables and the console6 min
  2. 02Functions7 min
  3. 03Making decisions with if7 min
  4. 04Arrays and loops8 min
  5. 05Objects7 min
  6. 06Respond to a click8 min
  7. 07Build a to-do list9 min
#include

C++

Learn how programs really run: types, loops, decisions, functions, vectors and classes.

0 of 6 lessons done · about 47 min
Path overview
  1. 01Hello, C++7 min
  2. 02Variables and loops8 min
  3. 03Making decisions7 min
  4. 04Functions8 min
  5. 05Vectors8 min
  6. 06Classes and objects9 min
Console.

C#

Build solid foundations for apps and games with clean, typed code.

0 of 6 lessons done · about 44 min
Path overview
  1. 01Hello, C#6 min
  2. 02Variables and string interpolation7 min
  3. 03Loops7 min
  4. 04Methods7 min
  5. 05Lists and foreach8 min
  6. 06Classes and objects9 min