How confident are you in knowing the difference between Python and Javascript ? Test your knowledge with this quiz in order to validate your knowledge(Yes, i used the term validate because testing just your website may not be enough!)
The languages Javascript and Python have a lot in common, but also subtle differences.They say that if you know one of them , its easier to learn the other. This statement may be true, but it is also very easy to misplace and confuse code syntax for either of the progamming languages.
This quiz is aimed to help instill a lot of the differences between the two so that it is easier for user to code when they use either one of the languages in a program.
The website is especially designed for newbies to coding or the tech world. When learning all the different languages at once, the information may be overwhelming and this quiz is created to help grasp the difference between the two languages in a fun, interactive way.
- I want to take part in this quiz to help validate my knowledge of the difference between Javascript and Python.
- I want to be able easily understand the rules and how the game works.
- I want the game to be responsive to my device.
- I want to be able to see the scoreboard to see what position i am.
- I want to be able to play again if i wanted to.
The colours below are used in the following instances:
- #FF9F00 - Used for button colors and border around game area and heading.
- #C1C1C1 - Used for background color for game area.
- #2B2B2B & #FAF9F6 - Used as Primary and secondary text colors.
- #226F54 - Used to alert user if answer clicked is correct.
- #E04C4C - Used to alert user if answer clicked is incorrect.
I used Google Fonts to import the following fonts to use in my game site.
- Noto Serif - Used for Game heading and Questions.
- Open Sans - Used for all other texts in game. Noto Serif is a serifed typeface created by Google specially for users to consume written digital content. So, naturally it is legible on the screen despite its decorate swashes. I first got the heading font i wanted from Google fonts and i used typ.io to get a font that it pairs well with .
Since this quiz game is about programming , i wanted to use a background image that would allow the user to experience being in th "coding" world. I got the image from Pexels website but have also mentioned this in Credits.
I created wireframes using Balsamiq for mobile, tablet and desktops screens.
- I would like to create a scoreboard that can take in scores from all the users that have played the quiz so that the current user can view their score position and compare it to others.
I ensured to provide sufficient accessibility throughout the making of this game site by the following ways:
- I used semantic HTML.
- Ensures that there is sufficient colour contrast throughout the game site.
- Ensured that user knows when their answer is correct or wrong by using red and green shade to highlight answer.
- Ensure that the user can see the score while playing (this would also help users that maybe color blind).
- Allowed users to see their score in scoreboard to compare.
HTML,CSS,Javascript
- Git - For version control
- Github - To save and store files for game site.
- GitPod - Code editor.
- Pexels- To get free images from open source.
- Coolors - To get color palette.
- sv grepo - To find svg icon for favicon and logo.
- Real Favicon generator - To generate favicon.
- Balsamiq - Used to create wireframes of game site.
- Typ.io - Used to find complimentory font for main heading.
- Google fonts - Used to get import links for the specific fonts chosen.
- Font Awesome - Used to get free icons.
- Tiny PNG - To compress images
- Birme - To change format of image to webp format.
- Google developer tools - Used to test website throughout the process of developing it.
- Am i responsive - To display the quiz game site on a range of devices.
Please go to TESTING.md file to view all testings done for this quiz game site.
All content used in website is written by me. I formulatted questions and answers from the code institute comparative programming languaging essentials in the LMS.