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.




  • AX201

    • Prior knowledge in HTML, CSS and Javascript.


  • A laptop with Google Chrome (preferred)/ other browser installed.

  • Have an email account available.


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


3-5 days each week for 1 week, Monday to Friday


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

See Step by Step Guide



When you sign up more than 1 camp at the same time, you enjoy our special bundle offers. Click the link below to learn more.

Read More on Bundle Offers