Simon’s first set of Web Development How To’s: How to make a slideshow

Simon has recorded his first set of web development tutorials, about how to create a slideshow. The original code comes from the w3schools.com website.

 

 

 

Simon got stuck in the previous video, but debugged his code in #1.5:

Update: Simon has recorded the last how to in this Slideshow series, about hoe to make the slideshow automatic:

Advertisements

Simon’s Search Engine, Sort Table and Self-Made Arrows

Simon is a big fan of w3schools.com and has been using their w3.js library for these exercises. In the first video he shows a sort table he made. By pressing the arrows the places listed are put in alphabetical order. he borrowed the text from w3schools and drew the arrows and the background himself in Microsoft Paint.

He also buit a search engine:

Search engine:

w3-js-22-jan-2017-2-filter-list-kopiew3-js-22-jan-2017-4-filter-table-kopie

A sort list. Before the “Sort” button is pressed:

w3-js-22-jan-2017-5-sort-list-kopie

After the button is pressed:

w3-js-22-jan-2017-6-sort-list-kopie

Toggling classes:

w3-js-22-jan-2017-1-toggle-class-kopie

Adding classes:

w3-js-21-jan-2017-5-add-classes-kopie

Adding colour to id:

w3-js-21-jan-2017-3-add-style-kopie

Adding class:

w3-js-21-jan-2017-3-add-class-kopie

Hiding and showing elements:

w3-js-21-jan-2017-1-hide-and-show-kopie

w3-js-22-jan-2017-3-filter-list-kopie

 

w3-js-21-jan-2017-2-hide-and-show-kopie

JavaScript: Simon masters Infinity

On Tuesday and Wednesday Simon spent a great deal of his time training himself JavaScript on the w3schools.com website. He explained every action to me in great detail, it amused and fascinated him to be able to make the computer return “infinity” as a number or convert any object into a number. I think it felt to him like he was a powerful magician. There was also quite a lot of math involved. Below are just a few picks.

 

 

NaN (not a number):

javascript-1-8-nov-2016-1 javascript-1-8-nov-2016-2 javascript-1-8-nov-2016-3

javascript-1-8-nov-2016-4-1

Equality Operators:

javascript-1-8-nov-2016-5

javascript-1-8-nov-2016-6

Booleans:

javascript-1-8-nov-2016-7

Absolute value in math:

javascript-1-9-nov-2016-1

Null:

javascript-1-9-nov-2016-3

Booleans vs Numbers vs Strings

javascript-1-9-nov-2016-5javascript-1-9-nov-2016-6