Videos

Agile & Pivotal Tracker – Nintendo Game Development

Agile & Pivotal Tracker – Nintendo Game Development

3 years ago
Writing your own Nintendo video games in JavaScript is not a trivial exercise. If you’ve ever done any 2D game development before, you will know that being organized is key, and having a clear list of goals and objectives is indispensable (if you want to succeed, of course). Any good software engineer or programmer knows […]
HTML5 & Tools – Nintendo Game Development

HTML5 & Tools – Nintendo Game Development

3 years ago
In this tutorial series I’ll use the following tools as I develop the game engine, along with my first game for the Nintendo Wii U system: 1. Knowledge of HTML5 2. An awesome IDE 3. Google Closure Tools 4. Git 5. Pivotal Tracker
Writing a Game Engine – Nintendo Game Development

Writing a Game Engine – Nintendo Game Development

3 years ago
Before writing the actual game, I’ll be writing a custom JavaScript game engine from scratch. Why develop a game engine instead of using an existing one like Game Maker, Crafty.js, Quintus, etc.?! Mostly because I want to code everything! And if you’re like me, you probably want to learn everything you can about how to […]
Nintendo Web Framework – Nintendo Game Development

Nintendo Web Framework – Nintendo Game Development

3 years ago
Learn how to develop your own games for the Nintendo Wii U! “The Nintendo Web Framework is a development environment based on WebKit technologies, supporting application development on the Wii U system using HTML5, JavaScript, and CSS. It also supports the Wii U GamePad controller, Wii Remote controllers, and JavaScript extensions such as video playback.” […]
Bootstrap 3 Tutorials – #6 – Modals (Popup Boxes)

Bootstrap 3 Tutorials – #6 – Modals (Popup Boxes)

4 years ago
In this Bootstrap 3 Tutorial, we will be creating a popup modal which can display text, images, videos or any other HTML element. Bootstrap: getbootstrap.com Code: www.coders-guide.com/watch?v=56 Website: coders-guide.com Twitter: twitter.com/coders_guide Facebook: goo.gl/DmWtB Google+: goo.gl/cGyk8 Donate: goo.gl/q3MPw
Mega Man Tetris Clone – HTML5 & JavaScript Closure Tools

Mega Man Tetris Clone – HTML5 & JavaScript Closure Tools

4 years ago
This HTML5 game is a demonstration of Google Closure tools and the latest HTML5 APIs that lend themselves well for game development. If you’d like to learn more about Closure Tools, how to make your own video games, or anything those lines, come find my YouTube channel or my tech blog. Play the game online […]
CSS-Tricks Screencast #127: Basics of JavaScript Templating

CSS-Tricks Screencast #127: Basics of JavaScript Templating

4 years ago
A template is a chunk of HTML that you need to inject onto the page. Sometimes that needs to be created in JavaScript. Templates help maintain a separation of concerns.
jQuery Form Helper – Save Time, No Plugins

jQuery Form Helper – Save Time, No Plugins

4 years ago
This is a Form Helper function for jQuery so you don’t have to keep typing out $.post a whole bunch. It’s saved me a lot of time. If you have better examples please share or fork the repository! bitbucket.org/JREAM/js-util
Parsing Cookie Values – JavaScript Tutorial for Beginners

Parsing Cookie Values – JavaScript Tutorial for Beginners

4 years ago
How do you read JavaScript cookies? The way to get the value of an existing cookie in JavaScript is really easy. Simply read the cookie property of the global document object. Since all cookie key-value pairs are contained in the same string, you will need to parse the string manually in order to get a […]
How to Create Cookies – JavaScript Tutorial for Beginners

How to Create Cookies – JavaScript Tutorial for Beginners

4 years ago
How do you set and update JavaScript cookies? The way to create a new cookie in JavaScript is really easy. Simply assign a string to the cookie property of the document object (document.cookie), formated in a key=value fashion. points: – cookies are associated with the document object (more on it later) – cookies are shared […]
Responsive Web Design With Bootstrap (2.3.2) – #1 – Overview and File Structure

Responsive Web Design With Bootstrap (2.3.2) – #1 – Overview and File Structure

4 years ago
In this video, I explain what the Twitter Bootstrap framework is and why it is useful. Bootstrap is a responsive CSS framework meaning that it will adjust to different screen sizes, such as mobiles and tablets. Download Full Site: www.coders-guide.com/downloads/Bootstrap-2-3-2.zip Website: coders-guide.com Twitter: twitter.com/coders_guide Facebook: goo.gl/DmWtB Google+: goo.gl/cGyk8 Donate: goo.gl/q3MPw
Learn JavaScript – #19 – Event Handlers

Learn JavaScript – #19 – Event Handlers

4 years ago
In the nineteenth JavaScript tutorial, we are going to be looking at event handlers. These allow us to run JavaScript code when certain events are triggered, such as clicking a button. Before now, all of our code has been run on the onLoad event by default, which means that the code is run as soon […]