Special Savings: 40% Off

Web Development

Design and publish web sites! Students start by building their first web page, and then complete more than a dozen practical projects using HTML to lay out pages and CSS to style them. Topics Covered: Basic web page design, formatting text and images, numbered and bulleted lists, tables, sections and div blocks, styling using CSS, creating hyperlinks, Embedding video and audio, creating modal popups, building responsive sites, creating pixel art, building a photo gallery, and building an Instagram clone.

Web Development Live Course

Advanced Level
100% Online
10 Lessons
83 Activities

Access this and 5,000 coding activities!

Get Started for Free

Give as Gift

Recommended for Ages 5+

Web iPad

No Prerequisites

Tynker Code Blocks

Tynker's visual code blocks are a great way for beginners to code, without needing to remember how to type syntax. By dragging and dropping code blocks together, young coders can produce vividly complex programs and games in our proprietary app, which includes support for graphics, sound, physics, and more.

What Kids Learn

  • syntax

How Kids Learn with Tynker

Kids learn on their own with a guided, hands-on approach that individualizes the learning experience. Tynker's online courses provide a complete learning system for your child to master the fundamentals of programming. Tynker's visual programming language makes it easy to learn, and once kids gain proficiency, they can seamlessly transition to Javascript coding within the Tynker learning system. Enroll in one of our plans for unlimited play across all courses.

Game-Based Learning

Tynker's self-guided lessons break down coding concepts while solving puzzles and making cool apps.

Interactive Assessments

Quick practice quizzes and assessment tests evaluate a child's comprehension of subjects taught.

Captivating Topics

There's always something to learn with multiple subjects, projects, and coding languages available.

System Requirements

Online courses require a desktop computer, laptop computer, Chromebook, or Netbook with Internet connection and a Chrome (29+), Firefox (30+), Safari (7+), or Edge (20+) browser. No downloads required.

Introduction

Create your first web page using HTML and CSS.

12 Activities:

  • Introduction
  • What is the World Wide Web?
  • What is HTML?
  • HTML Document
  • Title Metadata
  • Paragraphs
  • Line Breaks
  • What is CSS?
  • Background and Text Color
  • Colors in CSS
  • Project 1: My First Web Page
  • Quiz

Headings and Images

Using images and font styles, create a poster, a poem and a photo gallery.

14 Activities:

  • What are Headings?
  • Nested Headings
  • Font Family
  • Font Size
  • Font Style and Font Weight
  • Adding Images
  • Image Attributes
  • More on Images
  • Aligning Text and Images
  • Border Styling
  • Project 2: My Poster
  • Project 3: Acrostic Poem
  • Project 4: My Favorite Photos
  • Quiz

All About Lists

Learn about ordered and unordered lists to organize content on a web page.

11 Activities:

  • Lists
  • Ordered Lists
  • Unordered Lists
  • List Item Type Attribute
  • Inline Styling
  • Revisiting List Types
  • Nested Lists
  • Lists with Images
  • Spacing and Sizing
  • Project 5: My Pets
  • Quiz

Adding Hyperlinks

Use hyperlinks to link to other pages. Create image links. Use CSS to style links.

10 Activities:

  • What are Hyperlinks?
  • Linking Files
  • Link Attributes
  • Identifying Elements
  • CSS Classes
  • Images as Links
  • Link Scrolling
  • Styling Links
  • Project 6: Home Page Navigation
  • Quiz

Using Containers

Use container elements such as div and section to structure your page.

11 Activities:

  • Containers
  • Block vs Inline
  • More Elements
  • Semantic Markup
  • Using Floats
  • Positioning Elements
  • CSS Background Images
  • CSS Background Gradients
  • CSS Overflow
  • Project 7: Hero Unit
  • Quiz

Tables and Media

Learn to format content using tables. Embed video and audio in your page.

9 Activities:

  • Tables
  • Table Attributes
  • Table Styling
  • Embedding Video
  • More on Videos
  • Embedding Audio
  • Embedding GIFs
  • Project 8: My Channels Page
  • Quiz

More on Styling

Learn about forms and more CSS features for advanced layouts and designs.

11 Activities:

  • Forms
  • Passwords and Buttons
  • More Form Controls
  • CSS Media Queries
  • CSS Pseudo-classes
  • More Pseudo-classes
  • Creating Tooltips
  • CSS Transitions
  • Project 9: Profile Card
  • Project 10: Responsive Page
  • Quiz

Pixel Art

Create fun pixel art shapes by using CSS and divs.

3 Activities:

  • Pixel Art
  • Project 11: Space Invaders Art
  • Project 12: Game World Creator

Photo Gallery

Final Project 1: Create a picture gallery with thumbnails.

1 Activity:

  • Final Project 1: Photo Gallery

Pictogram

Final Project 2: Create your own Instagram clone.

1 Activity:

  • Final Project 2: Pictogram

syntax

Choose a Plan to Accelerate Learning

All plans include access for up to 3 children

40% OFF

Quarterly

$30 $18/month Now $54 billed quarterly cancel any time
40% OFF

Yearly

$25 $15/month Now $180 billed annually cancel any time
40% OFF

Lifetime*

$780 $468 one time payment Best Deal

Access everything Tynker offers

  • Thousands of hours of creative projects in Game Design, Minecraft, Python concepts, and more
  • Personalized assessments and certifications in real-world languages
  • Access to our highly rated mobile apps: Tynker, Tynker Junior & Mod Creator
  • 5,000+ lessons built to improve problem solving skills and academic performance
  • Parent dashboard with mastery stats - watch as they progress from novice to expert
  • 30 Day Money-Back Satisfaction Guarantee