Build Your Web: A Crash Course for Beginners
This class is a one-week crash course for teens (13+), teaching web development with HTML, CSS, and JavaScript. Through hands-on projects, students create interactive websites, making coding accessible, creative, and fun.
James Min
Average rating:
4.5
Number of reviews:(22)
What's included
6 live meetings
6 in-class hoursHomework
1-2 hours per week. Students will receive practical homework assignments aimed at reinforcing the day’s learning objectives. These tasks will involve creating web pages, implementing functionalities using JavaScript, and designing responsive layouts. Homework is designed to require approximately 1-2 hours of engagement outside of class time per assignment.Assessment
Students will be assessed through project-based assessments, tailored to measure their understanding and application of HTML, CSS, and JavaScript. These assessments will challenge students to build a webpage, add interactive features, and create a final integrated project. The focus will be on practical skills, including code correctness, design creativity, functionality, and adherence to best practices.Class Experience
US Grade 8
Beginner - Beginner Level
Class Description: Build Your Web: A Crash Course for Beginners Not Listed
Overview:
Dive into the exciting world of web development with our interactive one-week course designed specifically for teenagers aged 13 and up. Whether you're a budding coder or a curious novice, this course offers a hands-on approach to learning the fundamentals of HTML, CSS, and JavaScript.
What Will Be Taught:
Students will learn to create functional, stylish, and interactive websites. The course covers:
- Basic to intermediate HTML structures for web content.
- CSS for styling to make visually engaging web pages.
- JavaScript basics for dynamic user interactions.
Class Structure:
The course is structured over six days, with each day focusing on different aspects of web development:
- Days 1-2: HTML and CSS basics, building up to more complex page layouts.
- Days 3-4: Deep dive into CSS styling and introductory JavaScript.
- Day 5: Advanced JavaScript features and dynamic content manipulation.
- Day 6: Project day where students will build, and complete a web application.
Teaching Methodology:
Our teaching approach is highly interactive and hands-on, encouraging students to learn by doing. We utilize:
- Lectures to introduce concepts.
- Guided Exercises to apply what's learned.
- Project-Based Learning culminating in a real-world project.
- Group Discussions to foster a deeper understanding and peer interaction.
Teaching Style:
The course is conducted in an informal and supportive environment. We emphasize understanding over memorization, and our sessions are dynamic, with plenty of examples and practical exercises. Expect a mix of direct instruction, collaborative group work, and individual projects.
Learner Interaction:
Students will have numerous opportunities to engage and interact through:
- Interactive Coding Exercises
Why This Course?
This course is more than just a coding class; it's a gateway to the vast world of technology. Students will gain not only technical skills but also problem-solving abilities and creative thinking required in today's digital age.Learning Goals
Understand Web Development Basics: Students will learn the fundamental concepts of how the internet works, including the roles of web developers, and the purposes of different technologies used in web development.Master HTML and CSS: By the end of the course, students will be able to create well-structured HTML pages and style them using CSS. This includes understanding semantic HTML, the CSS box model, and how to create responsive designs with media queries.
Syllabus
6 Lessons
over 1 WeekLesson 1:
Day 1: Introduction to Web Development
Explore the building blocks of a web page using HTML (HyperText Markup Language). Learn how to structure a web page with essential elements like headings, paragraphs, lists, and how to organize content in a meaningful way. 60 mins online live lesson
Lesson 2:
Day 2: HTML & CSS Basics
Discover the basics of CSS (Cascading Style Sheets), the language used to style web pages. Understand CSS syntax and learn about various selectors used to target HTML elements for styling. Explore how different selectors work, including element selectors, class selectors, and ID selectors, to apply styles effectively. 60 mins online live lesson
Lesson 3:
Day 3: Introduction to JavaScript
Begin your journey into JavaScript, the programming language that adds interactivity to web pages. Learn about basic JavaScript syntax, including how to declare and use variables to store data. Understand data types such as numbers, strings, and booleans, and how to perform operations on them. 60 mins online live lesson
Lesson 4:
Day 4: JavaScript and the DOM
Learn about the Document Object Model (DOM), a programming interface that represents a web page as a tree structure of objects. Understand how the DOM allows JavaScript to interact with and manipulate HTML elements dynamically, enabling developers to create dynamic and interactive web applications. 60 mins online live lesson
Other Details
Supply List
For optimal learning and course performance, participants are required to use PCs or laptops. NO TABLETS! Tablets are not suitable for the technical activities involved in this course.
External Resources
In addition to the Outschool classroom, this class uses:
Teacher expertise and credentials
The instructor for this course brings a robust background in both education and practical web development. With several years of experience as a software engineer specializing in front-end technologies, the instructor has hands-on expertise in HTML, CSS, and JavaScript. Additionally, having transitioned from a self-taught web developer to a professional role in software development at Talech Point of Sale, a company owned by US Bank, the instructor possesses a deep understanding of real-world application development and deployment processes.Reviews
Live Group Course
$70
for 6 classes6x per week, 1 week
60 min
Live video meetings
Ages: 13-18
2-10 learners per class
