Sharpening skills at the Shard

Author: Matt Ridding
Published: 20th August 2018

A few weeks ago I attended a JavaScript and JQuery course hosted by Jellyfish Training. Held at The Shard, London, this two day course covered the basics of the programming languages. The course was aimed at people with HTML and CSS knowledge, but with no understanding of JavaScript or JQuery.

So, what is JavaScript? Well, JaveScript is a programming language that was created to fill the void unable to be dealt with by HTML and CSS. It displays timely content updates, interactive maps, animated 2D/3D graphics and scrolling video jukeboxes, amongst other things.

Furthermore, JQuery is a fast, small, feature-rich JavaScript library that implements JavaScript in a much simpler way, and is safer across a multitude of platforms.

We worked on a series of exercises, starting with JS first and then progressing to JQ on the final day.

Guess the number

The first exercise was a ‘guess the number’ game. We had to build a web application that selected a random number from 1-100. The user would input number into a field and the web application would say whether that was higher or lower than the random number. Through a process of elimination the user could guess the correct number. The application would then tell the user how many attempts it took them to reach the correct answer.

Tic-Tac-Toe

The second exercise was to build a noughts and crosses game. Essentially, this was an interactive game for two people. The first player was ‘x‘ and the second ‘o’. When a user clicked on a section of the 3x3 grid, it would place their symbol. If they were able to connect three symbols in a row they won the game.

Interactive image

The third exercise was to add interactive rollover states to an image. We did this twice, once with JS and the second time with JQ, allowing us to see the differences between the two

JQuery form validation

The final exercise was to create a form with form validation. This was extremely useful. The JQuery checks as you type in field to make sure you are inputting the correct details. For example, if your password and password confirmation do not match, it will tell you straight away, rather than waiting for you to submit the form.

Overall the course was challenging, especially to begin with, but ultimately it's a very useful tool to have in my kit. I’m already working on a C.V. builder, and rather than the backend developers doing the JavaScript, I’m building this section myself (with some help from my colleagues). Without the Jelly Fish training, I wouldn’t know where to start.

I have still a lot to learn before I can confidently say that I know JavaScript. However, what I do know is that the more I use the programming language, the more I will understand it, and the more I will enhance my skills.

Back to Blogs