Coding, CSS

Susy, a SASS framework

Simon has spent nearly the whole day trying to build a website following a Derek Banas tutorial on Susy, a SASS framework. He first built the website in Windows 10, then on a Mac. The problem he encountered with inserting an image in the Header caused many tears. In our case the image’s size was too big so we had to adjust its size manually in Photoshop and manually remove the white background. Simon always wants things to go exactly as shown in tutorials and was extremely frustrated.

Coding, CSS, html, JavaScript, Milestones

Responsive Demo Website with Bootstrap

Simon built this responsive demo website with LearnWebCode using Bootstrap, the most popular HTML, CSS, and JS framework for developing responsive, mobile first projects on the web. Needless to say, he found and downloaded this framework completely on his own, just like all the other tools he is using. The level he is working at indecently is sometimes astonishing. Naturally, it’s also thanks to his wonderful online teachers.

 

 

 

 

Code Academy, Coding, CSS, Milestones

Applying the sassy skills

Having completed Code Academy’s Learn SASS course last night (see previous blog post), Simon independently downloaded SASS on his new laptop this morning and built a website in his text editor following the steps from the Code Academy course. This involved a lot of debugging and he even gave it up once, but came back to it later during the day and resolved the error. SASS is part of CSS, its “syntactic sugar”, and stands for syntactically awesome stylesheets.

Coding, CSS, html, Milestones

Sassy! And sassy English, too!

Simon completed Code Academy’s Learn SASS course in just one evening last night! SASS is part of CSS. This morning he applied the skills he acquired in the course to build a website on his laptop in his text editor (see the following blog post).

codeacademy-10-jan-2017-8

At the end of each part of the course he actually provided his feedback to the makers. He wrote this without any incentive or help (please mind that he didn’t speak much English just several months ago):

codeacademy-10-jan-2017-3-1

More screen shots:

codeacademy-10-jan-2017-1codeacademy-10-jan-2017-2codeacademy-10-jan-2017-3codeacademy-10-jan-2017-4codeacademy-10-jan-2017-5codeacademy-10-jan-2017-6codeacademy-10-jan-2017-7