Pricing Plans
Log In

Website Development | Beginners - Coding

In this 4-week online coding class from Codingal, a Y Combinator-backed startup, students will learn website coding using HTML, CSS, and JavaScript, building interactive web pages. This course provides hands-on experience in front-end devel
Codingal - #1 AI & Coding | Backed by Y Combinator
Average rating:
4.8
Number of reviews:
(10)
Class
Play

What's included

8 live meetings
8 in-class hours
Assignments
1 hour per week. 1-2 per week
Certificate of Completion
1 after class completion

Class Experience

US Grade 7 - 10
Beginner Level
Class Description
In this 4-week interactive course, learners will explore website development by coding with HTML and CSS. They will start with the basics of structuring a webpage and progress to adding styling, layouts, and interactivity. Using real-world projects, learners will build their webpages while gaining a solid foundation in web development. By the end of the course, they will create a solar system profile card project, reinforcing all concepts learned.

Class Experience
This course is designed for beginners and follows a hands-on, project-based approach. Students will learn through:
Live coding demonstrations – Step-by-step lessons on building webpages
Hands-on exercises – Practice coding in real-time using a text editor
Mini-projects – Apply new skills to real-world website designs
Discussions & troubleshooting – Learn from peers and improve debugging skills
A final project – Create a Solar System Profile Card webpage
No prior coding experience is required! The course provides a strong foundation for future web development learning.

What will be taught?
HTML Fundamentals – Structure, text formatting, lists, and links
Multimedia Integration – Adding images, videos, and embedding content
Tables and Forms – Organizing content and collecting user input
Semantic HTML – Writing clean, readable, and SEO-friendly code
Introduction to CSS – Styling with colors, fonts, margins, and layout
Box Model and Layouts – Designing structured web pages
Final Project – Create a Solar System Profile Card webpage

How is our class structured?
This course consists of 8 lessons over 4 weeks, covering essential website development concepts through hands-on projects.
Week 1:
Lesson 1: Introduction to HTML – Learn basic structure and webpage elements
Lesson 2: Text Formatting, Lists, and Links – Styling and navigation
Week 2:
Lesson 3: Multimedia and Embedding – Adding images, videos, and more
Lesson 4: Tables and Forms – Organizing data and creating user input fields
Week 3:
Lesson 5: Semantic Elements – Writing structured and SEO-friendly code
Lesson 6: Mini Project – Create a Solar System Profile Card webpage
Week 4:
Lesson 7: Introduction to CSS – Adding styles to enhance webpages
Lesson 8: Box Model, Layout, and Backgrounds – Designing visually appealing pages

How will we teach?
We use an interactive, hands-on approach with:
Live coding demonstrations to introduce new concepts
Real-world projects to apply skills immediately
Mini-challenges to reinforce learning
Collaborative discussions for problem-solving
Final project to showcase students' progress
Our Teaching Style
We believe in learning by doing. Our teaching style is engaging, interactive, and supportive, encouraging students to ask questions, experiment with code, and develop problem-solving skills.

How much will learners interact?
Learners will actively participate through:
Live discussions and Q&A
Hands-on coding exercises
Collaborative troubleshooting
Project sharing for feedback

Learning Goals

Build structured web pages using HTML and CSS
Apply core web development concepts like links, forms, and multimedia
learning goal

Syllabus

8 Lessons
over 4 Weeks
Lesson 1:
Introduction to HTML
 Dive into the world of web development by learning the fundamentals of HTML. Discover how websites are structured and start writing your first lines of code to create a simple web page. 
60 mins online live lesson
1 assignment
Lesson 2:
Text Formatting, Lists, and Links
 Make your web pages more engaging by formatting text, creating bullet points and numbered lists, and adding clickable links to navigate between pages. 
60 mins online live lesson
1 assignment
Lesson 3:
Multimedia and Embedding
 Learn how to add images, videos, and interactive media to your website. Explore embedding content like YouTube videos, Google Maps, and more to enhance user experience. 
60 mins online live lesson
1 assignment
Lesson 4:
Tables and Forms
 Master the use of tables to display data neatly and forms to collect user input. Create interactive contact forms, surveys, and more. 
60 mins online live lesson
1 assignment

Other Details

Parental Guidance
No violent or sensitive content No third-party accounts required Coding is conducted in a safe, kid-friendly environment
External Resources
In addition to the Outschool classroom, this class uses:
Sources
This course follows industry best practices in web development using standard HTML and CSS guidelines.
4.8
10reviews
Profile
Teacher expertise and credentials
I have years of experience teaching website development and have helped many students develop strong foundational skills in HTML and CSS. My teaching approach focuses on engagement, creativity, and real-world coding applications.

Reviews

Live Group Course
Share

$35

weekly

2x per week, 4 weeks
60 min
Live video meetings
Ages: 12-17
1-4 learners per class

About
Support
SafetyPrivacyCA PrivacyLearner PrivacyYour Privacy ChoicesTerms
Financial Assistance
Get The App
Download on the App StoreGet it on Google Play
© 2025 Outschool