夏令營程式設計工作坊—使用 HTML、CSS 和 Javascript 建立自己的網站

Learn to design, build, and launch your own website using HTML, CSS, and JavaScript!

In this hands-on summer camp, students will learn how to design, build, and launch their very own website. 

💻 Taught by professional programmers, this immersive program covers the entire web development process, from brainstorming initial ideas to launching a fully functional site. Students will gain practical experience with key web technologies, including HTML, CSS, and JavaScript. Along the way, they’ll dive into website design principles, responsive layouts, and interactive elements, while developing their own unique project. 

✅  By the end of the course, students will have a fully developed personal website they can be proud of, along with the skills to continue building and refining web projects in the future. 

✅ This course is ideal for beginners and those eager to dive into the world of website creation, offering a comprehensive, beginner-friendly approach to web development that combines theory with hands-on experience. 

✅ Perfect for kids looking to kickstart a career or hobby in web development!

📆 The following syllabus will be followed during the 2 week course:

Lesson 1:
Introduction to Programming Languages and Brainstorming
 Students will be given an introduction to the development environment - Replit - and the programming languages they will be using (HTML, CSS, JavaScript). Additionally, students will begin brainstorming ideas for their individual websites.

Lesson 2:
The Basics
 Students will learn the basics purposes of each programming language and being setting up a basic web page using strictly HTML. This will include the header, body, and other key components of the website.

Lesson 3:
Adding Content to Your Website
 Students will continue adding content to their websites, along with working on the design and layout of the website. Instructions will be given on how to create original content for the website and avoid plagiarism.

Lesson 4:
Fundamentals of CSS
 Students will learn the fundamentals of visually styling their websites using CSS, learning to customize options such as text size, font, color, effects, as well as background images and page

Lesson 5:
Interactive Elements
 Students will begin adding interactive elements to their websites using JavaScript, including buttons, along with attaching scripts to them to create functioning components and sections.

Lesson 6:
JavaScript
 Students will expand on the JavaScript functionalities of their websites, delving into features such as image carousels, buttons, feedback forms,

Lesson 7:
Organization
 Students will revisit the HTML and CSS portions of their websites, learning to add more pages and separate information for organization purposes.

Lesson 8:
Finalize Website
Students will finalize their websites, applying what they’ve learned to add finishing touches to their websites, including but not limited to a footer, signature, outside links, and embedded media