A song about the joys of coding JavaScript - there's a world of wonders out there, so much to try out in so little time, ScrumMaster, stay off my back!
Written, performed and produced by Patrick Hund
Follow me on Twitter: @wiekatz (http://twitter.com/wiekatz)
Download the song from SoundCloud: https://soundcloud.com/hund-1/javascript-coder

In this viewer submitted Coding Challenge, I take on the task of coding a Space Invaders game to play in browser in JavaScript/HTML and the p5.js library.
Send me your Coding Challenge ideas!
Contact: http://twitter.com/shiffman
Source Code For This Challenge:
p5.js: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_05_Space_invaders_p5.js
Processing: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_05_Space_invaders
p5.js: https://p5js.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/Qbs6/

published:26 Apr 2016

views:298864

Learn how to write your own Blockchain with JavaScript. In this video I'll show you what is behind a blockchain by using simple code. It's not a complete implementation, but enough to understand how blockchains work and how they guarantee that blocks can never be changed.
After creating our blockchain we'll try and tamper with it. This will demonstrate a blockchains ability to detect fraud.
Next video (implementing proof-of-work):
https://youtu.be/HneatE69814
💰 Want to buy Bitcoin or Ethereum?
Buy for $100 and get $10 free (through my affiliate link):
https://www.coinbase.com/join/59284524822a3d0b19e11134
► Source codeAvailable on GitHub:
https://github.com/SavjeeTutorials/SavjeeCoin
► About me
🐦 Follow me on Twitter:
https://twitter.com/savjee
✏️ Check out my blog:
https://www.savjee.be
✉️ Subscribe to newsletter:
https://goo.gl/nueDfz
👍🏻 Like my Facebook page:
https://www.facebook.com/savjee

published:18 Jul 2017

views:198184

In this episode I write a Tetris game in JavaScript from scratch.
If you like this tutorial you will probably also like my Super Mario Bros tutorial: https://youtu.be/g-FpDQ8Eqw8
We will look at
* Drawing on a canvas
* Rotating a matrix
* Rudimentary requestAnimationFrame listening
* Handling keyboard input
Since we are writing ES6 this code might not run on all browsers yet. I was running Chrome 53 when I wrote this and if you wish to follow I recommend you do too.
The initial HTML can be found here:
https://raw.githubusercontent.com/meth-meth-method/tetris/295e28320cd06b858e529ee6c512eeeb8526ca05/index.htmlSource code with step-by-step commits:
https://github.com/meth-meth-method/tetris
Music:
Demoscene Time Machinehttp://demoscenetimemachine.com

published:08 Sep 2016

views:136186

No libraries, tools, or engines used, just JavaScript in a plain text editor for browser canvas. Follow along and learn full details in the free video course at http://code-your-first-game.com

published:08 Dec 2015

views:917762

In this 10 Minute Coding Challenge, I attempt to code a p5.js version of the SnakeGame.
Send me your 10 minute coding challenge!
Contact: http://twitter.com/shiffman
To see the debugging process: https://www.youtube.com/watch?v=yUO2bWfBgN8#t=39m00s
Source Code For This Challenge:
p5.js: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_03_Snake_game_p5.js
Processing: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_03_Snake_game
p5.js: https://p5js.org/
Wikipedia page for the Snake Game: https://en.wikipedia.org/wiki/Snake_(video_game)
For More 10 Minute Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

published:20 Apr 2016

views:1306384

Once you're done with this, checkout lesson #2 - introduction to CSS:
https://www.youtube.com/watch?v=gBi8Obib0tw
How to put your website online (with coupon):
https://www.youtube.com/watch?v=tq7dqdHCc7U
How to build webpages with html, css, javascript tutorial for beginners.
In this video, we'll cover how to develop websites using just the computer you have already.
I'm using Sublime Text editor http://www.sublimetext.com/ and Google Chrome
Other great text editors:
Atom.io
Brackets.io
Notepad++
Now, if you just want a website and don't want to be a web developer, don't mess with learning all of this, get a site from squarespace.com and use squarespace plugins from http://thecustomsquare.com to make your site unique.
Learn how to develop your own websites using the computer you already have. The basics of web development is the html file, which is centered around html tags. In this first lesson, we'll cover the basic html tags and how to use them to build a web page.
Once you learn HTML, you can use CSS to add style to your pages and JavasScript to add animation and fun features.
Learn Javascript with the Javascript tutorials for beginners: https://www.youtube.com/watch?v=fGdd9qNwQdQ&list=PLoYCgNOIyGACnrXwo5HMCfOH9VT05znGv

JavaScript Coder

A song about the joys of coding JavaScript - there's a world of wonders out there, so much to try out in so little time, ScrumMaster, stay off my back!
Written, performed and produced by Patrick Hund
Follow me on Twitter: @wiekatz (http://twitter.com/wiekatz)
Download the song from SoundCloud: https://soundcloud.com/hund-1/javascript-coder

Coding Challenge #5: Space Invaders in JavaScript with p5.js

In this viewer submitted Coding Challenge, I take on the task of coding a Space Invaders game to play in browser in JavaScript/HTML and the p5.js library.
Send me your Coding Challenge ideas!
Contact: http://twitter.com/shiffman
Source Code For This Challenge:
p5.js: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_05_Space_invaders_p5.js
Processing: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_05_Space_invaders
p5.js: https://p5js.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/Qbs6/

14:52

Creating a blockchain with Javascript (Blockchain, part 1)

Creating a blockchain with Javascript (Blockchain, part 1)

Creating a blockchain with Javascript (Blockchain, part 1)

Learn how to write your own Blockchain with JavaScript. In this video I'll show you what is behind a blockchain by using simple code. It's not a complete implementation, but enough to understand how blockchains work and how they guarantee that blocks can never be changed.
After creating our blockchain we'll try and tamper with it. This will demonstrate a blockchains ability to detect fraud.
Next video (implementing proof-of-work):
https://youtu.be/HneatE69814
💰 Want to buy Bitcoin or Ethereum?
Buy for $100 and get $10 free (through my affiliate link):
https://www.coinbase.com/join/59284524822a3d0b19e11134
► Source codeAvailable on GitHub:
https://github.com/SavjeeTutorials/SavjeeCoin
► About me
🐦 Follow me on Twitter:
https://twitter.com/savjee
✏️ Check out my blog:
https://www.savjee.be
✉️ Subscribe to newsletter:
https://goo.gl/nueDfz
👍🏻 Like my Facebook page:
https://www.facebook.com/savjee

51:35

Write a Tetris game in JavaScript

Write a Tetris game in JavaScript

Write a Tetris game in JavaScript

In this episode I write a Tetris game in JavaScript from scratch.
If you like this tutorial you will probably also like my Super Mario Bros tutorial: https://youtu.be/g-FpDQ8Eqw8
We will look at
* Drawing on a canvas
* Rotating a matrix
* Rudimentary requestAnimationFrame listening
* Handling keyboard input
Since we are writing ES6 this code might not run on all browsers yet. I was running Chrome 53 when I wrote this and if you wish to follow I recommend you do too.
The initial HTML can be found here:
https://raw.githubusercontent.com/meth-meth-method/tetris/295e28320cd06b858e529ee6c512eeeb8526ca05/index.htmlSource code with step-by-step commits:
https://github.com/meth-meth-method/tetris
Music:
Demoscene Time Machinehttp://demoscenetimemachine.com

6:46

Coding an HTML5 Canvas Game with JS in 5 min 30 sec

Coding an HTML5 Canvas Game with JS in 5 min 30 sec

Coding an HTML5 Canvas Game with JS in 5 min 30 sec

No libraries, tools, or engines used, just JavaScript in a plain text editor for browser canvas. Follow along and learn full details in the free video course at http://code-your-first-game.com

27:27

Coding Challenge #3: The Snake Game

Coding Challenge #3: The Snake Game

Coding Challenge #3: The Snake Game

In this 10 Minute Coding Challenge, I attempt to code a p5.js version of the SnakeGame.
Send me your 10 minute coding challenge!
Contact: http://twitter.com/shiffman
To see the debugging process: https://www.youtube.com/watch?v=yUO2bWfBgN8#t=39m00s
Source Code For This Challenge:
p5.js: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_03_Snake_game_p5.js
Processing: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_03_Snake_game
p5.js: https://p5js.org/
Wikipedia page for the Snake Game: https://en.wikipedia.org/wiki/Snake_(video_game)
For More 10 Minute Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

14:08

Web Development Tutorial for Beginners (#1) - How to build webpages with HTML, CSS, Javascript

Web Development Tutorial for Beginners (#1) - How to build webpages with HTML, CSS, Javascript

Web Development Tutorial for Beginners (#1) - How to build webpages with HTML, CSS, Javascript

Once you're done with this, checkout lesson #2 - introduction to CSS:
https://www.youtube.com/watch?v=gBi8Obib0tw
How to put your website online (with coupon):
https://www.youtube.com/watch?v=tq7dqdHCc7U
How to build webpages with html, css, javascript tutorial for beginners.
In this video, we'll cover how to develop websites using just the computer you have already.
I'm using Sublime Text editor http://www.sublimetext.com/ and Google Chrome
Other great text editors:
Atom.io
Brackets.io
Notepad++
Now, if you just want a website and don't want to be a web developer, don't mess with learning all of this, get a site from squarespace.com and use squarespace plugins from http://thecustomsquare.com to make your site unique.
Learn how to develop your own websites using the computer you already have. The basics of web development is the html file, which is centered around html tags. In this first lesson, we'll cover the basic html tags and how to use them to build a web page.
Once you learn HTML, you can use CSS to add style to your pages and JavasScript to add animation and fun features.
Learn Javascript with the Javascript tutorials for beginners: https://www.youtube.com/watch?v=fGdd9qNwQdQ&list=PLoYCgNOIyGACnrXwo5HMCfOH9VT05znGv

Guest Tutorial #4: Matrix Digital Rain in p5.js with Emily Xie

In this guest tutorial, Emily Xie uses the p5.js library to recreate the digital rain effect from the movie The Matrix.
Emily Xie is a software developer and creative coder. She's passionate about coding education, having taught through various conference workshops and via organizations like GirlDevelop It (https://www.girldevelopit.com/) and Pioneer Works (https://pioneerworks.org/). Currently, Emily lives in New York and works at Squarespace.
Project:
Matrix repository: https://github.com/emilyxxie/green_rain
The Matrix project, deployed: http://xie-emily.com/generative_art/green_rain.htmlPersonal:
Website: http://xie-emily.com
Twitter: https://twitter.com/emilyxxie
Github account: https://github.com/emilyxxie
p5.js: https://p5js.org/
For more Guest Tutorials and Interviews: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bYBG4PsCJpsvMka3boE9pR
For more Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/72of/

17:03

How can I use JavaScript in Google Sheets?

How can I use JavaScript in Google Sheets?

How can I use JavaScript in Google Sheets?

In Google Sheets, we can use Apps Script (JavaScript) to create custom functions. In this video we show how we can use just a bit of code to create a custom function that gives us more control and ability to create more complex functions.
A great guide for working with custom functions in Google Sheets is available here: https://developers.google.com/apps-script/guides/sheets/functions
An overview of Google Apps Script can be found here: https://developers.google.com/apps-script/overview (note that JavaScript is almost identical to Apps Script)
Follow me at https://twitter.com/geekitarian_ed and check out http://coding4.us/ for more coding tutorials!
If I've helped you learn to code in 2017, please go to http://5000coders.com and let me know!

JavaScript Coder

A song about the joys of coding JavaScript - there's a world of wonders out there, so much to try out in so little time, ScrumMaster, stay off my back!
Written, performed and produced by Patrick Hund
Follow me on Twitter: @wiekatz (http://twitter.com/wiekatz)
Download the song from SoundCloud: https://soundcloud.com/hund-1/javascript-coder

Coding Challenge #5: Space Invaders in JavaScript with p5.js

In this viewer submitted Coding Challenge, I take on the task of coding a Space Invaders game to play in browser in JavaScript/HTML and the p5.js library.
Send me your Coding Challenge ideas!
Contact: http://twitter.com/shiffman
Source Code For This Challenge:
p5.js: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_05_Space_invaders_p5.js
Processing: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_05_Space_invaders
p5.js: https://p5js.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/Qbs6/

published: 26 Apr 2016

Creating a blockchain with Javascript (Blockchain, part 1)

Learn how to write your own Blockchain with JavaScript. In this video I'll show you what is behind a blockchain by using simple code. It's not a complete implementation, but enough to understand how blockchains work and how they guarantee that blocks can never be changed.
After creating our blockchain we'll try and tamper with it. This will demonstrate a blockchains ability to detect fraud.
Next video (implementing proof-of-work):
https://youtu.be/HneatE69814
💰 Want to buy Bitcoin or Ethereum?
Buy for $100 and get $10 free (through my affiliate link):
https://www.coinbase.com/join/59284524822a3d0b19e11134
► Source codeAvailable on GitHub:
https://github.com/SavjeeTutorials/SavjeeCoin
► About me
🐦 Follow me on Twitter:
https://twitter.com/savjee
✏️ Check out my blog:
https://www....

published: 18 Jul 2017

Write a Tetris game in JavaScript

In this episode I write a Tetris game in JavaScript from scratch.
If you like this tutorial you will probably also like my Super Mario Bros tutorial: https://youtu.be/g-FpDQ8Eqw8
We will look at
* Drawing on a canvas
* Rotating a matrix
* Rudimentary requestAnimationFrame listening
* Handling keyboard input
Since we are writing ES6 this code might not run on all browsers yet. I was running Chrome 53 when I wrote this and if you wish to follow I recommend you do too.
The initial HTML can be found here:
https://raw.githubusercontent.com/meth-meth-method/tetris/295e28320cd06b858e529ee6c512eeeb8526ca05/index.htmlSource code with step-by-step commits:
https://github.com/meth-meth-method/tetris
Music:
Demoscene Time Machinehttp://demoscenetimemachine.com

published: 08 Sep 2016

Coding an HTML5 Canvas Game with JS in 5 min 30 sec

No libraries, tools, or engines used, just JavaScript in a plain text editor for browser canvas. Follow along and learn full details in the free video course at http://code-your-first-game.com

published: 08 Dec 2015

Coding Challenge #3: The Snake Game

In this 10 Minute Coding Challenge, I attempt to code a p5.js version of the SnakeGame.
Send me your 10 minute coding challenge!
Contact: http://twitter.com/shiffman
To see the debugging process: https://www.youtube.com/watch?v=yUO2bWfBgN8#t=39m00s
Source Code For This Challenge:
p5.js: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_03_Snake_game_p5.js
Processing: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_03_Snake_game
p5.js: https://p5js.org/
Wikipedia page for the Snake Game: https://en.wikipedia.org/wiki/Snake_(video_game)
For More 10 Minute Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH

published: 20 Apr 2016

Web Development Tutorial for Beginners (#1) - How to build webpages with HTML, CSS, Javascript

Once you're done with this, checkout lesson #2 - introduction to CSS:
https://www.youtube.com/watch?v=gBi8Obib0tw
How to put your website online (with coupon):
https://www.youtube.com/watch?v=tq7dqdHCc7U
How to build webpages with html, css, javascript tutorial for beginners.
In this video, we'll cover how to develop websites using just the computer you have already.
I'm using Sublime Text editor http://www.sublimetext.com/ and Google Chrome
Other great text editors:
Atom.io
Brackets.io
Notepad++
Now, if you just want a website and don't want to be a web developer, don't mess with learning all of this, get a site from squarespace.com and use squarespace plugins from http://thecustomsquare.com to make your site unique.
Learn how to develop your own websites using the computer you alrea...

Guest Tutorial #4: Matrix Digital Rain in p5.js with Emily Xie

In this guest tutorial, Emily Xie uses the p5.js library to recreate the digital rain effect from the movie The Matrix.
Emily Xie is a software developer and creative coder. She's passionate about coding education, having taught through various conference workshops and via organizations like GirlDevelop It (https://www.girldevelopit.com/) and Pioneer Works (https://pioneerworks.org/). Currently, Emily lives in New York and works at Squarespace.
Project:
Matrix repository: https://github.com/emilyxxie/green_rain
The Matrix project, deployed: http://xie-emily.com/generative_art/green_rain.htmlPersonal:
Website: http://xie-emily.com
Twitter: https://twitter.com/emilyxxie
Github account: https://github.com/emilyxxie
p5.js: https://p5js.org/
For more Guest Tutorials and Interviews: https...

published: 23 Feb 2017

How can I use JavaScript in Google Sheets?

In Google Sheets, we can use Apps Script (JavaScript) to create custom functions. In this video we show how we can use just a bit of code to create a custom function that gives us more control and ability to create more complex functions.
A great guide for working with custom functions in Google Sheets is available here: https://developers.google.com/apps-script/guides/sheets/functions
An overview of Google Apps Script can be found here: https://developers.google.com/apps-script/overview (note that JavaScript is almost identical to Apps Script)
Follow me at https://twitter.com/geekitarian_ed and check out http://coding4.us/ for more coding tutorials!
If I've helped you learn to code in 2017, please go to http://5000coders.com and let me know!

JavaScript Coder

A song about the joys of coding JavaScript - there's a world of wonders out there, so much to try out in so little time, ScrumMaster, stay off my back!
Written...

A song about the joys of coding JavaScript - there's a world of wonders out there, so much to try out in so little time, ScrumMaster, stay off my back!
Written, performed and produced by Patrick Hund
Follow me on Twitter: @wiekatz (http://twitter.com/wiekatz)
Download the song from SoundCloud: https://soundcloud.com/hund-1/javascript-coder

A song about the joys of coding JavaScript - there's a world of wonders out there, so much to try out in so little time, ScrumMaster, stay off my back!
Written, performed and produced by Patrick Hund
Follow me on Twitter: @wiekatz (http://twitter.com/wiekatz)
Download the song from SoundCloud: https://soundcloud.com/hund-1/javascript-coder

In this viewer submitted Coding Challenge, I take on the task of coding a Space Invaders game to play in browser in JavaScript/HTML and the p5.js library.
Send me your Coding Challenge ideas!
Contact: http://twitter.com/shiffman
Source Code For This Challenge:
p5.js: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_05_Space_invaders_p5.js
Processing: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_05_Space_invaders
p5.js: https://p5js.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/Qbs6/

In this viewer submitted Coding Challenge, I take on the task of coding a Space Invaders game to play in browser in JavaScript/HTML and the p5.js library.
Send me your Coding Challenge ideas!
Contact: http://twitter.com/shiffman
Source Code For This Challenge:
p5.js: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_05_Space_invaders_p5.js
Processing: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_05_Space_invaders
p5.js: https://p5js.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/Qbs6/

Creating a blockchain with Javascript (Blockchain, part 1)

Learn how to write your own Blockchain with JavaScript. In this video I'll show you what is behind a blockchain by using simple code. It's not a complete implem...

Learn how to write your own Blockchain with JavaScript. In this video I'll show you what is behind a blockchain by using simple code. It's not a complete implementation, but enough to understand how blockchains work and how they guarantee that blocks can never be changed.
After creating our blockchain we'll try and tamper with it. This will demonstrate a blockchains ability to detect fraud.
Next video (implementing proof-of-work):
https://youtu.be/HneatE69814
💰 Want to buy Bitcoin or Ethereum?
Buy for $100 and get $10 free (through my affiliate link):
https://www.coinbase.com/join/59284524822a3d0b19e11134
► Source codeAvailable on GitHub:
https://github.com/SavjeeTutorials/SavjeeCoin
► About me
🐦 Follow me on Twitter:
https://twitter.com/savjee
✏️ Check out my blog:
https://www.savjee.be
✉️ Subscribe to newsletter:
https://goo.gl/nueDfz
👍🏻 Like my Facebook page:
https://www.facebook.com/savjee

Learn how to write your own Blockchain with JavaScript. In this video I'll show you what is behind a blockchain by using simple code. It's not a complete implementation, but enough to understand how blockchains work and how they guarantee that blocks can never be changed.
After creating our blockchain we'll try and tamper with it. This will demonstrate a blockchains ability to detect fraud.
Next video (implementing proof-of-work):
https://youtu.be/HneatE69814
💰 Want to buy Bitcoin or Ethereum?
Buy for $100 and get $10 free (through my affiliate link):
https://www.coinbase.com/join/59284524822a3d0b19e11134
► Source codeAvailable on GitHub:
https://github.com/SavjeeTutorials/SavjeeCoin
► About me
🐦 Follow me on Twitter:
https://twitter.com/savjee
✏️ Check out my blog:
https://www.savjee.be
✉️ Subscribe to newsletter:
https://goo.gl/nueDfz
👍🏻 Like my Facebook page:
https://www.facebook.com/savjee

Write a Tetris game in JavaScript

In this episode I write a Tetris game in JavaScript from scratch.
If you like this tutorial you will probably also like my Super Mario Bros tutorial: https://y...

In this episode I write a Tetris game in JavaScript from scratch.
If you like this tutorial you will probably also like my Super Mario Bros tutorial: https://youtu.be/g-FpDQ8Eqw8
We will look at
* Drawing on a canvas
* Rotating a matrix
* Rudimentary requestAnimationFrame listening
* Handling keyboard input
Since we are writing ES6 this code might not run on all browsers yet. I was running Chrome 53 when I wrote this and if you wish to follow I recommend you do too.
The initial HTML can be found here:
https://raw.githubusercontent.com/meth-meth-method/tetris/295e28320cd06b858e529ee6c512eeeb8526ca05/index.htmlSource code with step-by-step commits:
https://github.com/meth-meth-method/tetris
Music:
Demoscene Time Machinehttp://demoscenetimemachine.com

In this episode I write a Tetris game in JavaScript from scratch.
If you like this tutorial you will probably also like my Super Mario Bros tutorial: https://youtu.be/g-FpDQ8Eqw8
We will look at
* Drawing on a canvas
* Rotating a matrix
* Rudimentary requestAnimationFrame listening
* Handling keyboard input
Since we are writing ES6 this code might not run on all browsers yet. I was running Chrome 53 when I wrote this and if you wish to follow I recommend you do too.
The initial HTML can be found here:
https://raw.githubusercontent.com/meth-meth-method/tetris/295e28320cd06b858e529ee6c512eeeb8526ca05/index.htmlSource code with step-by-step commits:
https://github.com/meth-meth-method/tetris
Music:
Demoscene Time Machinehttp://demoscenetimemachine.com

Once you're done with this, checkout lesson #2 - introduction to CSS:
https://www.youtube.com/watch?v=gBi8Obib0tw
How to put your website online (with coupon):
https://www.youtube.com/watch?v=tq7dqdHCc7U
How to build webpages with html, css, javascript tutorial for beginners.
In this video, we'll cover how to develop websites using just the computer you have already.
I'm using Sublime Text editor http://www.sublimetext.com/ and Google Chrome
Other great text editors:
Atom.io
Brackets.io
Notepad++
Now, if you just want a website and don't want to be a web developer, don't mess with learning all of this, get a site from squarespace.com and use squarespace plugins from http://thecustomsquare.com to make your site unique.
Learn how to develop your own websites using the computer you already have. The basics of web development is the html file, which is centered around html tags. In this first lesson, we'll cover the basic html tags and how to use them to build a web page.
Once you learn HTML, you can use CSS to add style to your pages and JavasScript to add animation and fun features.
Learn Javascript with the Javascript tutorials for beginners: https://www.youtube.com/watch?v=fGdd9qNwQdQ&list=PLoYCgNOIyGACnrXwo5HMCfOH9VT05znGv

Once you're done with this, checkout lesson #2 - introduction to CSS:
https://www.youtube.com/watch?v=gBi8Obib0tw
How to put your website online (with coupon):
https://www.youtube.com/watch?v=tq7dqdHCc7U
How to build webpages with html, css, javascript tutorial for beginners.
In this video, we'll cover how to develop websites using just the computer you have already.
I'm using Sublime Text editor http://www.sublimetext.com/ and Google Chrome
Other great text editors:
Atom.io
Brackets.io
Notepad++
Now, if you just want a website and don't want to be a web developer, don't mess with learning all of this, get a site from squarespace.com and use squarespace plugins from http://thecustomsquare.com to make your site unique.
Learn how to develop your own websites using the computer you already have. The basics of web development is the html file, which is centered around html tags. In this first lesson, we'll cover the basic html tags and how to use them to build a web page.
Once you learn HTML, you can use CSS to add style to your pages and JavasScript to add animation and fun features.
Learn Javascript with the Javascript tutorials for beginners: https://www.youtube.com/watch?v=fGdd9qNwQdQ&list=PLoYCgNOIyGACnrXwo5HMCfOH9VT05znGv

Guest Tutorial #4: Matrix Digital Rain in p5.js with Emily Xie

In this guest tutorial, Emily Xie uses the p5.js library to recreate the digital rain effect from the movie The Matrix.
Emily Xie is a software developer and c...

In this guest tutorial, Emily Xie uses the p5.js library to recreate the digital rain effect from the movie The Matrix.
Emily Xie is a software developer and creative coder. She's passionate about coding education, having taught through various conference workshops and via organizations like GirlDevelop It (https://www.girldevelopit.com/) and Pioneer Works (https://pioneerworks.org/). Currently, Emily lives in New York and works at Squarespace.
Project:
Matrix repository: https://github.com/emilyxxie/green_rain
The Matrix project, deployed: http://xie-emily.com/generative_art/green_rain.htmlPersonal:
Website: http://xie-emily.com
Twitter: https://twitter.com/emilyxxie
Github account: https://github.com/emilyxxie
p5.js: https://p5js.org/
For more Guest Tutorials and Interviews: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bYBG4PsCJpsvMka3boE9pR
For more Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/72of/

In this guest tutorial, Emily Xie uses the p5.js library to recreate the digital rain effect from the movie The Matrix.
Emily Xie is a software developer and creative coder. She's passionate about coding education, having taught through various conference workshops and via organizations like GirlDevelop It (https://www.girldevelopit.com/) and Pioneer Works (https://pioneerworks.org/). Currently, Emily lives in New York and works at Squarespace.
Project:
Matrix repository: https://github.com/emilyxxie/green_rain
The Matrix project, deployed: http://xie-emily.com/generative_art/green_rain.htmlPersonal:
Website: http://xie-emily.com
Twitter: https://twitter.com/emilyxxie
Github account: https://github.com/emilyxxie
p5.js: https://p5js.org/
For more Guest Tutorials and Interviews: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bYBG4PsCJpsvMka3boE9pR
For more Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/72of/

How can I use JavaScript in Google Sheets?

In Google Sheets, we can use Apps Script (JavaScript) to create custom functions. In this video we show how we can use just a bit of code to create a custom fu...

In Google Sheets, we can use Apps Script (JavaScript) to create custom functions. In this video we show how we can use just a bit of code to create a custom function that gives us more control and ability to create more complex functions.
A great guide for working with custom functions in Google Sheets is available here: https://developers.google.com/apps-script/guides/sheets/functions
An overview of Google Apps Script can be found here: https://developers.google.com/apps-script/overview (note that JavaScript is almost identical to Apps Script)
Follow me at https://twitter.com/geekitarian_ed and check out http://coding4.us/ for more coding tutorials!
If I've helped you learn to code in 2017, please go to http://5000coders.com and let me know!

In Google Sheets, we can use Apps Script (JavaScript) to create custom functions. In this video we show how we can use just a bit of code to create a custom function that gives us more control and ability to create more complex functions.
A great guide for working with custom functions in Google Sheets is available here: https://developers.google.com/apps-script/guides/sheets/functions
An overview of Google Apps Script can be found here: https://developers.google.com/apps-script/overview (note that JavaScript is almost identical to Apps Script)
Follow me at https://twitter.com/geekitarian_ed and check out http://coding4.us/ for more coding tutorials!
If I've helped you learn to code in 2017, please go to http://5000coders.com and let me know!

JavaScript Coder

A song about the joys of coding JavaScript - there's a world of wonders out there, so much to try out in so little time, ScrumMaster, stay off my back!
Written, performed and produced by Patrick Hund
Follow me on Twitter: @wiekatz (http://twitter.com/wiekatz)
Download the song from SoundCloud: https://soundcloud.com/hund-1/javascript-coder

Coding Challenge #5: Space Invaders in JavaScript with p5.js

In this viewer submitted Coding Challenge, I take on the task of coding a Space Invaders game to play in browser in JavaScript/HTML and the p5.js library.
Send me your Coding Challenge ideas!
Contact: http://twitter.com/shiffman
Source Code For This Challenge:
p5.js: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_05_Space_invaders_p5.js
Processing: https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_05_Space_invaders
p5.js: https://p5js.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/Qbs6/

14:52

Creating a blockchain with Javascript (Blockchain, part 1)

Learn how to write your own Blockchain with JavaScript. In this video I'll show you what i...

Creating a blockchain with Javascript (Blockchain, part 1)

Learn how to write your own Blockchain with JavaScript. In this video I'll show you what is behind a blockchain by using simple code. It's not a complete implementation, but enough to understand how blockchains work and how they guarantee that blocks can never be changed.
After creating our blockchain we'll try and tamper with it. This will demonstrate a blockchains ability to detect fraud.
Next video (implementing proof-of-work):
https://youtu.be/HneatE69814
💰 Want to buy Bitcoin or Ethereum?
Buy for $100 and get $10 free (through my affiliate link):
https://www.coinbase.com/join/59284524822a3d0b19e11134
► Source codeAvailable on GitHub:
https://github.com/SavjeeTutorials/SavjeeCoin
► About me
🐦 Follow me on Twitter:
https://twitter.com/savjee
✏️ Check out my blog:
https://www.savjee.be
✉️ Subscribe to newsletter:
https://goo.gl/nueDfz
👍🏻 Like my Facebook page:
https://www.facebook.com/savjee

51:35

Write a Tetris game in JavaScript

In this episode I write a Tetris game in JavaScript from scratch.
If you like this tutori...

Write a Tetris game in JavaScript

In this episode I write a Tetris game in JavaScript from scratch.
If you like this tutorial you will probably also like my Super Mario Bros tutorial: https://youtu.be/g-FpDQ8Eqw8
We will look at
* Drawing on a canvas
* Rotating a matrix
* Rudimentary requestAnimationFrame listening
* Handling keyboard input
Since we are writing ES6 this code might not run on all browsers yet. I was running Chrome 53 when I wrote this and if you wish to follow I recommend you do too.
The initial HTML can be found here:
https://raw.githubusercontent.com/meth-meth-method/tetris/295e28320cd06b858e529ee6c512eeeb8526ca05/index.htmlSource code with step-by-step commits:
https://github.com/meth-meth-method/tetris
Music:
Demoscene Time Machinehttp://demoscenetimemachine.com

6:46

Coding an HTML5 Canvas Game with JS in 5 min 30 sec

No libraries, tools, or engines used, just JavaScript in a plain text editor for browser c...

Web Development Tutorial for Beginners (#1) - How to build webpages with HTML, CSS, Javascript

Once you're done with this, checkout lesson #2 - introduction to CSS:
https://www.youtube.com/watch?v=gBi8Obib0tw
How to put your website online (with coupon):
https://www.youtube.com/watch?v=tq7dqdHCc7U
How to build webpages with html, css, javascript tutorial for beginners.
In this video, we'll cover how to develop websites using just the computer you have already.
I'm using Sublime Text editor http://www.sublimetext.com/ and Google Chrome
Other great text editors:
Atom.io
Brackets.io
Notepad++
Now, if you just want a website and don't want to be a web developer, don't mess with learning all of this, get a site from squarespace.com and use squarespace plugins from http://thecustomsquare.com to make your site unique.
Learn how to develop your own websites using the computer you already have. The basics of web development is the html file, which is centered around html tags. In this first lesson, we'll cover the basic html tags and how to use them to build a web page.
Once you learn HTML, you can use CSS to add style to your pages and JavasScript to add animation and fun features.
Learn Javascript with the Javascript tutorials for beginners: https://www.youtube.com/watch?v=fGdd9qNwQdQ&list=PLoYCgNOIyGACnrXwo5HMCfOH9VT05znGv

Guest Tutorial #4: Matrix Digital Rain in p5.js with Emily Xie

In this guest tutorial, Emily Xie uses the p5.js library to recreate the digital rain effect from the movie The Matrix.
Emily Xie is a software developer and creative coder. She's passionate about coding education, having taught through various conference workshops and via organizations like GirlDevelop It (https://www.girldevelopit.com/) and Pioneer Works (https://pioneerworks.org/). Currently, Emily lives in New York and works at Squarespace.
Project:
Matrix repository: https://github.com/emilyxxie/green_rain
The Matrix project, deployed: http://xie-emily.com/generative_art/green_rain.htmlPersonal:
Website: http://xie-emily.com
Twitter: https://twitter.com/emilyxxie
Github account: https://github.com/emilyxxie
p5.js: https://p5js.org/
For more Guest Tutorials and Interviews: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bYBG4PsCJpsvMka3boE9pR
For more Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/72of/

17:03

How can I use JavaScript in Google Sheets?

In Google Sheets, we can use Apps Script (JavaScript) to create custom functions. In this...

How can I use JavaScript in Google Sheets?

In Google Sheets, we can use Apps Script (JavaScript) to create custom functions. In this video we show how we can use just a bit of code to create a custom function that gives us more control and ability to create more complex functions.
A great guide for working with custom functions in Google Sheets is available here: https://developers.google.com/apps-script/guides/sheets/functions
An overview of Google Apps Script can be found here: https://developers.google.com/apps-script/overview (note that JavaScript is almost identical to Apps Script)
Follow me at https://twitter.com/geekitarian_ed and check out http://coding4.us/ for more coding tutorials!
If I've helped you learn to code in 2017, please go to http://5000coders.com and let me know!

JavaScript Coder...

[Tutoriel Complet] Apprendre à coder en JavaScrip...

Backbone.js : Coder proprement en JS c'est possibl...

Coding Challenge #5: Space Invaders in JavaScript ...

Creating a blockchain with Javascript (Blockchain,...

Write a Tetris game in JavaScript...

Coding an HTML5 Canvas Game with JS in 5 min 30 se...

Coding Challenge #3: The Snake Game...

Web Development Tutorial for Beginners (#1) - How ...

Coder une ToDo-List (+ astuces JavaScript)...

Coding "Snake" in 4 min 30 sec (plain browser Java...

Live : Coder un morpion en JavaScript...

Guest Tutorial #4: Matrix Digital Rain in p5.js wi...

How can I use JavaScript in Google Sheets?...

It turns out that a theory explaining how we might detect parallel universes and prediction for the end of the world was proposed and completed by physicist Stephen Hawking shortly before he died ... &nbsp;. According to reports, the work predicts that the universe would eventually end when stars run out of energy ... ....

Using e-cigarettes may lead to an accumulation of fat in the liver, a study of mice exposed to the devices suggests. “The popularity of electronic cigarettes has been rapidly increasing in part because of advertisements that they are safer than conventional cigarettes ... Friedman of Charles R. Drew University of Medicine and Science in Los Angeles, California ... Circadian rhythm dysfunction is known to accelerate liver disease....

Tokyo. Japan’s embattled prime minister hit back today at critics over a favouritism and cover-up scandal that has seen his popularity plunge and loosened his iron grip on power. In a hotly awaited statement in parliament, Shinzo Abe stressed he had not ordered bureaucrats to alter documents relating to a controversial land sale as he comes under mounting pressure over the scandal ...AFP Read More ....

CAIRO (AP) — Egypt’s military says four troops and 36 Islamic militants have died in the past five days of fighting in the restive Sinai Peninsula. Monday’s statement says one officer was among the four killed army personnel ... ....

This week Jane StreetCapital a global proprietary trading firm has announced it has been trading BTC these days. Often referred to as one of Wall Street’s most secretive investment companies, Jane Street says if cryptocurrencies continue to rise they expect to be involved. Also read ... The news outlet called the traders “coders with a Ph.D.” and the firm specializes in lots of arbitrage trades ... So, please be patient ... ....

What about our industrial past? The history of making things and how those things changed the way we live? ...Best known as the incubator of companies like Google and Facebook and the place where the two Steves (Jobs and Wozniak) launched the personal computer industry in their garage, Silicon Valley has been home to innovative engineers, coders, scientists and technicians for the better part of a century ... Writer” (7 p.m., HBO, TV-14)....

Clear evidence of a liberalised Moroccan society."Moroccan women are taking up a lot of professional roles, including a growing number in journalism. In media organisations, the number of women on the staff is almost equal to or even more than men ... At times, male colleagues are jealous of women but that is part of any profession ... I like this. There is a lot of respect for women in Morocco ... --IANS. js/vm/tb ... ... ....

His own fortune is down to luck, but now Hughes is helping to fund research into ending poverty in the US. " data-adaptive-image-768-img=" " data-adaptive-image-1024-img=" " data-adaptive-image-max-img=" "> Chris Hughes is the first to admit that he’s fortunate ... When Zuckerberg built Facebook, Hughes, the only non-coder of the Harvard group, became its spokesman ... Hughes says he made around $1bn in three years ... But Hughes is sanguine....

BEIJING (AP) — A look at recent developments in the South China Sea, where China is pitted against smaller neighbors in multiple disputes over islands, coral reefs and lagoons in waters crucial for global commerce and rich in fish and potential oil and gas reserves.. ———. EDITOR'S NOTE... The aircraft carrier USS Vinson and its strike group were accompanied by the Japanese destroyerJS Ise and its three anti-submarine warfare helicopters....

advertisement ... If you’re a corporate lawyer making more than $200 grand, you’d pay $35 ... advertisement ... “I think that this is an opportunity for the Met to really play a leadership role in this space, given that prior to the change in admission policy, the Met has been a leader in being a public museum that has programs to address problems around accessibility,” says JS Tan, one of the founders of Gradient....