Building BATTLESHIPS Multiplayer Game with Node.js, Express, Socket.io, Heroku | (2/3)

Channel:
Subscribers:
296,000
Published on ● Video Link: https://www.youtube.com/watch?v=TpAwggQJPUQ



Duration: 1:17:03
49,407 views
748


This is the second video in a three-part collaboration with @Ania Kubów #JavaScriptGames and @Web Dev Simplified.

We are going to build the classic game Battleships.
- In the first video, Ania works out all of the single-player game logic.
- In this video, I will be adding to Ania's code and working out the multiplayer game logic.
- Then, in the final video, Kyle at Web Dev Simplified will style it and add awesome animations.

In this video we will:
- Setup a Node.js server with Express
- Configure Socket.io on the server and client-side to relay gameplay.
- Deploy the game to Heroku.

Be sure to go to Ania's channel to watch the first video if you haven't already. Then watch the next video in the series to see the completed, styled game.

Part 1: Ania Kubow: https://youtu.be/U64vIhh0TyM
Part 3: Web Dev Simplified: https://youtu.be/G6JTM-zt-dQ

Starting Code: https://github.com/kubowania/battleships/tree/single-player
Ending Code: https://github.com/kubowania/battleships/tree/multiplayer

Thanks for watching!
_____________________________________

📚 Learn to CODE in just a FEW months here:
Treehouse Discount Code: https://treehouse.7eer.net/codeSTACKr
_____________________________________

🛠️ Tools I use:
🟠 Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
🟠 Font: STACKr Code (Exclusive to my VS Code Course - https://vsCodeHero.com)
🟠 SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

🚢 Deploy for FREE on Vercel: https://vercel.com/ambassadors/codestackr
_____________________________________

💖 Show support!
PayPal: https://paypal.me/codeSTACKr
_____________________________________

Watch Next:
Web Development - Beginners Roadmap (2020) - https://youtu.be/iogabydg2y0
Playlist: Web Development For Beginners - https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt
_____________________________________

Connect With Me:
Website: http://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr
_____________________________________

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

#codeSTACKr #Nodejs #Socketio




Other Videos By codeSTACKr


2020-09-24How To Make Responsive Website | Animated Hamburger Menu | HTML & CSS | Step By Step Tutorial 2020
2020-09-22Become A VS Code SuperHero Today! | Course Launch
2020-09-18How to Create a VS Code Extension Pack | Top Extensions | Download SuperHero Extension Pack Now!!
2020-09-12How to Create a Custom VS Code Theme (2020) | Step-by-Step | Debut of codeSTACKr Dark Theme
2020-09-05FREE Icons! How to use Bootstrap Icons v1.0.0 | Bootstrap 5 (2020)
2020-08-310 to 70K SUBSCRIBERS in 1 YEAR | YouTube 2020: The strategies that helped me to grow on YouTube
2020-08-27How To Build A React App w/ Hooks & Airtable API | styled-components | Code Quality Check
2020-08-21UPDATE: VS Code July 2020 Stable Release | Settings Sync | Browser Debugging
2020-08-15UPDATE: Next Level GitHub Profile README (NEW) | GitHub Actions | Vercel | Spotify
2020-08-13SPEED RUN: Build a CRUD API with PrestoAPI & MongoDB Atlas in 9 Minutes! Then Airbnb Clone!
2020-08-11Building BATTLESHIPS Multiplayer Game with Node.js, Express, Socket.io, Heroku | (2/3)
2020-08-07GSAP Typing Animation | Tween & Timeline Basics (2020)
2020-07-29Next Level GitHub Profile README (NEW) | How To Create An Amazing Profile ReadMe With GitHub Actions
2020-07-24There's more to CONSOLE than .log( ) | Things you didn't know console could do!!
2020-07-23Simple React.js User Login Authentication | Auth0
2020-07-16Top 10 VS Code Updates You Don't Know About!! (2020)
2020-07-14localStorage Dark/Light Mode Theme Toggle (CSS/JavaScript) | UI Design
2020-07-10Dark/Light Mode Theme Toggle (CSS/Basic JavaScript) | UI Design
2020-07-07Limited Offer! The Frontend Developer Career Path (@Scrimba)
2020-07-06User-Defined Dark/Light Mode (CSS ONLY) | UI Design Theme (prefers-color-scheme)
2020-07-03Simple Dark/Light Mode Theme Toggle (CSS ONLY) | UI Design



Tags:
battleships
battleships javascript
learn javascript
javascript games
javascript tutorial
codestackr
web dev simplified
battleship multiplayer
100daysofcode
web development
battleships multiplayer
ania kubow
javascript gamedev
gamedev
game development
learn game development
battleships online
battleships html
socket io node js
socket io tutorial
socket io
socketio nodejs
heroku tutorial
heroku deployment
heroku deployment node js
socket.io tutorial