Computer Science, Crafty, Logic, Simon's sketch book

Simon crafting a search engine with sticky notes

Simon working on a simplified version of a search engine, including just a few documents, and performing calculations to determine how many searches one should do to make creating an index of all the documents efficient (something he has picked up in Brilliant.org’s Computer Science course.

screenshot from Brilliant.org’s Computer Science course
Coding, Crafty, CSS, html, JavaScript, Milestones, Simon makes gamez

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