HTML | Beginner | 04 Week | Learn HTML W/ 2 Hero Chickens, Buk Buk & Nugget
In this four part course, students will learn how to create an HTML web page, learn various HTML tags, and experiment with design, javascript, and CSS #builder
Sidney - KidsSpeakCode
Average rating:
4.8
Number of reviews:(1,187)
What's included
4 pre-recorded lessons
4 weeks
of teacher support1 year access
to the contentHomework
1 hour per week. Each module in this course has weekly homework. Students are encouraged to follow the modules and examples, and code their own web page using our repl.it and send in the page for feedback each week.Class Experience
Welcome to the amazing story of two hero chickens, Nugget and Buk Buk! In this course, we will cover HTML tags, and look at how to build a web page using some very silly chickens and their stories. In this class we will focus on learning the fundamentals of HTML in four modules, each focusing on a different aspect of web page building while contributing to the overall project. Prior knowledge of HTML or coding is not required, a positive attitude towards hero chickens is recommended. In this course students will create creative webpages based on any theme they like (this does not have to be chicken based), and share it with the teacher for feedback, and are welcome to share the results with each other in the classroom each week. This is a great course to both learn the technical aspects of HTML tags and coding, and at the same time experiment with the artistic side of pictures, colours, background, fonts and placement. Students are encouraged to share the links to the pages they create each week in the classroom for feedback from the instructor and other students. Collaborating on a page together each week (links will be provided to example code) will help students get ideas of what can be added to their web pages.
Learning Goals
Students will learn HTML tags, understand what HTML is and how it works, and create a web page of their own using colors, pictures, and text that they code and position while having a lot of fun creating something new.
Syllabus
4 Lessons
over 4 WeeksLesson 1:
Getting Started with HTML
In the first lesson, students will dive into the world of HTML, the cornerstone of web design. We'll begin by exploring basic HTML tags and structure, teaching students how to set up a simple web page. The focus will be on understanding the function and syntax of various HTML elements such as headers, paragraphs, links, and images. By the end of this module, students will create their own HTML page featuring a mix of these elements to solidify their learning. Lesson 2:
Exploring Intermediate HTML
Building on foundational knowledge, this week introduces more complex HTML elements and attributes. Students will learn to enhance the functionality and aesthetics of their web pages through the use of additional tags like <table>, <form>, and advanced formatting options. Emphasis will be placed on the practical application of HTML links and using color effectively. The session will conclude with students updating their web pages to incorporate these new ideas. Lesson 3:
Styling with CSS
CSS is an essential tool for styling web pages. Students will learn the basics of CSS, including selectors, properties, and values, and how to apply these to HTML structures to alter appearance and layout. Practical exercises will include creating stylesheets from scratch and modifying existing ones to make web pages visually appealing and responsive. Students will apply CSS to their ongoing projects, experimenting with layout techniques and design principles. Lesson 4:
Interactive Elements with JavaScript and Advanced HTML
The course introduces JavaScript, enabling students to add interactive and dynamic content to web pages. We'll cover basic JavaScript syntax and functions, how to manipulate the DOM, and how to integrate JavaScript with HTML and CSS for real-world applications. Additionally, students will explore advanced HTML features like templates and special effects. Other Details
Supply List
Nothing is required to be installed for this course. We will be using the repl.it site to create and share our HTML documents, links, and getting started directions will be provided with the first module.
External Resources
In addition to the Outschool classroom, this class uses:
Joined October, 2020
4.8
1187reviews
Teacher expertise and credentials
I love teaching programming using fun and interesting examples because it helps students go farther than learning hard to contextualize concepts. Understanding what we are doing and why means that students will be able to apply algebraic concepts (like x+y) having understood examples like (red bike + blue bike) in a way that has context and meaning. Reviews
Self-Paced Course
$16
weekly or $64 for all content4 pre-recorded lessons
4 weeks of teacher support
Choose your start date
1 year of access to the content
Completed by 76 learners
Choose your start date
Ages: 13-18
