MaGIC Academy : Intermediate HTML & CSS

Background Information

If you’re ready to take your web development skill to the next level, then let’s get started learning the essential building block in modern web development.

Learn how to create your own mobile first website from scratch with Bootstrap, the mobile-friendly framework from Twitter. Finally, learn to style it all with LESS and Sass; two great tools for building CSS, using features that you’ve always wished that CSS had built in. We’ll even see how to use functions, and mathematical operations in CSS to create advanced visual effects.

Key Takeaways
  • Appreciate the beauty of CSS design
  • Mobile First
    • Media Query
    • Responsive design
  • Bootstrap framework
    • Getting started
    • Grid
    • CSS
    • Components
    • Javascript
    • Themes & Templates
  • SASS
    • Variables
    • Datatypes
    • Operators
    • Built-In functions
    • Mixins
    • Directives
    • Nested selectors
    • Preprocessor options
  • Package Managers
  • Architecture
  • Static Site Generator (Middleman)

Pre - Requisite & Planning

Participants must already have working knowledge of basic HTML5, CSS & Javascript

  • Participants must already have working knowledge of basic HTML5, CSS & Javascript
  • Sign up for an account on Github
  • Sign up for an account on Cloud 9
  • Latest Firefox & Chrome browser with developer tool plugins
  • To ensure participants benefit the most from this workshop, please ensure you are able understand the content and can complete the following online tutorial before attending (http://www.codecademy.com/tracks/web)
Useful References (and recommended readings)
  • 10.00am -1.00pm : Workshop starts
  • 1.00pm - 2.00pm : Lunch
  • 2.00pm - 4.00pm : Workshop continues
  • 4.00pm - 4.15pm : Tea
  • 4.15pm - 5.30pm : Workshop continues
About the Instructors
Tan Yee Siang:
Lead Developer in MaGIC and also Guest lecturer from The One Academy, his previous projects inluding Iskandar Malaysia Website, BNM Mobile Applications, Sunway University Student Portal.

Imran Ismail:
One of MaGIC’s homebred developer, have recently launched the new MaGIC website.

Event Timeline
  • The event description was updated. Diff 2015-05-19 16:26:19
More updates
Sat May 23, 2015
9:45 AM - 5:30 PM MYT
Add to Calendar
MaGIC Premium Ticket 20.00 MYR
Venue Address
MaGIC, Block 3730 Persiaran APEC, 63000 Cyberjaya Malaysia
Malaysian Global Innovation & Creativity Centre