So proud to share what I did over the Year End Holidays!

Before our school term start,  school holidays are the best time to rest, travel, and pick up a new skill! Continuing our previous blog post written from an insider’s perspective, read on to find on some of the projects the students had worked on during that week!

Being a week long coding program, students were able to work on different projects each lesson to get some hands-on coding experience – best way to learn! The course ran for 4 days and every lesson, students worked on different projects to get some hands-on coding experience – best way to learn. The first and second day consisted of HTML coding, followed by CSS on the third day, and JavaScript on the fourth day!

 

Day 1: We focused on HTML, and used it to create our homepage

HTML will be the first language in web programming for our students to learn, and it’s really easy to pick up. In layman terms, it’s the meat of the landing page you’re trying to create. It creates the backbone of web pages, containing the content that you want to feature on your webpage.

Example: The header (i.e. title) and the body (i.e. picture and description) are created by HTML codes.

 

Day 2: More in-depth on HTML, introduced to CSS

The project was to create a webpage with the students’ favorite food. While there are some websites like Wix, Shopify or WordPress, with convenient tools to help create your own website, they are coded in HTML and CSS – which means if you’re able to understand how to code in these languages, the design and customisation possibilities are endless!

 

Day 3: Making things pretty with CSS

Time to make the websites pretty as we could choose our font, font styles, size, colour and all of that! Students got the opportunity to learn making shapes from scratch – think basic squares and circles, even Pacmans and trapezoids, to giving their text coloured shadows, making their email signatures aesthetically pleasing.

Since these design elements are not preset, students have to adjust the width, height, and surrounding borders. It really tests the students’ spatial awareness and forces students to think in code.

 

Day 4: Time for JavaScript!

JavaScript is when students really get to make web elements interact with each other and start coding logic (like if-else functions).

A lot of parents got confused between JavaScript and Java – you can read up about the difference in one of our blog posts here.

Example: Number Guessing Game created by students in class incorporating if-else statements and loops

Put it simply, if-else statements allow us to execute actions when certain conditions are met. Whereas loops allow us to repeat an action for a stated number of times.

 

So.. what else is there in First Code?

So this was my view into one of our First Code courses. Hope this article helped to demystify any doubts on our introduction to front-end web programming class!

For students who are 12 years old and above and would like to ease into syntax coding – fret not! We have beginner-friendly courses like Mobile Apps Development for them to practice their block based programming!

Be one of the students this January  to join us for a term of exciting coding classes! With courses like Roblox Modding, Game Development with Unity and Elegant Web Design with CSS Framework, learning how to code is not just about ones and zeroes!

Check out our January term schedule here

It’s about unleashing your creativity to become a Creator with Technology.

 

Year End Holiday Camps from Nov 19 onwards!
Share This"
Follow First Code Academy on:
CONTACT US
City Hall
#04-13, Stamford Court,
61 Stamford Road, Singapore 178892
Tue to Fri: 10:00AM to 7:00PM
Sat: 9:00AM to 6:00PM
+65 6820 2633
hellosg@firstcodeacademy.com
Dempsey Hill
Little Mandarins, Blk 71 Loewen Rd #01-03
Singapore 248847
Visit is currently not available. Please visit our City Hall location to speak to our team.