Elegant Web Design with CSS Framework (Age 9-11)

Materialize pic


Language: English

In this course, students are going to learn about what is a CSS framework. Compared to normal way of writing your own styling codes in CSS for each elements, students will be applying such framework to create more defined, and well-designed web pages that are visually appealing and organized in a much quicker and simpler manner. This will also allow more focus on enhancing user experience and understanding the underlying principles.

The CSS framework we use in this course is called Materialize. Materialize is a CSS Framework that uses Material Design, a design language made by google that focuses on innovation, simplicity and a sense of unity across all products. Within the framework, students will get to use recognizable icons, buttons and layouts that normal people will find them familiar and comfortable with.

Throughout this course, students will be building on the prior web programming knowledge they have and extend on their proficiency in web design and programming by learning and getting hands-on experience. In addition, student will learn about design concepts that will allow them to create practical web designs for larger audiences.

Students are expected to have prior knowledge in HTML and CSS, knowing how to build basic layouts of a webpage and understand how class and id works in HTML and CSS. Basic understanding of Javascript syntaxes (or other programming languages) is also required.




  • Having taken Introduction to Web Programming: HTML/CSS/Javascript before
  • Prior knowledge in HTML, CSS and Javascript


  • A laptop with Google Chrome (preferred) installed
  • Have an email account available


Let us know and we shall offer tailored recommendations!

Talk to Us


8:1 Ratio Guarantee

We believe in developing a personal relationship with the student. Our instructors are as much teachers as we are facilitators, and coach for our students' learning. By ensuring a small class, each student benefits from maximum attention from instructor and teaching assistant, and at the same time, learns from peers.

Personalized Learning

Our courses are designed for students to run at their own pace. Our curriculum is level-based for each module, meaning that each student can learn at their own appropriate, customized pace.

Hands-on Project-based Learning

First Code classrooms are messy, chaotic and we love it! We believe in hands-on creation, experimental learning and lots of discussion.

Follow on Curriculum for Immersed Learning

What happens after this holiday? Like learning any other language, learning to code is best done through an immersive, continual commitment. We offer a multi-year curriculum that allows students to deepen and broaden their interests in computer science and software development.


View Schedule for Location

There is no more camp or workshop available in this holiday season, check out Core Programs or other Holiday Camps for continuous learning.


Introduce a friend to First Code Academy and they’ll get $380 HKD towards their first enrollment. You’ll get $380 HKD in credit once they enroll. Only for first time First Code Academy parents!

See Step by Step Guide

Friends in Shanghai & Shenzhen?

Introduce them to First Code Academy and they’ll get $300 RMB off their summer enrollment. You’ll get $380 HKD in credit once they enroll.

Read More