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
What's included
8 live meetings
8 in-class hoursAssignments
1 hour per week. 1-2 per weekCertificate of Completion
1 after class completionClass 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
Syllabus
8 Lessons
over 4 WeeksLesson 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
Sources
This course follows industry best practices in web development using standard HTML and CSS guidelines.
Reviews
Live Group Course
$35
weekly2x per week, 4 weeks
60 min
Live video meetings
Ages: 12-17
1-4 learners per class