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!
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.
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!
It’s about unleashing your creativity to become a Creator with Technology.