21 blackjack game created in vanilla javascript, covered with use strict to protect possible changes in the browser or developer tools by any user and minified to reduce the total weight file in bytes.
These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy on a live system and clone the repository.
- (Option 1): Clone the repository with link "https"
git clone https://github.com/escummy/blackjack-game.git- (Option 2): Clone the repository with link "SSH"
git clone [email protected]:escummy/blackjack-game.git- (Option 3): Download the file.zip to your desktop
To tun the project you can just drop down the index.html file in the search browser tab and press ENTER, or for the other hand, there are several extensions for Visual Studio Code that allow you to run JavaScript projects on a local server.
Some of the most popular extensions included are:
-
Live Server: This extension lets you start a local development server with a single click. It automatically reloads the page in the browser whenever you make changes to your code.
-
Code Runner: This extension allows you to execute JavaScript code snippets directly in Visual Studio Code. You can select the code you want to run and use the keyboard shortcut to get the results in the output window.
-
Quokka.js: Quokka.js is a Visual Studio Code extension that provides real-time development experience. It displays the results of your JavaScript code as you type, allowing you to see the values of variables and the results of expressions in real time.
To build or run the game in production, the game is minified and protected with use strict, so you can directly deploy or manage the proyect properly as you want.
To learn more about Vanilla Javascript, there are many resources and platforms recommended.
Mozilla Developer Network (MDN):
MDN offers a comprehensive JavaScript guide that covers everything from the basics to advanced topics. It provides detailed explanations, examples, and interactive code snippets. You can access it at: MDN JavaScript Guide.
JavaScript.info:
JavaScript.info is a popular online resource that provides in-depth tutorials and articles on JavaScript. It covers a wide range of topics, from the basics to advanced concepts such as closures, prototypes, and async/await. Visit: JavaScript.info.
FreeCodeCamp:
FreeCodeCamp is a platform that offers free interactive coding challenges and tutorials, including a comprehensive curriculum on JavaScript. They cover essential topics and provide hands-on coding exercises to reinforce your learning. Check it out at: FreeCodeCamp.
Eloquent JavaScript:
"Eloquent JavaScript" is a well-regarded book by Marijn Haverbeke that covers JavaScript from beginner to advanced levels. The book is available online for free and also has a print version. You can access it at: Eloquent JavaScript.
Remember, practicing coding exercises, working on projects, and experimenting with JavaScript code for gaining hands-on experience deepening your understanding of the language.
Recomendations:
- Check this visual studio code settings.json
- To install the necessary extensions, add extension 'missing extensions' to your vscode.
To minify code we have used:
To create a function when cards are deals ramdomly like in the real time, we have different methods to do that, but we are going to use a famous LIBRARY named 'Underscore javascript' where we can find real time functions that Javascript don't have by default
-
We click on Underscore.js (v1.13.4)
-
Then we go to Download and we have 4 options
ESM (Development) 65.9 KB, Uncompressed with Plentiful Comments
ESM (Production) 8.59 KB, Minified and Gzipped
UMD (Development) 68.4 KB, Uncompressed with Bountiful Comments
UMD (Production) 7.48 KB, Minified and Gzipped
We select and click on UMD (Production), copy all the entire page and paste in your underscore-min.js file.
NOTE: Dont't forget to add the following script to your index.HTML at the end of your body as bellow, and be sure to change your correct path following your folder three structure:
<!-- Game minified to production -->
<script src="src/js/underscore-min.js"></script>
<script src="src/js/game-min.js"></script>Then you can use TOPTAL Online JavaScript Minifier Tool and Compressor, with Fast and Simple API Access, but in this case we only paste the code in the compressor and click on the button to receive the minified game.js code in the output.
Repositories use SemVer for versioning, three-digit numbering technique based patter of Major, Minor and Patch fixes, see the release tags for more details about version available.
Contributions are always welcome.
See CONTRIBUTING for ways to get started, you can colaborate addings features to improve the repository, you can feel free to suggest anything or help solving issues via pull request.
Please adhere to this project CODE_OF_CONDUCT, examples of behavior that contributes to a positive environment for our community and adapted from the Contributor Covenant, version 2.0, available at https://www.contributor-covenant.org/version/2/0/code_of_conduct.html
[Author]: Gonzalo Cugiani (Amsterdam, North Holland, Netherlands)
A licensor may grant a license under intellectual property laws to authorize a use (such as copying software or using a patented invention) to a licensee, sparing the licensee from a claim of infringement brought by the licensor.
License used for this repository [MIT License]
. . .
This README file was updated
Last refresh: Wednesday, 14 July, 17:31 CET