Tutorials

• 2026-02-07

  Tutorial: your first web page with HTML and CSS

  Follow these steps and build your first working web page in under 20 minutes.

• 2026-02-14

  Tutorial: your first JavaScript script

  Add interactivity to your web page with your first JavaScript script, step by step.

• 2026-02-21

  Tutorial: HTML forms to ask the user for data

  Learn to build functional HTML forms to collect name, email, and messages.

• 2026-02-28

  Tutorial: give your page semantic structure

  Replace generic divs with header, nav, main, and footer for clearer, more accessible HTML.

• 2026-03-07

  Tutorial: your first HTML table to display data

  Build a clean HTML table to show data in rows and columns, without using it for page layout.

• 2026-03-14

  Tutorial: Flexbox step by step - align boxes without suffering

  Learn Flexbox by building a navigation bar and a row of perfectly aligned cards.

• 2026-03-21

  Tutorial: responsive design with media queries

  Make your page look good on phone, tablet, and desktop with media queries.

• 2026-03-28

  Tutorial: build your own dark theme with CSS variables

  Use CSS custom properties to build a reusable dark theme across your whole page.

• 2026-04-04

  Tutorial: animate a button with CSS transitions

  Bring your buttons to life with CSS transitions and transforms, without a single line of JavaScript.

• 2026-04-11

  Tutorial: conditionals in JavaScript - a decision-making traffic light

  Learn if, else, and else if by building a traffic light that decides which message to show.

• 2026-04-18

  Tutorial: loops in JavaScript - repeat tasks without losing your mind

  Learn for and while by creating a list of repeated greetings without copy-pasting code.

• 2026-04-25

  Tutorial: arrays in JavaScript - organize a to-do list

  Master the most common array methods (push, filter, map) by building a simple to-do list.

• 2026-05-02

  Tutorial: objects in JavaScript - build a business card

  Learn to create and use JavaScript objects by building a digital business card.

• 2026-05-09

  Tutorial: functions in JavaScript - package up reusable code

  Learn to declare and use JavaScript functions by building a small tip calculator.

• 2026-05-16

  Tutorial: validate a form with JavaScript

  Add real-time validation to an HTML form using JavaScript, no external libraries needed.

• 2026-05-23

  Tutorial: consuming an API with fetch - live data

  Learn to use fetch to request data from the internet and display it on your page.

• 2026-05-30

  Tutorial: save data in the browser with localStorage

  Learn to use localStorage to remember user information between visits to your page.

• 2026-06-06

  Tutorial: build a complete to-do list

  Combine arrays, events, and localStorage to build a real to-do list that remembers your data.

• 2026-06-13

  Tutorial: install Git and make your first commit

  Install Git on your computer and save the first 'checkpoint' of your project.

• 2026-06-20

  Tutorial: create your first branch without fear

  Learn to create and switch between Git branches to experiment without risking your main code.

• 2026-06-27

  Tutorial: push your first project to GitHub

  Create a GitHub repository and push your local project with git remote and git push.

• 2026-07-04

  Tutorial: resolve your first Git conflict

  Learn to read and resolve a Git merge conflict without panicking.

• 2026-07-11

  Tutorial: create a .gitignore to stop uploading junk files

  Set up a .gitignore file to keep node_modules and sensitive files out of your repository.

• 2026-07-18

  Tutorial: the terminal for beginners - your first commands

  Lose your fear of the terminal by learning the commands you'll actually use every day.

• 2026-07-25

  Tutorial: set up VS Code like a total pro

  Install key extensions and settings in VS Code to code faster and more comfortably.

• 2026-08-01

  Tutorial: install Node.js and run your first script

  Install Node.js and run JavaScript outside the browser, straight from the terminal.

• 2026-08-08

  Tutorial: publish your first site for free with Netlify

  Push your project to GitHub and publish it live on the internet in under 5 minutes with Netlify.

• 2026-08-15

  Tutorial: use browser DevTools to find bugs

  Learn to use the console, inspector, and network tab in your browser to debug your code.

• 2026-08-22

  Tutorial: organize your code into multiple files

  Split your HTML, CSS, and JavaScript into separate files to keep your project tidy.