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.

 

 

 

 

Coding, CSS, html, JavaScript

Doesn’t Work

Written a lot of code today. Unfortunately, a project from LearnWebCode didn’t work out with the new text editor, Sublime Text:

I

 

The info about the animals didn’t appear on the webpage after clicking on the button. Simon completed the same project in another editor, the online Codepen.io, last week and then it did work. There has been a lot of frustration about trying out the new text editors lately.

 

dsc_0078

dsc_0079

dsc_0080

Coding, JavaScript, Uncategorized

Focus on the process

In this video Simon explains the method of querySelectorAll in JavaScript. He used it for a SVG challenge from LearnWebCode. Unfortunately, after several hours of work, when he was nearly there, the project failed (my assumption is that it was due to a P5 failure). They use a different editor in the tutorial but Simon couldn’t understand which one, so he used the P5. Simon cried for a short while but quickly switched to a new project. I have noticed a while ago that he is much more interested in the learning process than the actual product, which I think is a very healthy learning attitude.

img_3014

img_3013

img_3012

Coding, CSS, html, JavaScript, RaspberryPi

Making a webpage

This was one of the LearnWebCode challenges Simon did this week. It involved using Handlebars (a tool for JavaScript) to create a webpage about pets. Simon programmed the webpage on his RaspberryPi. The first day he got stuck and gave up. On the second day we took a look at it together and found the bug: he had forgotten quotation marks in one place. We were like two happy puppies when we discovered the mistake.

 

wp-image-711742728jpeg.jpeg

wp-image-1539741255jpg.jpeg

wp-image-23419578jpg.jpeg

wp-image-1236796043jpg.jpeg

wp-image-1681017886jpg.jpeg

wp-image-172243621jpg.jpeg

wp-image-1933695750jpg.jpeg

wp-image-1682760141jpg.jpeg

wp-image-1267382870jpg.jpeg

wp-image-843897748jpg.jpeg

img_2976

img_2977

img_2981

img_2978

img_2982