First Steps in Coding
| Age Group: | Beginner |
| Grades: | 3rd grade earliest |
| Learning Hours: | 25 hours |
| Domain: | Web development, app development, game development |
| Key Skills: | Problem-solving, creativity, collaboration, time management |
| Assessment: | MCQ assessment and project assessment |
| Hardware/System Requirements: | Computer with internet connection |
| Progression: | Technology & Me |
Course Overview
Gain an understanding of HTML, CSS and JavaScript and get a solid head start in website development!
Using real-world technology, students will create websites and web-based applications. They will build their own coding posters, trivia games and personalized websites.
Explore coding concepts that are needed for basic web development and uncover the different elements of a simple web page.
Learn the fundamental languages HTML, CSS & JavaScript used to develop web pages and websites. By using a simple structure for a web page, learn how to take an idea online.
Create a variety of simple projects, including a personal portfolio of posters, websites & trivia games. Each of the projects, once finished, can be shared online with friends.
| Project | Description | Duration |
|---|---|---|
|
Eye Chart |
Learn how to create your own eye chart using HTML and CSS! |
2 hours |
|
Online Poster |
Learn how to create a digital poster using HTML and CSS. Customise the poster with your own images, and text. |
3 hours |
|
Pattern Art with Code |
Learn more about HTML structure and CSS properties to create a colourful art pattern. |
3 hours |
|
My First Website |
Create a single-page website about your hobbies and interests using HTML and CSS. |
5 hours |
|
Chatbot Conversation |
Learn how to use JavaScript to program a chatbot that can have a dynamic conversation with users. |
5 hours |
|
Trivia Quiz |
Create a trivia quiz game using JavaScript. Learn about conditional statements and add your own quiz questions. |
5 hours |
|
Debug my Website |
Use debugging skills and computational thinking to identify and correct code errors in HTML and CSS. |
1 hour |
|
Debug my Trivia Quiz |
Use debugging skills and computational thinking to identify and correct code errors in JavaScript. |
1 hour |