- published: 26 Apr 2016
- views: 252475
Create your page here
-
remove the playlistJs Coding
-
remove the playlistLatest Videos
-
remove the playlistLongest Videos
- remove the playlistJs Coding
- remove the playlistLatest Videos
- remove the playlistLongest Videos
back to playlist
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/
This is part one of Javascript Programming. If you've been wanting to learn Javascript, this will help you get a quick head start. We'll cover the very basics and get you prepared for part 2 which will teach you to use jQuery to do some fun stuff to your web page in real time!
Once you have it, Here's video 2!: http://youtu.be/WGPaZNYrHpo
Learning Javascript (or learning programming of any kind) can feel a bit uncomfortable at first, but I promise it will come quickly.
- published: 24 Jan 2014
- views: 648822
Support on Patreon: https://www.patreon.com/gamkedo Try my free course: http://code-your-first-game.com (or full URL is https://www.udemy.com/code-your-first-game/ ) Next steps: http://gamkedo.com The (hacky) Snake source: https://pastebin.com/Z3zhb7cY About InteractionArtist, my 219 daily prototypes: https://www.youtube.com/watch?v=BgZrBpSISS0
- published: 05 May 2017
- views: 2160249
Get the Cheat Sheet Here : http://goo.gl/TxNsQO
Best Book on JavaScript : http://amzn.to/1WbMYvm
Support Me on Patreon : https://www.patreon.com/derekbanas
00:22 Introduction
03:27 Variables
04:27 Math
12:00 Random Numbers
13:21 Strings
17:24 Styling Strings
18:14 If
21:44 Switch
23:04 Ternary Operator
23:55 While
24:51 Do While
25:52 For
27:37 For In
28:39 Arrays
34:42 Functions
36:41 Pass Function as Parameter
39:42 Receive Variable Number of Arguments
40:55 Return Variable Number of Arguments
42:02 Recursive Functions
43:54 Event Handling
46:24 Mouse Events
51:30 Key Events
54:02 Change Tag Value
56:41 Change Class
58:02 Change Input Element
59:20 Mouse X / Y Coordinates
1:01:42 Get Elements by Tag Name
1:03:00 Element Styling
1:05:48 Manipulating URLs
1:09:37 Editing Child Nodes
1:15:08 Setting Attributes
1:18:11 Adding Elements
1:19:50 OO JavaScript
1:28:33 Form Validation
1:34:54 Exception Handling
- published: 20 Sep 2015
- views: 716488
In this video, I use the p5.js library to create a web-based countdown timer. I discuss the native JavaScript method setInterval() and well as p5's millis().
Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://codingtrain.storenvy.com
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/
Links discussed in this video:
millis() reference: https://p5js.org/reference/#/p5/millis
getURLParams() reference: https://p5js.org/reference/#/p5/getURLParams
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/72oH/
- published: 25 Mar 2017
- views: 45050
Learn the fundamental features of JavaScript - the language used to add dynamic, interactive content to websites. I teach you how to get started with JavaScript, how to use variables, operators, arrays, properties, methods, custom functions, conditionals and loops. In 12 minutes.
LEARN HTML IN 12 MINUTES
http://youtu.be/bWPMSSsVdPk
LEARN CSS IN 12 MINUTES
http://youtu.be/0afZj1G0BIE
LEARN PHP IN 15 MINUTES
http://youtu.be/ZdP0KM49IVk
---------- Text Editors ----------
For Windows users, I recommend using Notepad++ to edit HTML files:
http://notepad-plus-plus.org
For Mac users, I recommend Sublime Text:
http://www.sublimetext.com
----------------------------------------
SUBSCRIBE FOR MORE
http://youtube.com/subscription_center?add_user=jaketvee
TWITTER http://twitter.com/jakewrightuk
FACEBOOK https://www.facebook.com/jakewrightuk
INSTAGRAM http://instagram.com/jakewrightuk
http://jakewright.net
- published: 05 Aug 2014
- views: 868281
Did you know that we can create electronic dance music with JavaScript? Watch this presentation to learn how to do that with Node.js.
CREDITS: This video was originally published on SFNode YouTube Channel (https://www.youtube.com/channel/UCbWHWaCKZqIm5pE5hSD7KFw). Please check out the channel to watch more presentations.
SPEAKER: Walmik Deshpande, https://twitter.com/_walmik
SLIDES: https://speakerdeck.com/walmik/node-dot-js
PERMISSION: This video was published with the Author's permission.
- published: 09 Jul 2017
- views: 312891
In this 10 Minute Coding Challenge, I attempt to code a p5.js version of the Snake Game.
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: 1149574
In this Coding Challenge, I build a word counting (concordance) web application in JavaScript. The video demonstrates a use of associate arrays, regular expressions, and other techniques previously covered as part of "Programming from A to Z."
Next Video: https://youtu.be/fxQ0B6BkfKo
http://shiffman.net/a2z/text-analysis/
Course url: http://shiffman.net/a2z/
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact: https://twitter.com/shiffman
GitHub Repo with all the info for Programming from A to Z: https://github.com/shiffman/A2Z-F16
Links discussed in this video:
ITP from Tisch School of the Arts: https://tisch.nyu.edu/itp
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Programming from A to Z videos: https://www.youtube.com/user/shiffman/playlists?shelf_id=11&view;=50&sort;=dd
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/XJ8r/
- published: 10 Oct 2016
- views: 16169
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
- published: 21 Oct 2013
- views: 2040663
developed with YouTube
Source Code
Source Code is a 2011 French-American science fiction film directed by Duncan Jones, written by Ben Ripley, and starring Jake Gyllenhaal, Michelle Monaghan, and Vera Farmiga. The film had its world premiere on March 11, 2011 at South by Southwest, and was released by Summit Entertainment on April 1, 2011 in North America and Europe.
The film received acclaim from critics upon its release and became a box office success, grossing over $147 million worldwide. Plans for a television adaptation at CBS were announced shortly after the film was released. However, these plans were scrapped in December 2014 in favor of a film sequel. The sequel is in development with Mark Gordon returning to produce and Anna Foerster attached to direct.
Plot
U.S. Army pilot Captain Colter Stevens (Jake Gyllenhaal), last aware of being on a mission in Afghanistan, wakes up on a commuter train to Chicago, at 7:40 am. To the world around him – including his traveling partner Christina Warren (Michelle Monaghan) and the bathroom mirror – he appears to be Sean Fentress, a school teacher. As he comes to grips with this revelation, the train explodes, killing everyone aboard.
This page contains text from Wikipedia, the Free Encyclopedia -
https://wn.com/Source_Code
This article is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License, which means that you can copy and modify it as long as the entire work (including additions) remains under this license.
This article is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License, which means that you can copy and modify it as long as the entire work (including additions) remains under this license.
Challenge
Challenge may refer to:
Places
Geography
Structures
Books and Publications
Film and TV
Film
Television
This page contains text from Wikipedia, the Free Encyclopedia -
https://wn.com/Challenge
This article is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License, which means that you can copy and modify it as long as the entire work (including additions) remains under this license.
This article is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License, which means that you can copy and modify it as long as the entire work (including additions) remains under this license.
Mandelbrot set
The Mandelbrot set is the set of complex numbers c for which the function 
does not diverge when iterated, i.e., for which the sequence f(0), f(f(0)), etc., remains bounded in absolute value.
The set is closely related to Julia sets (which produce similarly complex shapes). Its definition and its name is the work of Adrien Douady, in tribute to the mathematician Benoit Mandelbrot.
Mandelbrot set images are made by sampling complex numbers and determining for each whether the result tends towards infinity when a particular mathematical operation is iterated on it. Treating the real and imaginary parts of each number as image coordinates, pixels are colored according to how rapidly the sequence diverges, if at all.
More precisely, the Mandelbrot set is the set of values of c in the complex plane for which the orbit of 0 under iteration of the quadratic map
remains bounded. That is, a complex number c is part of the Mandelbrot set if, when starting with z0 = 0 and applying the iteration repeatedly, the absolute value of zn remains bounded however large n gets. This can also be represented as
This page contains text from Wikipedia, the Free Encyclopedia -
https://wn.com/Mandelbrot_set
This article is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License, which means that you can copy and modify it as long as the entire work (including additions) remains under this license.
This article is licensed under the Creative Commons Attribution-ShareAlike 3.0 Unported License, which means that you can copy and modify it as long as the entire work (including additions) remains under this license.
- Loading...
-
40:45Coding Challenge #5: Space Invaders in JavaScript with p5.js
Coding Challenge #5: Space Invaders in JavaScript with p5.jsCoding 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/ -
13:35Javascript Tutorial - Programming Tutorial for Beginners Pt 1
Javascript Tutorial - Programming Tutorial for Beginners Pt 1Javascript Tutorial - Programming Tutorial for Beginners Pt 1
This is part one of Javascript Programming. If you've been wanting to learn Javascript, this will help you get a quick head start. We'll cover the very basics and get you prepared for part 2 which will teach you to use jQuery to do some fun stuff to your web page in real time! Once you have it, Here's video 2!: http://youtu.be/WGPaZNYrHpo Learning Javascript (or learning programming of any kind) can feel a bit uncomfortable at first, but I promise it will come quickly. -
6:46Coding an HTML5 Canvas Game with JS in 5 min 30 sec
Coding an HTML5 Canvas Game with JS in 5 min 30 sec -
7:09Coding "Snake" in 4 min 30 sec (plain browser JavaScript)
Coding "Snake" in 4 min 30 sec (plain browser JavaScript)Coding "Snake" in 4 min 30 sec (plain browser JavaScript)
Support on Patreon: https://www.patreon.com/gamkedo Try my free course: http://code-your-first-game.com (or full URL is https://www.udemy.com/code-your-first-game/ ) Next steps: http://gamkedo.com The (hacky) Snake source: https://pastebin.com/Z3zhb7cY About InteractionArtist, my 219 daily prototypes: https://www.youtube.com/watch?v=BgZrBpSISS0 -
1:37:09JavaScript Tutorial
JavaScript TutorialJavaScript Tutorial
Get the Cheat Sheet Here : http://goo.gl/TxNsQO Best Book on JavaScript : http://amzn.to/1WbMYvm Support Me on Patreon : https://www.patreon.com/derekbanas 00:22 Introduction 03:27 Variables 04:27 Math 12:00 Random Numbers 13:21 Strings 17:24 Styling Strings 18:14 If 21:44 Switch 23:04 Ternary Operator 23:55 While 24:51 Do While 25:52 For 27:37 For In 28:39 Arrays 34:42 Functions 36:41 Pass Function as Parameter 39:42 Receive Variable Number of Arguments 40:55 Return Variable Number of Arguments 42:02 Recursive Functions 43:54 Event Handling 46:24 Mouse Events 51:30 Key Events 54:02 Change Tag Value 56:41 Change Class 58:02 Change Input Element 59:20 Mouse X / Y Coordinates 1:01:42 Get Elements by Tag Name 1:03:00 Element Styling 1:05:48 Manipulating URLs 1:09:37 Editing Child Nodes 1:15:08 Setting Attributes 1:18:11 Adding Elements 1:19:50 OO JavaScript 1:28:33 Form Validation 1:34:54 Exception Handling -
21:48Coding Challenge #66: JavaScript Countdown Timer
Coding Challenge #66: JavaScript Countdown TimerCoding Challenge #66: JavaScript Countdown Timer
In this video, I use the p5.js library to create a web-based countdown timer. I discuss the native JavaScript method setInterval() and well as p5's millis(). Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise: https://codingtrain.storenvy.com Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: Twitter: https://twitter.com/shiffman The Coding Train website: http://thecodingtrain.com/ Links discussed in this video: millis() reference: https://p5js.org/reference/#/p5/millis getURLParams() reference: https://p5js.org/reference/#/p5/getURLParams Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code p5.js: https://p5js.org/ Processing: https://processing.org For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Help us caption & translate this video! http://amara.org/v/72oH/ -
12:01Learn JavaScript in 12 Minutes
Learn JavaScript in 12 MinutesLearn JavaScript in 12 Minutes
Learn the fundamental features of JavaScript - the language used to add dynamic, interactive content to websites. I teach you how to get started with JavaScript, how to use variables, operators, arrays, properties, methods, custom functions, conditionals and loops. In 12 minutes. LEARN HTML IN 12 MINUTES http://youtu.be/bWPMSSsVdPk LEARN CSS IN 12 MINUTES http://youtu.be/0afZj1G0BIE LEARN PHP IN 15 MINUTES http://youtu.be/ZdP0KM49IVk ---------- Text Editors ---------- For Windows users, I recommend using Notepad++ to edit HTML files: http://notepad-plus-plus.org For Mac users, I recommend Sublime Text: http://www.sublimetext.com ---------------------------------------- SUBSCRIBE FOR MORE http://youtube.com/subscription_center?add_user=jaketvee TWITTER http://twitter.com/jakewrightuk FACEBOOK https://www.facebook.com/jakewrightuk INSTAGRAM http://instagram.com/jakewrightuk http://jakewright.net -
37:51Using Node.js To Create Electronic Dance Music
Using Node.js To Create Electronic Dance MusicUsing Node.js To Create Electronic Dance Music
Did you know that we can create electronic dance music with JavaScript? Watch this presentation to learn how to do that with Node.js. CREDITS: This video was originally published on SFNode YouTube Channel (https://www.youtube.com/channel/UCbWHWaCKZqIm5pE5hSD7KFw). Please check out the channel to watch more presentations. SPEAKER: Walmik Deshpande, https://twitter.com/_walmik SLIDES: https://speakerdeck.com/walmik/node-dot-js PERMISSION: This video was published with the Author's permission. -
27:27Coding Challenge #3: The Snake Game
Coding Challenge #3: The Snake GameCoding Challenge #3: The Snake Game
In this 10 Minute Coding Challenge, I attempt to code a p5.js version of the Snake Game. 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 -
21:54Coding Challenge #40.1: Word Counter in JavaScript
Coding Challenge #40.1: Word Counter in JavaScriptCoding Challenge #40.1: Word Counter in JavaScript
In this Coding Challenge, I build a word counting (concordance) web application in JavaScript. The video demonstrates a use of associate arrays, regular expressions, and other techniques previously covered as part of "Programming from A to Z." Next Video: https://youtu.be/fxQ0B6BkfKo http://shiffman.net/a2z/text-analysis/ Course url: http://shiffman.net/a2z/ Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: https://twitter.com/shiffman GitHub Repo with all the info for Programming from A to Z: https://github.com/shiffman/A2Z-F16 Links discussed in this video: ITP from Tisch School of the Arts: https://tisch.nyu.edu/itp Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code p5.js: https://p5js.org/ Processing: https://processing.org For More Programming from A to Z videos: https://www.youtube.com/user/shiffman/playlists?shelf_id=11&view;=50&sort;=dd For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH Help us caption & translate this video! http://amara.org/v/XJ8r/ -
10:05Speed Coding (Javascript) - First time making the game Pong
Speed Coding (Javascript) - First time making the game Pong -
14:08Web 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, JavascriptWeb 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 -
12:58speed coding admin panel w/ login screen and logout [JS]
speed coding admin panel w/ login screen and logout [JS]speed coding admin panel w/ login screen and logout [JS]
hello guys, just wanted to put this video out there today, this video is sped up 15 times to keep it short because this took some while. if you have any questions please feel free to leave a comment, i really like helping you guys out and answering all your questions :) twitter: https://twitter.com/devsfullstack facebook: https://www.facebook.com/FullstackDevsYT download the project here: http://peterbousaada.com/download/admin_design.zip Songs: 1--------------------------------------------------------------------------------- Song: Icehunt - Hover (feat. Helen Tess) [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/j51Bixo4ZBE Download/Stream: http://ncs.io/HoverCr 2--------------------------------------------------------------------------------- Song: Culture Code - Make Me Move (feat. Karra) [Tobu Remix] | NCS Release Music provided by NoCopyrightSounds. Watch: https://youtu.be/MRwmxS1AL6E Download/Stream: http://ncs.io/TobuRemixCr 3--------------------------------------------------------------------------------- Song: Elektronomia - Sky High [NCS Release] Music provided by NoCopyrightSounds. Video Link: https://youtu.be/TW9d8vYrVFQ Download Link: https://NCS.lnk.to/SkyHigh -
15:53Coding Challenge #14: Fractal Trees - Recursive
Coding Challenge #14: Fractal Trees - RecursiveCoding Challenge #14: Fractal Trees - Recursive
In this coding challenge, I'm going to show you how to create a fractal tree with a recursive algorithm in p5.js. This is the first part of a series on algorithmic botany. Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges! Contact: https://twitter.com/shiffman Links discussed in this video: Nature of Code class on Kadenze: https://www.kadenze.com/courses/the-nature-of-code/info Algorithmic Botany: http://algorithmicbotany.org/ Source Code for the Video Lessons: https://github.com/shiffman/Video-Lesson-Materials p5.js: https://p5js.org/ Processing: https://processing.org For More Algorithmic Botany Videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bxNsa_3SfCPyF9Md9XvXhR For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH Help us caption & translate this video! http://amara.org/v/QbsH/ -
6:23:10JavaScript Tutorial for Absolute Beginners
JavaScript Tutorial for Absolute BeginnersJavaScript Tutorial for Absolute Beginners
Angular 4 (latest version of Angular 2) - The Complete Guide ☞ http://learnstartup.net/go/H1jE_tD3l Angular 2 and NodeJS - The Practical Guide to MEAN Stack 2.0 ☞ http://learnstartup.net/go/S1y1-FIGx ES6 Javascript: The Complete Developer's Guide ☞ http://learnstartup.net/go/BkGZcMlbe The Complete Node.js Developer Course (2nd Edition) ☞ http://learnstartup.net/p/r1K7HXybe Beginner API development in Node, Express, ES6, & MongoDB ☞ http://learnstartup.net/p/SkN62OLZx Typescript 2 Masterclass: Node REST API + Angular 2 Client ☞ http://learnstartup.net/p/r1g4WNHGg -
48:42Coding Challenge 51.1: A* Pathfinding Algorithm - Part 1
Coding Challenge 51.1: A* Pathfinding Algorithm - Part 1Coding Challenge 51.1: A* Pathfinding Algorithm - Part 1
In this Coding Challenge, I attempt an implementation of the A* pathfinding algorithm to find the optimal path between two points in a 2D grid. I begin by explaining the mechanics of how the algorithm works, look at pseudo-code, and then write the algorithm in JavaScript using the p5.js library for rendering. Part 2 focuses on adding obstacles (walls) to the grid as well as functionality for moving diagonally. . In Part 3, I look at ways to improve the visual design and invite you to put your own spin on it. Part 2: https://youtu.be/EaZxUCWAjb0 Part 3: https://youtu.be/jwRT4PCT6RU Online demo: https://codingtrain.github.io/AStar/ Code: https://github.com/CodingTrain/AStar To see the whole unedited version of this challenge: https://www.youtube.com/watch?v=S4yQYiAECnM&t;=34m50s Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: https://twitter.com/shiffman A* Algorithm on Wikipedia: https://en.wikipedia.org/wiki/A*_search_algorithm Artificial Intelligence: A Modern Approach: http://aima.cs.berkeley.edu/ My Maze Generation Coding Challenge: https://www.youtube.com/watch?v=HyK_Q5rrcr4 Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code p5.js: https://p5js.org/ Processing: https://processing.org For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Help us caption & translate this video! http://amara.org/v/2el5/ -
15:1315.1: What is Node.js? - Twitter Bot Tutorial
15.1: What is Node.js? - Twitter Bot Tutorial15.1: What is Node.js? - Twitter Bot Tutorial
This video covers the basics of node.js. What is node.js? What is server-side programming? What might you use it for and how do you get started? Basic unix commands and working with terminal are covered. Darius Kazemi Eyeo talk: https://vimeo.com/112289364 Allison Parrish twitter bot tutorial: http://air.decontextualize.com/twitterbot/ NY Magazine on bots: http://nymag.com/following/2015/11/12-weirdest-funniest-smartest-twitter-bots.html All examples: https://github.com/shiffman/Video-Lesson-Materials Contact: https://twitter.com/shiffman Next video: https://youtu.be/s70-Vsud9Vk Learn JavaScript basics: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Learn Processing basics: https://www.youtube.com/user/shiffman/playlists?sort=dd&shelf;_id=2&view;=50 More about data and APIs: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6a-SQiI4RtIwuOrLJGnel0r Help us caption & translate this video! http://amara.org/v/Qbts/ -
25:04Denis Radin: Applying NASA coding standards to JavaScript | JSConf EU 2017
Denis Radin: Applying NASA coding standards to JavaScript | JSConf EU 2017Denis Radin: Applying NASA coding standards to JavaScript | JSConf EU 2017
http://2017.jsconf.eu/speakers/denis-radin-applying-nasa-coding-standards-to-javascript.html Jet Propulsion Laboratory - scientific institution making research and development for NASA. Their portfolio includes such famous missions as Curiosity Mars rover and Voyager probe which left solar system after 25 years of flight and still providing scientific information. High level of automation and long duration of missions led to superior demands to software quality. As a result of JPL amazing experience a set of code guidelines was developed and published recently. Since demands to web-driven software constantly increase and more critical tasks are entrusted to JavaScript, lets apply NASA coding guidelines to JavaScript / HTML applications for higher performance, reliability and the better world. -
1:00:04Live Coding a JavaScript Poll App with Chris and Alex (1/2)
Live Coding a JavaScript Poll App with Chris and Alex (1/2)Live Coding a JavaScript Poll App with Chris and Alex (1/2)
Watch part 2 with Chris: https://youtu.be/nL2wpZV1LYc Subscribe to Chris' YouTube channel: https://www.youtube.com/c/dev_coffee Website we built: http://www.andvote.com/ Source code: https://github.com/andvote/andvote ▼ Follow me ▼ on Twitter: https://twitter.com/bookercodes on GitHub: https://github.com/alexbooker ▼ Links I Mention in the Video (in the Order I Mention Them)▼ Joe https://github.com/karan/joe ESLint http://eslint.org/ tmux https://tmux.github.io/ Babel https://babeljs.io/ Nodemon https://github.com/remy/nodemon Sequelize http://docs.sequelizejs.com/en/latest/ My Sequelize course https://www.youtube.com/playlist?list=PL5ze0DjYv5DYBDfl0vF_VRxEu8JdTIHlR sequelize-connect https://github.com/jspizziri/sequelize-connect Redis: http://redis.io/ My shell aliases: https://github.com/alexbooker/dotfiles/blob/master/.aliases.sh VimFiler: https://github.com/Shougo/vimfiler.vim Postman: https://www.getpostman.com/ My friend Jerrie from ProCoder's Postman course: https://www.youtube.com/playlist?list=PLq8ibqx-o5fcYN-v5cNqz8C_045W2VFis Chalk: https://github.com/chalk/chalk ▼ Timestamps▼ For your convince, here are some timestamps: 00:00 Introduction 01:49 Initializing Git 02:32 Creating npm package.json 02:49 Setting up ESLint 04:17 Setting up Babel 07:30 Setting up a simple Express server 08:38 Setting up Nodemon npm script 10:11 Connecting to MySQL via Sequelize 12:50 Installing the Babel parser for ESLint 13:57 Setting up a one-to-many relationship between the poll and poll option tables 19:22 Creating the MySQL database via the MySQL command-line tool 20:54 Creating the poll controller 21:24 Handling poll submissions 29:48 Handling poll queries 33:10 Creating the vote controller 33:17 Setting up the vote model 35:47 Debugging the vote model 37:14 Handling vote submissions 39:58 Including votes in the poll query response 41:39 Coding a more efficient way to query poll votes 43:31 Prevent users from voting on the same poll more than once based on their remote IP 51:28 Creating an error handler middleware function 54:00 Setting up Chalk 54:56 Basic input validation 56:43 Uploading the code to GitHub 58:22 Conclusion ▼ Attribution ▼ Intro inspiration by Mackenzie Child https://www.youtube.com/user/mackenziechild Emoji provided free by http://emojione.com Sound effect provided free by http://freesound.org/people/edsward/sounds/341871/ Twitter and GitHub icons provided free by Freepik form http://www.flaticon.com Link icon provided free by Dave Gandy from https://fortawesome.github.io/Font-Awesome/ via http://www.flaticon.com Special thanks to Cruor (https://twitter.com/Cruor99) and Yngve Olsen Ranestad (github.com/piees) who helped me with a SQL query when preparing for this video. -
25:28Coding Challenge #21: Mandelbrot Set with p5.js
Coding Challenge #21: Mandelbrot Set with p5.jsCoding Challenge #21: Mandelbrot Set with p5.js
In this coding challenge, I program from scratch the Mandelbrot set with p5.js Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges! Contact: https://twitter.com/shiffman Links discussed in this video: Wikipedia on Mandelbrot Set: https://en.wikipedia.org/wiki/Mandelbrot_set Mandelbrot Set Explorer: https://meiamso.me/old/mandelbrot/mandelbrot.php Source Code for the Video Lessons: https://github.com/shiffman/Video-Lesson-Materials p5.js: https://p5js.org/ Processing: https://processing.org For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH Help us caption & translate this video! http://amara.org/v/Qbrn/ -
8:28MEAN js code and yo generator
MEAN js code and yo generatorMEAN js code and yo generator
MEAN js code and yo generator -
2:10New Facebook Emoticons (JS Code)
New Facebook Emoticons (JS Code)New Facebook Emoticons (JS Code)
-
0:49DeVcon CDO Node JS Code Camp Promotional Video
DeVcon CDO Node JS Code Camp Promotional Video -
23:03JS Coding Standards
JS Coding Standards -
4:14:30JS Coding Practice on Code Advengers
JS Coding Practice on Code AdvengersJS Coding Practice on Code Advengers
developed with YouTube
-
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 -
Javascript Tutorial - Programming Tutorial for Beginners Pt 1
This is part one of Javascript Programming. If you've been wanting to learn Javascript, this will help you get a quick head start. We'll cover the very basics and get you prepared for part 2 which will teach you to use jQuery to do some fun stuff to your web page in real time! Once you have it, Here's video 2!: http://youtu.be/WGPaZNYrHpo Learning Javascript (or learning programming of any kind) can feel a bit uncomfortable at first, but I promise it will come quickly.
published: 24 Jan 2014 -
-
Coding "Snake" in 4 min 30 sec (plain browser JavaScript)
Support on Patreon: https://www.patreon.com/gamkedo Try my free course: http://code-your-first-game.com (or full URL is https://www.udemy.com/code-your-first-game/ ) Next steps: http://gamkedo.com The (hacky) Snake source: https://pastebin.com/Z3zhb7cY About InteractionArtist, my 219 daily prototypes: https://www.youtube.com/watch?v=BgZrBpSISS0
published: 05 May 2017 -
JavaScript Tutorial
Get the Cheat Sheet Here : http://goo.gl/TxNsQO Best Book on JavaScript : http://amzn.to/1WbMYvm Support Me on Patreon : https://www.patreon.com/derekbanas 00:22 Introduction 03:27 Variables 04:27 Math 12:00 Random Numbers 13:21 Strings 17:24 Styling Strings 18:14 If 21:44 Switch 23:04 Ternary Operator 23:55 While 24:51 Do While 25:52 For 27:37 For In 28:39 Arrays 34:42 Functions 36:41 Pass Function as Parameter 39:42 Receive Variable Number of Arguments 40:55 Return Variable Number of Arguments 42:02 Recursive Functions 43:54 Event Handling 46:24 Mouse Events 51:30 Key Events 54:02 Change Tag Value 56:41 Change Class 58:02 Change Input Element 59:20 Mouse X / Y Coordinates 1:01:42 Get Elements by Tag Name 1:03:00 Element Styling 1:05:48 Manipulating URLs 1:09:37 Editing Child Nodes 1:15...
published: 20 Sep 2015 -
Coding Challenge #66: JavaScript Countdown Timer
In this video, I use the p5.js library to create a web-based countdown timer. I discuss the native JavaScript method setInterval() and well as p5's millis(). Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise: https://codingtrain.storenvy.com Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: Twitter: https://twitter.com/shiffman The Coding Train website: http://thecodingtrain.com/ Links discussed in this video: millis() reference: https://p5js.org/reference/#/p5/millis getURLParams() reference: https://p5js.org/reference/#/p5/getURLParams Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code p5.js: https://p5js.org/ Processing: https://processing.org For...
published: 25 Mar 2017 -
Learn JavaScript in 12 Minutes
Learn the fundamental features of JavaScript - the language used to add dynamic, interactive content to websites. I teach you how to get started with JavaScript, how to use variables, operators, arrays, properties, methods, custom functions, conditionals and loops. In 12 minutes. LEARN HTML IN 12 MINUTES http://youtu.be/bWPMSSsVdPk LEARN CSS IN 12 MINUTES http://youtu.be/0afZj1G0BIE LEARN PHP IN 15 MINUTES http://youtu.be/ZdP0KM49IVk ---------- Text Editors ---------- For Windows users, I recommend using Notepad++ to edit HTML files: http://notepad-plus-plus.org For Mac users, I recommend Sublime Text: http://www.sublimetext.com ---------------------------------------- SUBSCRIBE FOR MORE http://youtube.com/subscription_center?add_user=jaketvee TWITTER http://twitter.com/jakewright...
published: 05 Aug 2014 -
Using Node.js To Create Electronic Dance Music
Did you know that we can create electronic dance music with JavaScript? Watch this presentation to learn how to do that with Node.js. CREDITS: This video was originally published on SFNode YouTube Channel (https://www.youtube.com/channel/UCbWHWaCKZqIm5pE5hSD7KFw). Please check out the channel to watch more presentations. SPEAKER: Walmik Deshpande, https://twitter.com/_walmik SLIDES: https://speakerdeck.com/walmik/node-dot-js PERMISSION: This video was published with the Author's permission.
published: 09 Jul 2017 -
Coding Challenge #3: The Snake Game
In this 10 Minute Coding Challenge, I attempt to code a p5.js version of the Snake Game. 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 -
Coding Challenge #40.1: Word Counter in JavaScript
In this Coding Challenge, I build a word counting (concordance) web application in JavaScript. The video demonstrates a use of associate arrays, regular expressions, and other techniques previously covered as part of "Programming from A to Z." Next Video: https://youtu.be/fxQ0B6BkfKo http://shiffman.net/a2z/text-analysis/ Course url: http://shiffman.net/a2z/ Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: https://twitter.com/shiffman GitHub Repo with all the info for Programming from A to Z: https://github.com/shiffman/A2Z-F16 Links discussed in this video: ITP from Tisch School of the Arts: https://tisch.nyu.edu/itp Source Code for the all Video Lessons: http...
published: 10 Oct 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...
published: 21 Oct 2013 -
speed coding admin panel w/ login screen and logout [JS]
hello guys, just wanted to put this video out there today, this video is sped up 15 times to keep it short because this took some while. if you have any questions please feel free to leave a comment, i really like helping you guys out and answering all your questions :) twitter: https://twitter.com/devsfullstack facebook: https://www.facebook.com/FullstackDevsYT download the project here: http://peterbousaada.com/download/admin_design.zip Songs: 1--------------------------------------------------------------------------------- Song: Icehunt - Hover (feat. Helen Tess) [NCS Release] Music provided by NoCopyrightSounds. Watch: https://youtu.be/j51Bixo4ZBE Download/Stream: http://ncs.io/HoverCr 2--------------------------------------------------------------------------------- Song: Cult...
published: 12 May 2017 -
Coding Challenge #14: Fractal Trees - Recursive
In this coding challenge, I'm going to show you how to create a fractal tree with a recursive algorithm in p5.js. This is the first part of a series on algorithmic botany. Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges! Contact: https://twitter.com/shiffman Links discussed in this video: Nature of Code class on Kadenze: https://www.kadenze.com/courses/the-nature-of-code/info Algorithmic Botany: http://algorithmicbotany.org/ Source Code for the Video Lessons: https://github.com/shiffman/Video-Lesson-Materials p5.js: https://p5js.org/ Processing: https://processing.org For More Algorithmic Botany Videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bxNsa_3SfCPyF9Md9XvXhR For More Coding Challenges: https://www....
published: 30 May 2016 -
JavaScript Tutorial for Absolute Beginners
Angular 4 (latest version of Angular 2) - The Complete Guide ☞ http://learnstartup.net/go/H1jE_tD3l Angular 2 and NodeJS - The Practical Guide to MEAN Stack 2.0 ☞ http://learnstartup.net/go/S1y1-FIGx ES6 Javascript: The Complete Developer's Guide ☞ http://learnstartup.net/go/BkGZcMlbe The Complete Node.js Developer Course (2nd Edition) ☞ http://learnstartup.net/p/r1K7HXybe Beginner API development in Node, Express, ES6, & MongoDB ☞ http://learnstartup.net/p/SkN62OLZx Typescript 2 Masterclass: Node REST API + Angular 2 Client ☞ http://learnstartup.net/p/r1g4WNHGg
published: 04 Aug 2015 -
Coding Challenge 51.1: A* Pathfinding Algorithm - Part 1
In this Coding Challenge, I attempt an implementation of the A* pathfinding algorithm to find the optimal path between two points in a 2D grid. I begin by explaining the mechanics of how the algorithm works, look at pseudo-code, and then write the algorithm in JavaScript using the p5.js library for rendering. Part 2 focuses on adding obstacles (walls) to the grid as well as functionality for moving diagonally. . In Part 3, I look at ways to improve the visual design and invite you to put your own spin on it. Part 2: https://youtu.be/EaZxUCWAjb0 Part 3: https://youtu.be/jwRT4PCT6RU Online demo: https://codingtrain.github.io/AStar/ Code: https://github.com/CodingTrain/AStar To see the whole unedited version of this challenge: https://www.youtube.com/watch?v=S4yQYiAECnM&t;=34m50s Support...
published: 16 Jan 2017 -
15.1: What is Node.js? - Twitter Bot Tutorial
This video covers the basics of node.js. What is node.js? What is server-side programming? What might you use it for and how do you get started? Basic unix commands and working with terminal are covered. Darius Kazemi Eyeo talk: https://vimeo.com/112289364 Allison Parrish twitter bot tutorial: http://air.decontextualize.com/twitterbot/ NY Magazine on bots: http://nymag.com/following/2015/11/12-weirdest-funniest-smartest-twitter-bots.html All examples: https://github.com/shiffman/Video-Lesson-Materials Contact: https://twitter.com/shiffman Next video: https://youtu.be/s70-Vsud9Vk Learn JavaScript basics: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Learn Processing basics: https://www.youtube.com/user/shiffman/playlists?sort=dd&shelf;_id=2&view;=50 Mor...
published: 13 Nov 2015 -
Denis Radin: Applying NASA coding standards to JavaScript | JSConf EU 2017
http://2017.jsconf.eu/speakers/denis-radin-applying-nasa-coding-standards-to-javascript.html Jet Propulsion Laboratory - scientific institution making research and development for NASA. Their portfolio includes such famous missions as Curiosity Mars rover and Voyager probe which left solar system after 25 years of flight and still providing scientific information. High level of automation and long duration of missions led to superior demands to software quality. As a result of JPL amazing experience a set of code guidelines was developed and published recently. Since demands to web-driven software constantly increase and more critical tasks are entrusted to JavaScript, lets apply NASA coding guidelines to JavaScript / HTML applications for higher performance, reliability and the better wo...
published: 06 Jun 2017 -
Live Coding a JavaScript Poll App with Chris and Alex (1/2)
Watch part 2 with Chris: https://youtu.be/nL2wpZV1LYc Subscribe to Chris' YouTube channel: https://www.youtube.com/c/dev_coffee Website we built: http://www.andvote.com/ Source code: https://github.com/andvote/andvote ▼ Follow me ▼ on Twitter: https://twitter.com/bookercodes on GitHub: https://github.com/alexbooker ▼ Links I Mention in the Video (in the Order I Mention Them)▼ Joe https://github.com/karan/joe ESLint http://eslint.org/ tmux https://tmux.github.io/ Babel https://babeljs.io/ Nodemon https://github.com/remy/nodemon Sequelize http://docs.sequelizejs.com/en/latest/ My Sequelize course https://www.youtube.com/playlist?list=PL5ze0DjYv5DYBDfl0vF_VRxEu8JdTIHlR sequelize-connect https://github.com/jspizziri/sequelize-connect Redis: http://redis.io/ My shell aliases: https://githu...
published: 02 May 2016 -
Coding Challenge #21: Mandelbrot Set with p5.js
In this coding challenge, I program from scratch the Mandelbrot set with p5.js Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges! Contact: https://twitter.com/shiffman Links discussed in this video: Wikipedia on Mandelbrot Set: https://en.wikipedia.org/wiki/Mandelbrot_set Mandelbrot Set Explorer: https://meiamso.me/old/mandelbrot/mandelbrot.php Source Code for the Video Lessons: https://github.com/shiffman/Video-Lesson-Materials p5.js: https://p5js.org/ Processing: https://processing.org For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH Help us caption & translate this video! http://amara.org/v/Qbrn/
published: 13 Jun 2016 -
-
New Facebook Emoticons (JS Code)
published: 30 May 2014 -
-
-
JS Coding Practice on Code Advengers
published: 19 Feb 2013
developed with YouTube
Coding Challenge #5: Space Invaders in JavaScript with p5.js
- Order: Reorder
- Duration: 40:45
- Updated: 26 Apr 2016
- views: 252475
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...
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/
https://wn.com/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
- views: 252475
Javascript Tutorial - Programming Tutorial for Beginners Pt 1
- Order: Reorder
- Duration: 13:35
- Updated: 24 Jan 2014
- views: 648822
This is part one of Javascript Programming. If you've been wanting to learn Javascript, this will help you get a quick head start. We'll cover the very basics...
This is part one of Javascript Programming. If you've been wanting to learn Javascript, this will help you get a quick head start. We'll cover the very basics and get you prepared for part 2 which will teach you to use jQuery to do some fun stuff to your web page in real time!
Once you have it, Here's video 2!: http://youtu.be/WGPaZNYrHpo
Learning Javascript (or learning programming of any kind) can feel a bit uncomfortable at first, but I promise it will come quickly.
https://wn.com/Javascript_Tutorial_Programming_Tutorial_For_Beginners_Pt_1
This is part one of Javascript Programming. If you've been wanting to learn Javascript, this will help you get a quick head start. We'll cover the very basics and get you prepared for part 2 which will teach you to use jQuery to do some fun stuff to your web page in real time!
Once you have it, Here's video 2!: http://youtu.be/WGPaZNYrHpo
Learning Javascript (or learning programming of any kind) can feel a bit uncomfortable at first, but I promise it will come quickly.
- published: 24 Jan 2014
- views: 648822
Coding an HTML5 Canvas Game with JS in 5 min 30 sec
- Order: Reorder
- Duration: 6:46
- Updated: 08 Dec 2015
- views: 868467
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...
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
https://wn.com/Coding_An_Html5_Canvas_Game_With_Js_In_5_Min_30_Sec
Coding "Snake" in 4 min 30 sec (plain browser JavaScript)
- Order: Reorder
- Duration: 7:09
- Updated: 05 May 2017
- views: 2160249
Support on Patreon: https://www.patreon.com/gamkedo Try my free course: http://code-your-first-game.com (or full URL is https://www.udemy.com/code-your-first-ga...
Support on Patreon: https://www.patreon.com/gamkedo Try my free course: http://code-your-first-game.com (or full URL is https://www.udemy.com/code-your-first-game/ ) Next steps: http://gamkedo.com The (hacky) Snake source: https://pastebin.com/Z3zhb7cY About InteractionArtist, my 219 daily prototypes: https://www.youtube.com/watch?v=BgZrBpSISS0
https://wn.com/Coding_Snake_In_4_Min_30_Sec_(Plain_Browser_Javascript)
Support on Patreon: https://www.patreon.com/gamkedo Try my free course: http://code-your-first-game.com (or full URL is https://www.udemy.com/code-your-first-game/ ) Next steps: http://gamkedo.com The (hacky) Snake source: https://pastebin.com/Z3zhb7cY About InteractionArtist, my 219 daily prototypes: https://www.youtube.com/watch?v=BgZrBpSISS0
- published: 05 May 2017
- views: 2160249
JavaScript Tutorial
- Order: Reorder
- Duration: 1:37:09
- Updated: 20 Sep 2015
- views: 716488
Get the Cheat Sheet Here : http://goo.gl/TxNsQO
Best Book on JavaScript : http://amzn.to/1WbMYvm
Support Me on Patreon : https://www.patreon.com/derekbanas
00...
Get the Cheat Sheet Here : http://goo.gl/TxNsQO
Best Book on JavaScript : http://amzn.to/1WbMYvm
Support Me on Patreon : https://www.patreon.com/derekbanas
00:22 Introduction
03:27 Variables
04:27 Math
12:00 Random Numbers
13:21 Strings
17:24 Styling Strings
18:14 If
21:44 Switch
23:04 Ternary Operator
23:55 While
24:51 Do While
25:52 For
27:37 For In
28:39 Arrays
34:42 Functions
36:41 Pass Function as Parameter
39:42 Receive Variable Number of Arguments
40:55 Return Variable Number of Arguments
42:02 Recursive Functions
43:54 Event Handling
46:24 Mouse Events
51:30 Key Events
54:02 Change Tag Value
56:41 Change Class
58:02 Change Input Element
59:20 Mouse X / Y Coordinates
1:01:42 Get Elements by Tag Name
1:03:00 Element Styling
1:05:48 Manipulating URLs
1:09:37 Editing Child Nodes
1:15:08 Setting Attributes
1:18:11 Adding Elements
1:19:50 OO JavaScript
1:28:33 Form Validation
1:34:54 Exception Handling
https://wn.com/Javascript_Tutorial
Get the Cheat Sheet Here : http://goo.gl/TxNsQO
Best Book on JavaScript : http://amzn.to/1WbMYvm
Support Me on Patreon : https://www.patreon.com/derekbanas
00:22 Introduction
03:27 Variables
04:27 Math
12:00 Random Numbers
13:21 Strings
17:24 Styling Strings
18:14 If
21:44 Switch
23:04 Ternary Operator
23:55 While
24:51 Do While
25:52 For
27:37 For In
28:39 Arrays
34:42 Functions
36:41 Pass Function as Parameter
39:42 Receive Variable Number of Arguments
40:55 Return Variable Number of Arguments
42:02 Recursive Functions
43:54 Event Handling
46:24 Mouse Events
51:30 Key Events
54:02 Change Tag Value
56:41 Change Class
58:02 Change Input Element
59:20 Mouse X / Y Coordinates
1:01:42 Get Elements by Tag Name
1:03:00 Element Styling
1:05:48 Manipulating URLs
1:09:37 Editing Child Nodes
1:15:08 Setting Attributes
1:18:11 Adding Elements
1:19:50 OO JavaScript
1:28:33 Form Validation
1:34:54 Exception Handling
- published: 20 Sep 2015
- views: 716488
Coding Challenge #66: JavaScript Countdown Timer
- Order: Reorder
- Duration: 21:48
- Updated: 25 Mar 2017
- views: 45050
In this video, I use the p5.js library to create a web-based countdown timer. I discuss the native JavaScript method setInterval() and well as p5's millis().
...
In this video, I use the p5.js library to create a web-based countdown timer. I discuss the native JavaScript method setInterval() and well as p5's millis().
Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://codingtrain.storenvy.com
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/
Links discussed in this video:
millis() reference: https://p5js.org/reference/#/p5/millis
getURLParams() reference: https://p5js.org/reference/#/p5/getURLParams
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/72oH/
https://wn.com/Coding_Challenge_66_Javascript_Countdown_Timer
In this video, I use the p5.js library to create a web-based countdown timer. I discuss the native JavaScript method setInterval() and well as p5's millis().
Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://codingtrain.storenvy.com
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/
Links discussed in this video:
millis() reference: https://p5js.org/reference/#/p5/millis
getURLParams() reference: https://p5js.org/reference/#/p5/getURLParams
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/72oH/
- published: 25 Mar 2017
- views: 45050
Learn JavaScript in 12 Minutes
- Order: Reorder
- Duration: 12:01
- Updated: 05 Aug 2014
- views: 868281
Learn the fundamental features of JavaScript - the language used to add dynamic, interactive content to websites. I teach you how to get started with JavaScript...
Learn the fundamental features of JavaScript - the language used to add dynamic, interactive content to websites. I teach you how to get started with JavaScript, how to use variables, operators, arrays, properties, methods, custom functions, conditionals and loops. In 12 minutes.
LEARN HTML IN 12 MINUTES
http://youtu.be/bWPMSSsVdPk
LEARN CSS IN 12 MINUTES
http://youtu.be/0afZj1G0BIE
LEARN PHP IN 15 MINUTES
http://youtu.be/ZdP0KM49IVk
---------- Text Editors ----------
For Windows users, I recommend using Notepad++ to edit HTML files:
http://notepad-plus-plus.org
For Mac users, I recommend Sublime Text:
http://www.sublimetext.com
----------------------------------------
SUBSCRIBE FOR MORE
http://youtube.com/subscription_center?add_user=jaketvee
TWITTER http://twitter.com/jakewrightuk
FACEBOOK https://www.facebook.com/jakewrightuk
INSTAGRAM http://instagram.com/jakewrightuk
http://jakewright.net
https://wn.com/Learn_Javascript_In_12_Minutes
Learn the fundamental features of JavaScript - the language used to add dynamic, interactive content to websites. I teach you how to get started with JavaScript, how to use variables, operators, arrays, properties, methods, custom functions, conditionals and loops. In 12 minutes.
LEARN HTML IN 12 MINUTES
http://youtu.be/bWPMSSsVdPk
LEARN CSS IN 12 MINUTES
http://youtu.be/0afZj1G0BIE
LEARN PHP IN 15 MINUTES
http://youtu.be/ZdP0KM49IVk
---------- Text Editors ----------
For Windows users, I recommend using Notepad++ to edit HTML files:
http://notepad-plus-plus.org
For Mac users, I recommend Sublime Text:
http://www.sublimetext.com
----------------------------------------
SUBSCRIBE FOR MORE
http://youtube.com/subscription_center?add_user=jaketvee
TWITTER http://twitter.com/jakewrightuk
FACEBOOK https://www.facebook.com/jakewrightuk
INSTAGRAM http://instagram.com/jakewrightuk
http://jakewright.net
- published: 05 Aug 2014
- views: 868281
Using Node.js To Create Electronic Dance Music
- Order: Reorder
- Duration: 37:51
- Updated: 09 Jul 2017
- views: 312891
Did you know that we can create electronic dance music with JavaScript? Watch this presentation to learn how to do that with Node.js.
CREDITS: This video was o...
Did you know that we can create electronic dance music with JavaScript? Watch this presentation to learn how to do that with Node.js.
CREDITS: This video was originally published on SFNode YouTube Channel (https://www.youtube.com/channel/UCbWHWaCKZqIm5pE5hSD7KFw). Please check out the channel to watch more presentations.
SPEAKER: Walmik Deshpande, https://twitter.com/_walmik
SLIDES: https://speakerdeck.com/walmik/node-dot-js
PERMISSION: This video was published with the Author's permission.
https://wn.com/Using_Node.Js_To_Create_Electronic_Dance_Music
Did you know that we can create electronic dance music with JavaScript? Watch this presentation to learn how to do that with Node.js.
CREDITS: This video was originally published on SFNode YouTube Channel (https://www.youtube.com/channel/UCbWHWaCKZqIm5pE5hSD7KFw). Please check out the channel to watch more presentations.
SPEAKER: Walmik Deshpande, https://twitter.com/_walmik
SLIDES: https://speakerdeck.com/walmik/node-dot-js
PERMISSION: This video was published with the Author's permission.
- published: 09 Jul 2017
- views: 312891
Coding Challenge #3: The Snake Game
- Order: Reorder
- Duration: 27:27
- Updated: 20 Apr 2016
- views: 1149574
In this 10 Minute Coding Challenge, I attempt to code a p5.js version of the Snake Game.
Send me your 10 minute coding challenge!
Contact: http://twitter.com/...
In this 10 Minute Coding Challenge, I attempt to code a p5.js version of the Snake Game.
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
https://wn.com/Coding_Challenge_3_The_Snake_Game
In this 10 Minute Coding Challenge, I attempt to code a p5.js version of the Snake Game.
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: 1149574
Coding Challenge #40.1: Word Counter in JavaScript
- Order: Reorder
- Duration: 21:54
- Updated: 10 Oct 2016
- views: 16169
In this Coding Challenge, I build a word counting (concordance) web application in JavaScript. The video demonstrates a use of associate arrays, regular expre...
In this Coding Challenge, I build a word counting (concordance) web application in JavaScript. The video demonstrates a use of associate arrays, regular expressions, and other techniques previously covered as part of "Programming from A to Z."
Next Video: https://youtu.be/fxQ0B6BkfKo
http://shiffman.net/a2z/text-analysis/
Course url: http://shiffman.net/a2z/
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact: https://twitter.com/shiffman
GitHub Repo with all the info for Programming from A to Z: https://github.com/shiffman/A2Z-F16
Links discussed in this video:
ITP from Tisch School of the Arts: https://tisch.nyu.edu/itp
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Programming from A to Z videos: https://www.youtube.com/user/shiffman/playlists?shelf_id=11&view;=50&sort;=dd
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/XJ8r/
https://wn.com/Coding_Challenge_40.1_Word_Counter_In_Javascript
In this Coding Challenge, I build a word counting (concordance) web application in JavaScript. The video demonstrates a use of associate arrays, regular expressions, and other techniques previously covered as part of "Programming from A to Z."
Next Video: https://youtu.be/fxQ0B6BkfKo
http://shiffman.net/a2z/text-analysis/
Course url: http://shiffman.net/a2z/
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact: https://twitter.com/shiffman
GitHub Repo with all the info for Programming from A to Z: https://github.com/shiffman/A2Z-F16
Links discussed in this video:
ITP from Tisch School of the Arts: https://tisch.nyu.edu/itp
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Programming from A to Z videos: https://www.youtube.com/user/shiffman/playlists?shelf_id=11&view;=50&sort;=dd
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/XJ8r/
- published: 10 Oct 2016
- views: 16169
Speed Coding (Javascript) - First time making the game Pong
- Order: Reorder
- Duration: 10:05
- Updated: 16 Jan 2014
- views: 96908
I recorded the first time I tried making the game Pong.
Pong
http://adf.ly/1IsYj5
Code
http://adf.ly/1IsYnV
I recorded the first time I tried making the game Pong.
Pong
http://adf.ly/1IsYj5
Code
http://adf.ly/1IsYnV
https://wn.com/Speed_Coding_(Javascript)_First_Time_Making_The_Game_Pong
Web Development Tutorial for Beginners (#1) - How to build webpages with HTML, CSS, Javascript
- Order: Reorder
- Duration: 14:08
- Updated: 21 Oct 2013
- views: 2040663
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):...
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
https://wn.com/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
- published: 21 Oct 2013
- views: 2040663
speed coding admin panel w/ login screen and logout [JS]
- Order: Reorder
- Duration: 12:58
- Updated: 12 May 2017
- views: 966
hello guys, just wanted to put this video out there today, this video is sped up 15 times to keep it short because this took some while.
if you have any questi...
hello guys, just wanted to put this video out there today, this video is sped up 15 times to keep it short because this took some while.
if you have any questions please feel free to leave a comment, i really like helping you guys out and answering all your questions :)
twitter: https://twitter.com/devsfullstack
facebook: https://www.facebook.com/FullstackDevsYT
download the project here:
http://peterbousaada.com/download/admin_design.zip
Songs:
1---------------------------------------------------------------------------------
Song: Icehunt - Hover (feat. Helen Tess) [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/j51Bixo4ZBE
Download/Stream: http://ncs.io/HoverCr
2---------------------------------------------------------------------------------
Song: Culture Code - Make Me Move (feat. Karra) [Tobu Remix] | NCS Release
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/MRwmxS1AL6E
Download/Stream: http://ncs.io/TobuRemixCr
3---------------------------------------------------------------------------------
Song: Elektronomia - Sky High [NCS Release]
Music provided by NoCopyrightSounds.
Video Link: https://youtu.be/TW9d8vYrVFQ
Download Link: https://NCS.lnk.to/SkyHigh
https://wn.com/Speed_Coding_Admin_Panel_W_Login_Screen_And_Logout_Js
hello guys, just wanted to put this video out there today, this video is sped up 15 times to keep it short because this took some while.
if you have any questions please feel free to leave a comment, i really like helping you guys out and answering all your questions :)
twitter: https://twitter.com/devsfullstack
facebook: https://www.facebook.com/FullstackDevsYT
download the project here:
http://peterbousaada.com/download/admin_design.zip
Songs:
1---------------------------------------------------------------------------------
Song: Icehunt - Hover (feat. Helen Tess) [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/j51Bixo4ZBE
Download/Stream: http://ncs.io/HoverCr
2---------------------------------------------------------------------------------
Song: Culture Code - Make Me Move (feat. Karra) [Tobu Remix] | NCS Release
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/MRwmxS1AL6E
Download/Stream: http://ncs.io/TobuRemixCr
3---------------------------------------------------------------------------------
Song: Elektronomia - Sky High [NCS Release]
Music provided by NoCopyrightSounds.
Video Link: https://youtu.be/TW9d8vYrVFQ
Download Link: https://NCS.lnk.to/SkyHigh
- published: 12 May 2017
- views: 966
Coding Challenge #14: Fractal Trees - Recursive
- Order: Reorder
- Duration: 15:53
- Updated: 30 May 2016
- views: 243871
In this coding challenge, I'm going to show you how to create a fractal tree with a recursive algorithm in p5.js.
This is the first part of a series on algorith...
In this coding challenge, I'm going to show you how to create a fractal tree with a recursive algorithm in p5.js.
This is the first part of a series on algorithmic botany.
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!
Contact: https://twitter.com/shiffman
Links discussed in this video:
Nature of Code class on Kadenze: https://www.kadenze.com/courses/the-nature-of-code/info
Algorithmic Botany: http://algorithmicbotany.org/
Source Code for the Video Lessons: https://github.com/shiffman/Video-Lesson-Materials
p5.js: https://p5js.org/
Processing: https://processing.org
For More Algorithmic Botany Videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bxNsa_3SfCPyF9Md9XvXhR
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/QbsH/
https://wn.com/Coding_Challenge_14_Fractal_Trees_Recursive
In this coding challenge, I'm going to show you how to create a fractal tree with a recursive algorithm in p5.js.
This is the first part of a series on algorithmic botany.
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!
Contact: https://twitter.com/shiffman
Links discussed in this video:
Nature of Code class on Kadenze: https://www.kadenze.com/courses/the-nature-of-code/info
Algorithmic Botany: http://algorithmicbotany.org/
Source Code for the Video Lessons: https://github.com/shiffman/Video-Lesson-Materials
p5.js: https://p5js.org/
Processing: https://processing.org
For More Algorithmic Botany Videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6bxNsa_3SfCPyF9Md9XvXhR
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/QbsH/
- published: 30 May 2016
- views: 243871
JavaScript Tutorial for Absolute Beginners
- Order: Reorder
- Duration: 6:23:10
- Updated: 04 Aug 2015
- views: 710710
Angular 4 (latest version of Angular 2) - The Complete Guide ☞ http://learnstartup.net/go/H1jE_tD3l
Angular 2 and NodeJS - The Practical Guide to MEAN Stack 2.0...
Angular 4 (latest version of Angular 2) - The Complete Guide ☞ http://learnstartup.net/go/H1jE_tD3l
Angular 2 and NodeJS - The Practical Guide to MEAN Stack 2.0 ☞ http://learnstartup.net/go/S1y1-FIGx
ES6 Javascript: The Complete Developer's Guide ☞ http://learnstartup.net/go/BkGZcMlbe
The Complete Node.js Developer Course (2nd Edition)
☞ http://learnstartup.net/p/r1K7HXybe
Beginner API development in Node, Express, ES6, & MongoDB
☞ http://learnstartup.net/p/SkN62OLZx
Typescript 2 Masterclass: Node REST API + Angular 2 Client
☞ http://learnstartup.net/p/r1g4WNHGg
https://wn.com/Javascript_Tutorial_For_Absolute_Beginners
Angular 4 (latest version of Angular 2) - The Complete Guide ☞ http://learnstartup.net/go/H1jE_tD3l
Angular 2 and NodeJS - The Practical Guide to MEAN Stack 2.0 ☞ http://learnstartup.net/go/S1y1-FIGx
ES6 Javascript: The Complete Developer's Guide ☞ http://learnstartup.net/go/BkGZcMlbe
The Complete Node.js Developer Course (2nd Edition)
☞ http://learnstartup.net/p/r1K7HXybe
Beginner API development in Node, Express, ES6, & MongoDB
☞ http://learnstartup.net/p/SkN62OLZx
Typescript 2 Masterclass: Node REST API + Angular 2 Client
☞ http://learnstartup.net/p/r1g4WNHGg
- published: 04 Aug 2015
- views: 710710
Coding Challenge 51.1: A* Pathfinding Algorithm - Part 1
- Order: Reorder
- Duration: 48:42
- Updated: 16 Jan 2017
- views: 112683
In this Coding Challenge, I attempt an implementation of the A* pathfinding algorithm to find the optimal path between two points in a 2D grid. I begin by expl...
In this Coding Challenge, I attempt an implementation of the A* pathfinding algorithm to find the optimal path between two points in a 2D grid. I begin by explaining the mechanics of how the algorithm works, look at pseudo-code, and then write the algorithm in JavaScript using the p5.js library for rendering.
Part 2 focuses on adding obstacles (walls) to the grid as well as functionality for moving diagonally.
.
In Part 3, I look at ways to improve the visual design and invite you to put your own spin on it.
Part 2: https://youtu.be/EaZxUCWAjb0
Part 3: https://youtu.be/jwRT4PCT6RU
Online demo: https://codingtrain.github.io/AStar/
Code: https://github.com/CodingTrain/AStar
To see the whole unedited version of this challenge: https://www.youtube.com/watch?v=S4yQYiAECnM&t;=34m50s
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact: https://twitter.com/shiffman
A* Algorithm on Wikipedia: https://en.wikipedia.org/wiki/A*_search_algorithm
Artificial Intelligence: A Modern Approach: http://aima.cs.berkeley.edu/
My Maze Generation Coding Challenge: https://www.youtube.com/watch?v=HyK_Q5rrcr4
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/2el5/
https://wn.com/Coding_Challenge_51.1_A_Pathfinding_Algorithm_Part_1
In this Coding Challenge, I attempt an implementation of the A* pathfinding algorithm to find the optimal path between two points in a 2D grid. I begin by explaining the mechanics of how the algorithm works, look at pseudo-code, and then write the algorithm in JavaScript using the p5.js library for rendering.
Part 2 focuses on adding obstacles (walls) to the grid as well as functionality for moving diagonally.
.
In Part 3, I look at ways to improve the visual design and invite you to put your own spin on it.
Part 2: https://youtu.be/EaZxUCWAjb0
Part 3: https://youtu.be/jwRT4PCT6RU
Online demo: https://codingtrain.github.io/AStar/
Code: https://github.com/CodingTrain/AStar
To see the whole unedited version of this challenge: https://www.youtube.com/watch?v=S4yQYiAECnM&t;=34m50s
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact: https://twitter.com/shiffman
A* Algorithm on Wikipedia: https://en.wikipedia.org/wiki/A*_search_algorithm
Artificial Intelligence: A Modern Approach: http://aima.cs.berkeley.edu/
My Maze Generation Coding Challenge: https://www.youtube.com/watch?v=HyK_Q5rrcr4
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/2el5/
- published: 16 Jan 2017
- views: 112683
15.1: What is Node.js? - Twitter Bot Tutorial
- Order: Reorder
- Duration: 15:13
- Updated: 13 Nov 2015
- views: 158567
This video covers the basics of node.js. What is node.js? What is server-side programming? What might you use it for and how do you get started? Basic unix...
This video covers the basics of node.js. What is node.js? What is server-side programming? What might you use it for and how do you get started? Basic unix commands and working with terminal are covered.
Darius Kazemi Eyeo talk: https://vimeo.com/112289364
Allison Parrish twitter bot tutorial: http://air.decontextualize.com/twitterbot/
NY Magazine on bots: http://nymag.com/following/2015/11/12-weirdest-funniest-smartest-twitter-bots.html
All examples: https://github.com/shiffman/Video-Lesson-Materials
Contact: https://twitter.com/shiffman
Next video:
https://youtu.be/s70-Vsud9Vk
Learn JavaScript basics:
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Learn Processing basics:
https://www.youtube.com/user/shiffman/playlists?sort=dd&shelf;_id=2&view;=50
More about data and APIs:
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6a-SQiI4RtIwuOrLJGnel0r
Help us caption & translate this video!
http://amara.org/v/Qbts/
https://wn.com/15.1_What_Is_Node.Js_Twitter_Bot_Tutorial
This video covers the basics of node.js. What is node.js? What is server-side programming? What might you use it for and how do you get started? Basic unix commands and working with terminal are covered.
Darius Kazemi Eyeo talk: https://vimeo.com/112289364
Allison Parrish twitter bot tutorial: http://air.decontextualize.com/twitterbot/
NY Magazine on bots: http://nymag.com/following/2015/11/12-weirdest-funniest-smartest-twitter-bots.html
All examples: https://github.com/shiffman/Video-Lesson-Materials
Contact: https://twitter.com/shiffman
Next video:
https://youtu.be/s70-Vsud9Vk
Learn JavaScript basics:
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Learn Processing basics:
https://www.youtube.com/user/shiffman/playlists?sort=dd&shelf;_id=2&view;=50
More about data and APIs:
https://www.youtube.com/playlist?list=PLRqwX-V7Uu6a-SQiI4RtIwuOrLJGnel0r
Help us caption & translate this video!
http://amara.org/v/Qbts/
- published: 13 Nov 2015
- views: 158567
Denis Radin: Applying NASA coding standards to JavaScript | JSConf EU 2017
- Order: Reorder
- Duration: 25:04
- Updated: 06 Jun 2017
- views: 5995
http://2017.jsconf.eu/speakers/denis-radin-applying-nasa-coding-standards-to-javascript.html
Jet Propulsion Laboratory - scientific institution making research...
http://2017.jsconf.eu/speakers/denis-radin-applying-nasa-coding-standards-to-javascript.html
Jet Propulsion Laboratory - scientific institution making research and development for NASA. Their portfolio includes such famous missions as Curiosity Mars rover and Voyager probe which left solar system after 25 years of flight and still providing scientific information. High level of automation and long duration of missions led to superior demands to software quality. As a result of JPL amazing experience a set of code guidelines was developed and published recently. Since demands to web-driven software constantly increase and more critical tasks are entrusted to JavaScript, lets apply NASA coding guidelines to JavaScript / HTML applications for higher performance, reliability and the better world.
https://wn.com/Denis_Radin_Applying_Nasa_Coding_Standards_To_Javascript_|_Jsconf_Eu_2017
http://2017.jsconf.eu/speakers/denis-radin-applying-nasa-coding-standards-to-javascript.html
Jet Propulsion Laboratory - scientific institution making research and development for NASA. Their portfolio includes such famous missions as Curiosity Mars rover and Voyager probe which left solar system after 25 years of flight and still providing scientific information. High level of automation and long duration of missions led to superior demands to software quality. As a result of JPL amazing experience a set of code guidelines was developed and published recently. Since demands to web-driven software constantly increase and more critical tasks are entrusted to JavaScript, lets apply NASA coding guidelines to JavaScript / HTML applications for higher performance, reliability and the better world.
- published: 06 Jun 2017
- views: 5995
Live Coding a JavaScript Poll App with Chris and Alex (1/2)
- Order: Reorder
- Duration: 1:00:04
- Updated: 02 May 2016
- views: 25033
Watch part 2 with Chris: https://youtu.be/nL2wpZV1LYc
Subscribe to Chris' YouTube channel: https://www.youtube.com/c/dev_coffee
Website we built: http://www.an...
Watch part 2 with Chris: https://youtu.be/nL2wpZV1LYc
Subscribe to Chris' YouTube channel: https://www.youtube.com/c/dev_coffee
Website we built: http://www.andvote.com/
Source code: https://github.com/andvote/andvote
▼ Follow me ▼
on Twitter: https://twitter.com/bookercodes
on GitHub: https://github.com/alexbooker
▼ Links I Mention in the Video (in the Order I Mention Them)▼
Joe https://github.com/karan/joe
ESLint http://eslint.org/
tmux https://tmux.github.io/
Babel https://babeljs.io/
Nodemon https://github.com/remy/nodemon
Sequelize http://docs.sequelizejs.com/en/latest/
My Sequelize course https://www.youtube.com/playlist?list=PL5ze0DjYv5DYBDfl0vF_VRxEu8JdTIHlR
sequelize-connect https://github.com/jspizziri/sequelize-connect
Redis: http://redis.io/
My shell aliases: https://github.com/alexbooker/dotfiles/blob/master/.aliases.sh
VimFiler: https://github.com/Shougo/vimfiler.vim
Postman: https://www.getpostman.com/
My friend Jerrie from ProCoder's Postman course: https://www.youtube.com/playlist?list=PLq8ibqx-o5fcYN-v5cNqz8C_045W2VFis
Chalk: https://github.com/chalk/chalk
▼ Timestamps▼
For your convince, here are some timestamps:
00:00 Introduction
01:49 Initializing Git
02:32 Creating npm package.json
02:49 Setting up ESLint
04:17 Setting up Babel
07:30 Setting up a simple Express server
08:38 Setting up Nodemon npm script
10:11 Connecting to MySQL via Sequelize
12:50 Installing the Babel parser for ESLint
13:57 Setting up a one-to-many relationship between the poll and poll option tables
19:22 Creating the MySQL database via the MySQL command-line tool
20:54 Creating the poll controller
21:24 Handling poll submissions
29:48 Handling poll queries
33:10 Creating the vote controller
33:17 Setting up the vote model
35:47 Debugging the vote model
37:14 Handling vote submissions
39:58 Including votes in the poll query response
41:39 Coding a more efficient way to query poll votes
43:31 Prevent users from voting on the same poll more than once based on their remote IP
51:28 Creating an error handler middleware function
54:00 Setting up Chalk
54:56 Basic input validation
56:43 Uploading the code to GitHub
58:22 Conclusion
▼ Attribution ▼
Intro inspiration by Mackenzie Child https://www.youtube.com/user/mackenziechild
Emoji provided free by http://emojione.com
Sound effect provided free by http://freesound.org/people/edsward/sounds/341871/
Twitter and GitHub icons provided free by Freepik form http://www.flaticon.com
Link icon provided free by Dave Gandy from https://fortawesome.github.io/Font-Awesome/ via http://www.flaticon.com
Special thanks to Cruor (https://twitter.com/Cruor99) and Yngve Olsen Ranestad (github.com/piees) who helped me with a SQL query when preparing for this video.
https://wn.com/Live_Coding_A_Javascript_Poll_App_With_Chris_And_Alex_(1_2)
Watch part 2 with Chris: https://youtu.be/nL2wpZV1LYc
Subscribe to Chris' YouTube channel: https://www.youtube.com/c/dev_coffee
Website we built: http://www.andvote.com/
Source code: https://github.com/andvote/andvote
▼ Follow me ▼
on Twitter: https://twitter.com/bookercodes
on GitHub: https://github.com/alexbooker
▼ Links I Mention in the Video (in the Order I Mention Them)▼
Joe https://github.com/karan/joe
ESLint http://eslint.org/
tmux https://tmux.github.io/
Babel https://babeljs.io/
Nodemon https://github.com/remy/nodemon
Sequelize http://docs.sequelizejs.com/en/latest/
My Sequelize course https://www.youtube.com/playlist?list=PL5ze0DjYv5DYBDfl0vF_VRxEu8JdTIHlR
sequelize-connect https://github.com/jspizziri/sequelize-connect
Redis: http://redis.io/
My shell aliases: https://github.com/alexbooker/dotfiles/blob/master/.aliases.sh
VimFiler: https://github.com/Shougo/vimfiler.vim
Postman: https://www.getpostman.com/
My friend Jerrie from ProCoder's Postman course: https://www.youtube.com/playlist?list=PLq8ibqx-o5fcYN-v5cNqz8C_045W2VFis
Chalk: https://github.com/chalk/chalk
▼ Timestamps▼
For your convince, here are some timestamps:
00:00 Introduction
01:49 Initializing Git
02:32 Creating npm package.json
02:49 Setting up ESLint
04:17 Setting up Babel
07:30 Setting up a simple Express server
08:38 Setting up Nodemon npm script
10:11 Connecting to MySQL via Sequelize
12:50 Installing the Babel parser for ESLint
13:57 Setting up a one-to-many relationship between the poll and poll option tables
19:22 Creating the MySQL database via the MySQL command-line tool
20:54 Creating the poll controller
21:24 Handling poll submissions
29:48 Handling poll queries
33:10 Creating the vote controller
33:17 Setting up the vote model
35:47 Debugging the vote model
37:14 Handling vote submissions
39:58 Including votes in the poll query response
41:39 Coding a more efficient way to query poll votes
43:31 Prevent users from voting on the same poll more than once based on their remote IP
51:28 Creating an error handler middleware function
54:00 Setting up Chalk
54:56 Basic input validation
56:43 Uploading the code to GitHub
58:22 Conclusion
▼ Attribution ▼
Intro inspiration by Mackenzie Child https://www.youtube.com/user/mackenziechild
Emoji provided free by http://emojione.com
Sound effect provided free by http://freesound.org/people/edsward/sounds/341871/
Twitter and GitHub icons provided free by Freepik form http://www.flaticon.com
Link icon provided free by Dave Gandy from https://fortawesome.github.io/Font-Awesome/ via http://www.flaticon.com
Special thanks to Cruor (https://twitter.com/Cruor99) and Yngve Olsen Ranestad (github.com/piees) who helped me with a SQL query when preparing for this video.
- published: 02 May 2016
- views: 25033
Coding Challenge #21: Mandelbrot Set with p5.js
- Order: Reorder
- Duration: 25:28
- Updated: 13 Jun 2016
- views: 73625
In this coding challenge, I program from scratch the Mandelbrot set with p5.js
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your q...
In this coding challenge, I program from scratch the Mandelbrot set with p5.js
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!
Contact: https://twitter.com/shiffman
Links discussed in this video:
Wikipedia on Mandelbrot Set: https://en.wikipedia.org/wiki/Mandelbrot_set
Mandelbrot Set Explorer: https://meiamso.me/old/mandelbrot/mandelbrot.php
Source Code for the Video Lessons: https://github.com/shiffman/Video-Lesson-Materials
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/Qbrn/
https://wn.com/Coding_Challenge_21_Mandelbrot_Set_With_P5.Js
In this coding challenge, I program from scratch the Mandelbrot set with p5.js
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!
Contact: https://twitter.com/shiffman
Links discussed in this video:
Wikipedia on Mandelbrot Set: https://en.wikipedia.org/wiki/Mandelbrot_set
Mandelbrot Set Explorer: https://meiamso.me/old/mandelbrot/mandelbrot.php
Source Code for the Video Lessons: https://github.com/shiffman/Video-Lesson-Materials
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/Qbrn/
- published: 13 Jun 2016
- views: 73625
MEAN js code and yo generator
- Order: Reorder
- Duration: 8:28
- Updated: 09 Dec 2016
- views: 27
MEAN js code and yo generator
MEAN js code and yo generator
https://wn.com/Mean_Js_Code_And_Yo_Generator
New Facebook Emoticons (JS Code)
- Order: Reorder
- Duration: 2:10
- Updated: 30 May 2014
- views: 320
- published: 30 May 2014
- views: 320
DeVcon CDO Node JS Code Camp Promotional Video
- Order: Reorder
- Duration: 0:49
- Updated: 06 Mar 2017
- views: 6
JS Coding Standards
- Order: Reorder
- Duration: 23:03
- Updated: 08 Aug 2012
- views: 2708
JS Coding Practice on Code Advengers
- Order: Reorder
- Duration: 4:14:30
- Updated: 19 Feb 2013
- views: 34
- published: 19 Feb 2013
- views: 34
-
Coding Connect Four with Javascript & jQuery
Follow me on twitter! https://twitter.com/CodyLSeibert In this video, learn how to programming a basic two player connect four game using Javascript, jQuery, CSS, and HTML. This tutorial is geared towards people who understand the basics of web technologies, but maybe want to watch how another developer builds a connect four application. Feel free to fork the repo for yourself here: https://github.com/codyseibert/js-connect-four
published: 30 Oct 2017 -
Pitch 28: js coding for kids
w00tcamp is een tweedaagse hackathon van Q42. En nóg toffer gemaakt door Google en UNITiD! Meer weten over Q42? https://www.q42.nl Meer weten over w00tcamp? https://w00t.camp De w00tcampprojecten checken? https://w00t.camp/project/all w00tcamp sfeer proeven? https://www.instagram.com/w00tcamp
published: 26 Oct 2017 -
Coding Tutorial | Processing JS | Part 1 - Drawing Shapes
In this new series, I will teach you about a coding language-- simpler than Java Script. Processing Java Script. ProcessingJS is a computer language that allows users to create programs that are amazing. In the first part, I just teach you about basic shapes: rectangles/squares and ovals/circles rect(x, y, width, height); ellipse(x, y, width, height); Please Like, comment, subscribe and share :)
published: 22 Oct 2017 -
Recursive Factorial in JavaScript | Daily LIVE Coding DLC #44
On this episode, implementation of factorial in both recursive and iterative version...initial bug in factorial_iterative :P ... About the Deliberate Think LIVE Show The Deliberate Think LIVE Show is an attempt to help students get the feel of the PROCESS and the struggle of conquering technical stuff like computer science and mathematics. We solve problems that we have SEEN FOR THE FIRST TIME. (All material used belong to their respective owners. FAIR USE intended)
published: 14 Oct 2017 -
10 Days Of Javascript Day 0 | Daily LIVE Coding DLC #41
On this episode, use console.log() to print Hello, World! on a new line in the console, which is also known as stdout or standard output. About the Deliberate Think LIVE Show The Deliberate Think LIVE Show is an attempt to help students get the feel of the PROCESS and the struggle of conquering technical stuff like computer science and mathematics. We solve problems that we have SEEN FOR THE FIRST TIME. (All material used belong to their respective owners. FAIR USE intended)
published: 11 Oct 2017 -
SQL - Live Coding an Express Server in Node.js - Part 2.5
published: 06 Oct 2017 -
REST api - Live Coding an Express Server in Node.js - Part 5 (final)
published: 06 Oct 2017 -
REST api - Live Coding an Express Server in Node.js - Part 4
Today we... - Talked about using npm scripts like `start`, `db:init`, `db:loadschema` as a way to make our code easily runnable for other developers. - Mapped out the api routes that we will be creating (see below) - Discussed the difference between PUT and POST: with PUT you need to send along *all* the fields for the resource, including ones you're not updating. With POST you can only send the ones you're updating. This is because PUT is *idempotent* - Justin offered a confusing example of PUT vs POST. He's sorry, and will find a clearer one to send along. 😉 - Wrote database functions to *create*, *read* and *delete* contacts. - Talked about SQL injection attacks, and why it's important to use pg-promise's *parameterized queries* (see: https://github.com/vitaly-t/pg-promise#queries-and-p...
published: 06 Oct 2017 -
Coding Math How To Make Space shooter gameplay step by step javascript
Thank you for watching you can you get my game: https://pastebin.com/KyACB6VR get full playlist :
published: 29 Sep 2017 -
Front-End Coding Hour #7: Refactoring our twitch bot with node.js
Twitch Front-End Coding Hour #7 Slow Jam - After talking to a colleague, decided that a refactor is in order for the twitch bot! We're going with 3 separate node processes and a db (4 total "moving pieces"). This is the initial explanation and setup! --- This Episode's Github Repo: https://github.com/pstrawberrie/pbot --- Watch live on Twitch - weekdays at 5PM MST! https://www.twitch.tv/pstrawberrie --- Jump on Social Media to discover more juicy pstrawberrie content and join the community! On the Web @ https://pstrawberrie.live/ On Twitch @ https://twitch.tv/pstrawberrie On Instagram @ https://instagram.com/pstrawberrie On Twitter @ https://twitter.com/pstrawberrie On Facebook @ https://facebook.com/pstrawberrie
published: 27 Sep 2017 -
Coding Challenge #76: 10PRINT in p5.js
In this coding challenge, I attempt to create a version of the classic one-line Commodore 64 BASIC program in JavaScript using p5.js. This coding challenge is inspired by the book 10 PRINT (https://10print.org/, Amazon: http://amzn.to/2wJlRVx ) 10 PRINT CHR$(205.5+RND(1)); : GOTO 10 Fun Fact: The C64 character set is called PETSCII, from the prior Commodore Pet. It’s interesting because unlike ASCII, it’s full of graphics: https://en.wikipedia.org/wiki/PETSCII Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise: https://codingtrain.storenvy.com To Support the Processing Foundation: https://processingfoundation.org/support Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: Twitter: https://...
published: 26 Sep 2017 -
Discord Bot Making Tutorial | Discord.js | Episode 2: Basic Coding
Oh, look! It's a new Striker video! What a suprise. ---------- My PC Specs: HP Notebook Graphics Chipset: AMD Radeon(TM) R5 Graphics Memory Size: 1024 MB Memory Type: DDR3 Core Clock: 847 MHz Windows Version: Windows 10 System Memory: 8 GB CPU Type: AMD A8-7410 APU with AMD Radeon R5 Graphics ------------ Playing: Discord Bot Making Recorded with: OBS Recorded on: 24/9/17 ------------ Need to contact me? Discord: Striker#7250 Google Plus & Hangouts: +Striker [GD] Official server: "soon" That's about all contacting ------------ Until next time!
published: 26 Sep 2017 -
Pure Javascript 2D Game - Speed Coding Tutorial
A Mario like game in pure Javascript, without any libraries. Hope you enjoy this! Source Code : http://github.com/codemodeco/js_game
published: 23 Sep 2017 -
Speed Coding - Téléphone CSS JS
🔻🔻🔻🔻🔻 Lis la description 🔻🔻🔻🔻🔻 💠 Petite absence sur youtube et j'en suis désolé :( Mais bon, on approche des 100 abonnés !!! Continuez comme ça ! 🔶 Le phone bleu : https://codepen.io/CowZax/pen/rGWxxy 🔶 Le phone rouge : https://codepen.io/CowZax/pen/pWNzXq ABONNE TOI POUR PLUS DE VIDÉO ET ACTIVE LA CLOCHE POUR LES NOTIFICATIONS ! 🔔
published: 23 Sep 2017 -
[Coding Project 2017- JS Club] Nhóm 1: ICE TEA TEAM: FIRST-GREETING
*Team 1: ICE TEA TEAM -Thành viên: Hoàng Minh Hải, Lương Văn Trà, Nguyễn Bá Duy, Đỗ Anh Tú. -Sản phẩm dự thi: Một công cụ như một mạng xã hội nhỏ dành cho các thành viên CLB. Giúp gắn kết các giữa các thành viên trong CLB nói chung và đặc biệt giúp các bạn thành viên mới hoà nhập một cách nhanh chóng. Thông qua nhiều tính năng đặc biệt như: Profile của các thành viên, Chat, Newfeed, và đặc biệt Video Call - kết nối ngẫu nhiên 1 “thành viên” cũ với 2 “cộng tác viên” mới nhằm giúp các bạn CTV nhanh chóng làm quen nhau và có cơ hội tìm hiểu về clb JS. Chúng tớ tin rằng, nhờ làm việc cùng nhau, tương tác với nhau, hiểu về nhau là cách nhanh chóng kết thân. Từ đó cùng nhau xây dựng clb ngày càng trất’s.
published: 21 Sep 2017 -
Coding Challenge #74: Clock with p5.js
In this coding challenge, I attempt to program a clock in HTML5 canvas with the p5.js library. This challenge was inspired by John Maeda's "12 o'clocks" and Golan Levin's assignment on the subject in his 60212 Interactivity & Computation class (http://cmuems.com/2016/60212/lectures/lecture-09-09b-clocks/maedas-clocks/) Submit links to your clocks! https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_74_Clock Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise: https://codingtrain.storenvy.com To Support the Processing Foundation: https://processingfoundation.org/support Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: Twitter: https://twitter.com/shiffman The Codi...
published: 20 Sep 2017 -
-
[Coding Project 2017- JS Club] Nhóm 4: AIR-CONDITION TEAM - Trợ lí ảo Kizuna Ai
published: 19 Sep 2017 -
[Coding Project 2017- JS Club] Nhóm 3: TEAM 40° - Tiện ích quản lý CLB trên Facebook
Nhóm 3: TEAM 40° -Leader: Nguyễn Lê Vũ Long -Supporter: Nguyễn Đắc Sang -Thành viên: Hà Thị Ngọc Lưu Ly, Nguyễn Quang Linh, Nguyễn Vũ Minh -Sản phẩm dự thi: Một tiện ích Chrome để quản lý các group Facebook của các CLB thuộc Đại học FPT. Tính năng: chỉ chọn những group mà bạn muốn theo dõi, có thể thêm, bớt, sắp xếp các group tùy ý ,mỗi group có một phòng chat riêng, thành viên của group sẽ tự động tham gia vào phòng chat.Bên cạnh đó, phòng chat có tính năng hiển thị ảnh, clip, nhạc, chia sẻ file. Mỗi group sẽ hiển thị các bài viết dưới dạng rút gọn, tập trung vào nội dung bài viết và các hashtags, bài viết của admin sẽ được đánh dấu đặc biệt.
published: 19 Sep 2017 -
JavaScript/Node.js | Coding discord bot part 2
github repo: github.com/nyanpasuowo/shinobu -- Watch live at https://www.twitch.tv/kiss_shotuwu
published: 16 Sep 2017
developed with YouTube
Coding Connect Four with Javascript & jQuery
- Order: Reorder
- Duration: 1:00:00
- Updated: 30 Oct 2017
- views: 14
Follow me on twitter!
https://twitter.com/CodyLSeibert
In this video, learn how to programming a basic two player connect four game using Javascript, jQuery, C...
Follow me on twitter!
https://twitter.com/CodyLSeibert
In this video, learn how to programming a basic two player connect four game using Javascript, jQuery, CSS, and HTML. This tutorial is geared towards people who understand the basics of web technologies, but maybe want to watch how another developer builds a connect four application.
Feel free to fork the repo for yourself here: https://github.com/codyseibert/js-connect-four
https://wn.com/Coding_Connect_Four_With_Javascript_Jquery
Follow me on twitter!
https://twitter.com/CodyLSeibert
In this video, learn how to programming a basic two player connect four game using Javascript, jQuery, CSS, and HTML. This tutorial is geared towards people who understand the basics of web technologies, but maybe want to watch how another developer builds a connect four application.
Feel free to fork the repo for yourself here: https://github.com/codyseibert/js-connect-four
- published: 30 Oct 2017
- views: 14
Pitch 28: js coding for kids
- Order: Reorder
- Duration: 2:17
- Updated: 26 Oct 2017
- views: 0
w00tcamp is een tweedaagse hackathon van Q42. En nóg toffer gemaakt door Google en UNITiD!
Meer weten over Q42? https://www.q42.nl
Meer weten over w00tcamp? ht...
w00tcamp is een tweedaagse hackathon van Q42. En nóg toffer gemaakt door Google en UNITiD!
Meer weten over Q42? https://www.q42.nl
Meer weten over w00tcamp? https://w00t.camp
De w00tcampprojecten checken? https://w00t.camp/project/all
w00tcamp sfeer proeven? https://www.instagram.com/w00tcamp
https://wn.com/Pitch_28_Js_Coding_For_Kids
w00tcamp is een tweedaagse hackathon van Q42. En nóg toffer gemaakt door Google en UNITiD!
Meer weten over Q42? https://www.q42.nl
Meer weten over w00tcamp? https://w00t.camp
De w00tcampprojecten checken? https://w00t.camp/project/all
w00tcamp sfeer proeven? https://www.instagram.com/w00tcamp
- published: 26 Oct 2017
- views: 0
Coding Tutorial | Processing JS | Part 1 - Drawing Shapes
- Order: Reorder
- Duration: 5:16
- Updated: 22 Oct 2017
- views: 3
In this new series, I will teach you about a coding language-- simpler than Java Script. Processing Java Script. ProcessingJS is a computer language that allows...
In this new series, I will teach you about a coding language-- simpler than Java Script. Processing Java Script. ProcessingJS is a computer language that allows users to create programs that are amazing.
In the first part, I just teach you about basic shapes:
rectangles/squares and ovals/circles
rect(x, y, width, height);
ellipse(x, y, width, height);
Please Like, comment, subscribe and share :)
https://wn.com/Coding_Tutorial_|_Processing_Js_|_Part_1_Drawing_Shapes
In this new series, I will teach you about a coding language-- simpler than Java Script. Processing Java Script. ProcessingJS is a computer language that allows users to create programs that are amazing.
In the first part, I just teach you about basic shapes:
rectangles/squares and ovals/circles
rect(x, y, width, height);
ellipse(x, y, width, height);
Please Like, comment, subscribe and share :)
- published: 22 Oct 2017
- views: 3
Recursive Factorial in JavaScript | Daily LIVE Coding DLC #44
- Order: Reorder
- Duration: 3:00
- Updated: 14 Oct 2017
- views: 6
On this episode, implementation of factorial in both recursive and iterative version...initial bug in factorial_iterative :P ...
About the Deliberate Think LIV...
On this episode, implementation of factorial in both recursive and iterative version...initial bug in factorial_iterative :P ...
About the Deliberate Think LIVE Show
The Deliberate Think LIVE Show is an attempt to help students get the feel of the PROCESS and the struggle of conquering technical
stuff like computer science and mathematics.
We solve problems that we have SEEN FOR THE FIRST TIME.
(All material used belong to their respective owners. FAIR USE intended)
https://wn.com/Recursive_Factorial_In_Javascript_|_Daily_Live_Coding_Dlc_44
On this episode, implementation of factorial in both recursive and iterative version...initial bug in factorial_iterative :P ...
About the Deliberate Think LIVE Show
The Deliberate Think LIVE Show is an attempt to help students get the feel of the PROCESS and the struggle of conquering technical
stuff like computer science and mathematics.
We solve problems that we have SEEN FOR THE FIRST TIME.
(All material used belong to their respective owners. FAIR USE intended)
- published: 14 Oct 2017
- views: 6
10 Days Of Javascript Day 0 | Daily LIVE Coding DLC #41
- Order: Reorder
- Duration: 1:22
- Updated: 11 Oct 2017
- views: 2
On this episode, use console.log() to print Hello, World! on a new line in the console, which is also known as stdout or standard output.
About the Deliberate ...
On this episode, use console.log() to print Hello, World! on a new line in the console, which is also known as stdout or standard output.
About the Deliberate Think LIVE Show
The Deliberate Think LIVE Show is an attempt to help students get the feel of the PROCESS and the struggle of conquering technical
stuff like computer science and mathematics.
We solve problems that we have SEEN FOR THE FIRST TIME.
(All material used belong to their respective owners. FAIR USE intended)
https://wn.com/10_Days_Of_Javascript_Day_0_|_Daily_Live_Coding_Dlc_41
On this episode, use console.log() to print Hello, World! on a new line in the console, which is also known as stdout or standard output.
About the Deliberate Think LIVE Show
The Deliberate Think LIVE Show is an attempt to help students get the feel of the PROCESS and the struggle of conquering technical
stuff like computer science and mathematics.
We solve problems that we have SEEN FOR THE FIRST TIME.
(All material used belong to their respective owners. FAIR USE intended)
- published: 11 Oct 2017
- views: 2
SQL - Live Coding an Express Server in Node.js - Part 2.5
- Order: Reorder
- Duration: 56:53
- Updated: 06 Oct 2017
- views: 39
- published: 06 Oct 2017
- views: 39
REST api - Live Coding an Express Server in Node.js - Part 5 (final)
- Order: Reorder
- Duration: 54:10
- Updated: 06 Oct 2017
- views: 26
- published: 06 Oct 2017
- views: 26
REST api - Live Coding an Express Server in Node.js - Part 4
- Order: Reorder
- Duration: 55:03
- Updated: 06 Oct 2017
- views: 52
Today we...
- Talked about using npm scripts like `start`, `db:init`, `db:loadschema` as a way to make our code easily runnable for other developers.
- Mapped o...
Today we...
- Talked about using npm scripts like `start`, `db:init`, `db:loadschema` as a way to make our code easily runnable for other developers.
- Mapped out the api routes that we will be creating (see below)
- Discussed the difference between PUT and POST: with PUT you need to send along *all* the fields for the resource, including ones you're not updating. With POST you can only send the ones you're updating. This is because PUT is *idempotent*
- Justin offered a confusing example of PUT vs POST. He's sorry, and will find a clearer one to send along. 😉
- Wrote database functions to *create*, *read* and *delete* contacts.
- Talked about SQL injection attacks, and why it's important to use pg-promise's *parameterized queries* (see: https://github.com/vitaly-t/pg-promise#queries-and-parameters)
- Wrote a RESTful route for getting all contacts
After office hours:
- Added the `pg-monitor` library to allow easy logging of all SQL queries
Next up:
- Write the database function to update a contact
- Write routes for getting a single contact, creating a contact, deleting a contact and updating a contact
https://wn.com/Rest_Api_Live_Coding_An_Express_Server_In_Node.Js_Part_4
Today we...
- Talked about using npm scripts like `start`, `db:init`, `db:loadschema` as a way to make our code easily runnable for other developers.
- Mapped out the api routes that we will be creating (see below)
- Discussed the difference between PUT and POST: with PUT you need to send along *all* the fields for the resource, including ones you're not updating. With POST you can only send the ones you're updating. This is because PUT is *idempotent*
- Justin offered a confusing example of PUT vs POST. He's sorry, and will find a clearer one to send along. 😉
- Wrote database functions to *create*, *read* and *delete* contacts.
- Talked about SQL injection attacks, and why it's important to use pg-promise's *parameterized queries* (see: https://github.com/vitaly-t/pg-promise#queries-and-parameters)
- Wrote a RESTful route for getting all contacts
After office hours:
- Added the `pg-monitor` library to allow easy logging of all SQL queries
Next up:
- Write the database function to update a contact
- Write routes for getting a single contact, creating a contact, deleting a contact and updating a contact
- published: 06 Oct 2017
- views: 52
Coding Math How To Make Space shooter gameplay step by step javascript
- Order: Reorder
- Duration: 10:01
- Updated: 29 Sep 2017
- views: 14
Thank you for watching you can you get my game: https://pastebin.com/KyACB6VR
get full playlist :
Thank you for watching you can you get my game: https://pastebin.com/KyACB6VR
get full playlist :
https://wn.com/Coding_Math_How_To_Make_Space_Shooter_Gameplay_Step_By_Step_Javascript
Thank you for watching you can you get my game: https://pastebin.com/KyACB6VR
get full playlist :
- published: 29 Sep 2017
- views: 14
Front-End Coding Hour #7: Refactoring our twitch bot with node.js
- Order: Reorder
- Duration: 56:05
- Updated: 27 Sep 2017
- views: 4
Twitch Front-End Coding Hour #7
Slow Jam - After talking to a colleague, decided that a refactor is in order for the twitch bot! We're going with 3 separate nod...
Twitch Front-End Coding Hour #7
Slow Jam - After talking to a colleague, decided that a refactor is in order for the twitch bot! We're going with 3 separate node processes and a db (4 total "moving pieces"). This is the initial explanation and setup!
---
This Episode's Github Repo:
https://github.com/pstrawberrie/pbot
---
Watch live on Twitch - weekdays at 5PM MST!
https://www.twitch.tv/pstrawberrie
---
Jump on Social Media to discover more juicy pstrawberrie content and join the community!
On the Web @ https://pstrawberrie.live/
On Twitch @ https://twitch.tv/pstrawberrie
On Instagram @ https://instagram.com/pstrawberrie
On Twitter @ https://twitter.com/pstrawberrie
On Facebook @ https://facebook.com/pstrawberrie
https://wn.com/Front_End_Coding_Hour_7_Refactoring_Our_Twitch_Bot_With_Node.Js
Twitch Front-End Coding Hour #7
Slow Jam - After talking to a colleague, decided that a refactor is in order for the twitch bot! We're going with 3 separate node processes and a db (4 total "moving pieces"). This is the initial explanation and setup!
---
This Episode's Github Repo:
https://github.com/pstrawberrie/pbot
---
Watch live on Twitch - weekdays at 5PM MST!
https://www.twitch.tv/pstrawberrie
---
Jump on Social Media to discover more juicy pstrawberrie content and join the community!
On the Web @ https://pstrawberrie.live/
On Twitch @ https://twitch.tv/pstrawberrie
On Instagram @ https://instagram.com/pstrawberrie
On Twitter @ https://twitter.com/pstrawberrie
On Facebook @ https://facebook.com/pstrawberrie
- published: 27 Sep 2017
- views: 4
Coding Challenge #76: 10PRINT in p5.js
- Order: Reorder
- Duration: 9:08
- Updated: 26 Sep 2017
- views: 22897
In this coding challenge, I attempt to create a version of the classic one-line Commodore 64 BASIC program in JavaScript using p5.js. This coding challenge is i...
In this coding challenge, I attempt to create a version of the classic one-line Commodore 64 BASIC program in JavaScript using p5.js. This coding challenge is inspired by the book 10 PRINT (https://10print.org/, Amazon: http://amzn.to/2wJlRVx )
10 PRINT CHR$(205.5+RND(1)); : GOTO 10
Fun Fact: The C64 character set is called PETSCII, from the prior Commodore Pet. It’s interesting because unlike ASCII, it’s full of graphics: https://en.wikipedia.org/wiki/PETSCII
Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://codingtrain.storenvy.com
To Support the Processing Foundation: https://processingfoundation.org/support
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/
Links discussed in this video:
10PRINT: http://10print.org/
Book link on Amazon: http://amzn.to/2wJlRVx
Sol Lewitt's Wall Drawings: http://massmoca.org/sol-lewitt/
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Programming with Text videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YrbSJBg32eTzUU50E2B8Ch
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
https://amara.org/v/au4k/
https://wn.com/Coding_Challenge_76_10Print_In_P5.Js
In this coding challenge, I attempt to create a version of the classic one-line Commodore 64 BASIC program in JavaScript using p5.js. This coding challenge is inspired by the book 10 PRINT (https://10print.org/, Amazon: http://amzn.to/2wJlRVx )
10 PRINT CHR$(205.5+RND(1)); : GOTO 10
Fun Fact: The C64 character set is called PETSCII, from the prior Commodore Pet. It’s interesting because unlike ASCII, it’s full of graphics: https://en.wikipedia.org/wiki/PETSCII
Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://codingtrain.storenvy.com
To Support the Processing Foundation: https://processingfoundation.org/support
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/
Links discussed in this video:
10PRINT: http://10print.org/
Book link on Amazon: http://amzn.to/2wJlRVx
Sol Lewitt's Wall Drawings: http://massmoca.org/sol-lewitt/
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Programming with Text videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YrbSJBg32eTzUU50E2B8Ch
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
https://amara.org/v/au4k/
- published: 26 Sep 2017
- views: 22897
Discord Bot Making Tutorial | Discord.js | Episode 2: Basic Coding
- Order: Reorder
- Duration: 13:57
- Updated: 26 Sep 2017
- views: 410
Oh, look!
It's a new Striker video!
What a suprise.
----------
My PC Specs: HP Notebook Graphics Chipset: AMD Radeon(TM) R5 Graphics Memory Size: 1024 MB Memor...
Oh, look!
It's a new Striker video!
What a suprise.
----------
My PC Specs: HP Notebook Graphics Chipset: AMD Radeon(TM) R5 Graphics Memory Size: 1024 MB Memory Type: DDR3 Core Clock: 847 MHz Windows Version: Windows 10 System Memory: 8 GB CPU Type: AMD A8-7410 APU with AMD Radeon R5 Graphics
------------
Playing: Discord Bot Making
Recorded with: OBS
Recorded on: 24/9/17
------------
Need to contact me?
Discord: Striker#7250
Google Plus & Hangouts: +Striker [GD] Official server: "soon"
That's about all contacting
------------
Until next time!
https://wn.com/Discord_Bot_Making_Tutorial_|_Discord.Js_|_Episode_2_Basic_Coding
Oh, look!
It's a new Striker video!
What a suprise.
----------
My PC Specs: HP Notebook Graphics Chipset: AMD Radeon(TM) R5 Graphics Memory Size: 1024 MB Memory Type: DDR3 Core Clock: 847 MHz Windows Version: Windows 10 System Memory: 8 GB CPU Type: AMD A8-7410 APU with AMD Radeon R5 Graphics
------------
Playing: Discord Bot Making
Recorded with: OBS
Recorded on: 24/9/17
------------
Need to contact me?
Discord: Striker#7250
Google Plus & Hangouts: +Striker [GD] Official server: "soon"
That's about all contacting
------------
Until next time!
- published: 26 Sep 2017
- views: 410
Pure Javascript 2D Game - Speed Coding Tutorial
- Order: Reorder
- Duration: 11:01
- Updated: 23 Sep 2017
- views: 161
A Mario like game in pure Javascript, without any libraries. Hope you enjoy this!
Source Code : http://github.com/codemodeco/js_game
A Mario like game in pure Javascript, without any libraries. Hope you enjoy this!
Source Code : http://github.com/codemodeco/js_game
https://wn.com/Pure_Javascript_2D_Game_Speed_Coding_Tutorial
A Mario like game in pure Javascript, without any libraries. Hope you enjoy this!
Source Code : http://github.com/codemodeco/js_game
- published: 23 Sep 2017
- views: 161
Speed Coding - Téléphone CSS JS
- Order: Reorder
- Duration: 2:02
- Updated: 23 Sep 2017
- views: 36
🔻🔻🔻🔻🔻 Lis la description 🔻🔻🔻🔻🔻
💠 Petite absence sur youtube et j'en suis désolé :( Mais bon, on approche des 100 abonnés !!! Continuez comme ça !
🔶 Le phone ...
🔻🔻🔻🔻🔻 Lis la description 🔻🔻🔻🔻🔻
💠 Petite absence sur youtube et j'en suis désolé :( Mais bon, on approche des 100 abonnés !!! Continuez comme ça !
🔶 Le phone bleu : https://codepen.io/CowZax/pen/rGWxxy
🔶 Le phone rouge : https://codepen.io/CowZax/pen/pWNzXq
ABONNE TOI POUR PLUS DE VIDÉO ET ACTIVE LA CLOCHE POUR LES NOTIFICATIONS ! 🔔
https://wn.com/Speed_Coding_Téléphone_Css_Js
🔻🔻🔻🔻🔻 Lis la description 🔻🔻🔻🔻🔻
💠 Petite absence sur youtube et j'en suis désolé :( Mais bon, on approche des 100 abonnés !!! Continuez comme ça !
🔶 Le phone bleu : https://codepen.io/CowZax/pen/rGWxxy
🔶 Le phone rouge : https://codepen.io/CowZax/pen/pWNzXq
ABONNE TOI POUR PLUS DE VIDÉO ET ACTIVE LA CLOCHE POUR LES NOTIFICATIONS ! 🔔
- published: 23 Sep 2017
- views: 36
[Coding Project 2017- JS Club] Nhóm 1: ICE TEA TEAM: FIRST-GREETING
- Order: Reorder
- Duration: 1:22
- Updated: 21 Sep 2017
- views: 17
*Team 1: ICE TEA TEAM
-Thành viên: Hoàng Minh Hải, Lương Văn Trà, Nguyễn Bá Duy, Đỗ Anh Tú.
-Sản phẩm dự thi: Một công cụ như một mạng xã hội nhỏ dành cho các t...
*Team 1: ICE TEA TEAM
-Thành viên: Hoàng Minh Hải, Lương Văn Trà, Nguyễn Bá Duy, Đỗ Anh Tú.
-Sản phẩm dự thi: Một công cụ như một mạng xã hội nhỏ dành cho các thành viên CLB. Giúp gắn kết các giữa các thành viên trong CLB nói chung và đặc biệt giúp các bạn thành viên mới hoà nhập một cách nhanh chóng. Thông qua nhiều tính năng đặc biệt như: Profile của các thành viên, Chat, Newfeed, và đặc biệt Video Call - kết nối ngẫu nhiên 1 “thành viên” cũ với 2 “cộng tác viên” mới nhằm giúp các bạn CTV nhanh chóng làm quen nhau và có cơ hội tìm hiểu về clb JS. Chúng tớ tin rằng, nhờ làm việc cùng nhau, tương tác với nhau, hiểu về nhau là cách nhanh chóng kết thân. Từ đó cùng nhau xây dựng clb ngày càng trất’s.
https://wn.com/Coding_Project_2017_Js_Club_Nhóm_1_Ice_Tea_Team_First_Greeting
*Team 1: ICE TEA TEAM
-Thành viên: Hoàng Minh Hải, Lương Văn Trà, Nguyễn Bá Duy, Đỗ Anh Tú.
-Sản phẩm dự thi: Một công cụ như một mạng xã hội nhỏ dành cho các thành viên CLB. Giúp gắn kết các giữa các thành viên trong CLB nói chung và đặc biệt giúp các bạn thành viên mới hoà nhập một cách nhanh chóng. Thông qua nhiều tính năng đặc biệt như: Profile của các thành viên, Chat, Newfeed, và đặc biệt Video Call - kết nối ngẫu nhiên 1 “thành viên” cũ với 2 “cộng tác viên” mới nhằm giúp các bạn CTV nhanh chóng làm quen nhau và có cơ hội tìm hiểu về clb JS. Chúng tớ tin rằng, nhờ làm việc cùng nhau, tương tác với nhau, hiểu về nhau là cách nhanh chóng kết thân. Từ đó cùng nhau xây dựng clb ngày càng trất’s.
- published: 21 Sep 2017
- views: 17
Coding Challenge #74: Clock with p5.js
- Order: Reorder
- Duration: 20:39
- Updated: 20 Sep 2017
- views: 44181
In this coding challenge, I attempt to program a clock in HTML5 canvas with the p5.js library.
This challenge was inspired by John Maeda's "12 o'clocks" and G...
In this coding challenge, I attempt to program a clock in HTML5 canvas with the p5.js library.
This challenge was inspired by John Maeda's "12 o'clocks" and Golan Levin's assignment on the subject in his 60212 Interactivity & Computation class (http://cmuems.com/2016/60212/lectures/lecture-09-09b-clocks/maedas-clocks/)
Submit links to your clocks!
https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_74_Clock
Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://codingtrain.storenvy.com
To Support the Processing Foundation: https://processingfoundation.org/support
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/
Links discussed in this video:
Golan Levin's notes on MAEDA’S 12 O’CLOCKS and assignment: http://cmuems.com/2016/60212/lectures/lecture-09-09b-clocks/maedas-clocks/
http://cmuems.com/2016/60212/lectures/lecture-09-09b-clocks/
http://cmuems.com/2016/60212/deliverables/deliverables-02/
Alca's Clock Collection: https://codepen.io/collection/DqRNLQ/
ICM-2017 Syllabus: https://github.com/ITPNYU/ICM-2017
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Programming with Text videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YrbSJBg32eTzUU50E2B8Ch
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/adRW/
https://wn.com/Coding_Challenge_74_Clock_With_P5.Js
In this coding challenge, I attempt to program a clock in HTML5 canvas with the p5.js library.
This challenge was inspired by John Maeda's "12 o'clocks" and Golan Levin's assignment on the subject in his 60212 Interactivity & Computation class (http://cmuems.com/2016/60212/lectures/lecture-09-09b-clocks/maedas-clocks/)
Submit links to your clocks!
https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_74_Clock
Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://codingtrain.storenvy.com
To Support the Processing Foundation: https://processingfoundation.org/support
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/
Links discussed in this video:
Golan Levin's notes on MAEDA’S 12 O’CLOCKS and assignment: http://cmuems.com/2016/60212/lectures/lecture-09-09b-clocks/maedas-clocks/
http://cmuems.com/2016/60212/lectures/lecture-09-09b-clocks/
http://cmuems.com/2016/60212/deliverables/deliverables-02/
Alca's Clock Collection: https://codepen.io/collection/DqRNLQ/
ICM-2017 Syllabus: https://github.com/ITPNYU/ICM-2017
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Programming with Text videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YrbSJBg32eTzUU50E2B8Ch
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/adRW/
- published: 20 Sep 2017
- views: 44181
Js coding in urdu
- Order: Reorder
- Duration: 4:07
- Updated: 19 Sep 2017
- views: 4
Js programming in Urdu!!!
Js programming in Urdu!!!
https://wn.com/Js_Coding_In_Urdu
[Coding Project 2017- JS Club] Nhóm 4: AIR-CONDITION TEAM - Trợ lí ảo Kizuna Ai
- Order: Reorder
- Duration: 3:15
- Updated: 19 Sep 2017
- views: 27
- published: 19 Sep 2017
- views: 27
[Coding Project 2017- JS Club] Nhóm 3: TEAM 40° - Tiện ích quản lý CLB trên Facebook
- Order: Reorder
- Duration: 1:03
- Updated: 19 Sep 2017
- views: 90
Nhóm 3: TEAM 40°
-Leader: Nguyễn Lê Vũ Long
-Supporter: Nguyễn Đắc Sang
-Thành viên: Hà Thị Ngọc Lưu Ly, Nguyễn Quang Linh, Nguyễn Vũ Minh
-Sản phẩm dự thi: Một...
Nhóm 3: TEAM 40°
-Leader: Nguyễn Lê Vũ Long
-Supporter: Nguyễn Đắc Sang
-Thành viên: Hà Thị Ngọc Lưu Ly, Nguyễn Quang Linh, Nguyễn Vũ Minh
-Sản phẩm dự thi: Một tiện ích Chrome để quản lý các group Facebook của các CLB thuộc Đại học FPT. Tính năng: chỉ chọn những group mà bạn muốn theo dõi, có thể thêm, bớt, sắp xếp các group tùy ý ,mỗi group có một phòng chat riêng, thành viên của group sẽ tự động tham gia vào phòng chat.Bên cạnh đó, phòng chat có tính năng hiển thị ảnh, clip, nhạc, chia sẻ file. Mỗi group sẽ hiển thị các bài viết dưới dạng rút gọn, tập trung vào nội dung bài viết và các hashtags, bài viết của admin sẽ được đánh dấu đặc biệt.
https://wn.com/Coding_Project_2017_Js_Club_Nhóm_3_Team_40°_Tiện_Ích_Quản_Lý_Clb_Trên_Facebook
Nhóm 3: TEAM 40°
-Leader: Nguyễn Lê Vũ Long
-Supporter: Nguyễn Đắc Sang
-Thành viên: Hà Thị Ngọc Lưu Ly, Nguyễn Quang Linh, Nguyễn Vũ Minh
-Sản phẩm dự thi: Một tiện ích Chrome để quản lý các group Facebook của các CLB thuộc Đại học FPT. Tính năng: chỉ chọn những group mà bạn muốn theo dõi, có thể thêm, bớt, sắp xếp các group tùy ý ,mỗi group có một phòng chat riêng, thành viên của group sẽ tự động tham gia vào phòng chat.Bên cạnh đó, phòng chat có tính năng hiển thị ảnh, clip, nhạc, chia sẻ file. Mỗi group sẽ hiển thị các bài viết dưới dạng rút gọn, tập trung vào nội dung bài viết và các hashtags, bài viết của admin sẽ được đánh dấu đặc biệt.
- published: 19 Sep 2017
- views: 90
JavaScript/Node.js | Coding discord bot part 2
- Order: Reorder
- Duration: 48:02
- Updated: 16 Sep 2017
- views: 10
github repo: github.com/nyanpasuowo/shinobu -- Watch live at https://www.twitch.tv/kiss_shotuwu
github repo: github.com/nyanpasuowo/shinobu -- Watch live at https://www.twitch.tv/kiss_shotuwu
https://wn.com/Javascript_Node.Js_|_Coding_Discord_Bot_Part_2
github repo: github.com/nyanpasuowo/shinobu -- Watch live at https://www.twitch.tv/kiss_shotuwu
- published: 16 Sep 2017
- views: 10
-
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 -
JavaScript Tutorial
Get the Cheat Sheet Here : http://goo.gl/TxNsQO Best Book on JavaScript : http://amzn.to/1WbMYvm Support Me on Patreon : https://www.patreon.com/derekbanas 00:22 Introduction 03:27 Variables 04:27 Math 12:00 Random Numbers 13:21 Strings 17:24 Styling Strings 18:14 If 21:44 Switch 23:04 Ternary Operator 23:55 While 24:51 Do While 25:52 For 27:37 For In 28:39 Arrays 34:42 Functions 36:41 Pass Function as Parameter 39:42 Receive Variable Number of Arguments 40:55 Return Variable Number of Arguments 42:02 Recursive Functions 43:54 Event Handling 46:24 Mouse Events 51:30 Key Events 54:02 Change Tag Value 56:41 Change Class 58:02 Change Input Element 59:20 Mouse X / Y Coordinates 1:01:42 Get Elements by Tag Name 1:03:00 Element Styling 1:05:48 Manipulating URLs 1:09:37 Editing Child Nodes 1:15...
published: 20 Sep 2015 -
Coding Challenge #66: JavaScript Countdown Timer
In this video, I use the p5.js library to create a web-based countdown timer. I discuss the native JavaScript method setInterval() and well as p5's millis(). Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise: https://codingtrain.storenvy.com Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: Twitter: https://twitter.com/shiffman The Coding Train website: http://thecodingtrain.com/ Links discussed in this video: millis() reference: https://p5js.org/reference/#/p5/millis getURLParams() reference: https://p5js.org/reference/#/p5/getURLParams Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code p5.js: https://p5js.org/ Processing: https://processing.org For...
published: 25 Mar 2017 -
Coding Challenge #40.1: Word Counter in JavaScript
In this Coding Challenge, I build a word counting (concordance) web application in JavaScript. The video demonstrates a use of associate arrays, regular expressions, and other techniques previously covered as part of "Programming from A to Z." Next Video: https://youtu.be/fxQ0B6BkfKo http://shiffman.net/a2z/text-analysis/ Course url: http://shiffman.net/a2z/ Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: https://twitter.com/shiffman GitHub Repo with all the info for Programming from A to Z: https://github.com/shiffman/A2Z-F16 Links discussed in this video: ITP from Tisch School of the Arts: https://tisch.nyu.edu/itp Source Code for the all Video Lessons: http...
published: 10 Oct 2016 -
Coding Challenge #3: The Snake Game
In this 10 Minute Coding Challenge, I attempt to code a p5.js version of the Snake Game. 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 -
Learn to code a to-do list app in JavaScript - Part 1
We're building a to-do list application from a simple design sketch, using HTML, CSS and JavaScript. This video was meant to introduce you to DOM manipulation and Event handlers in JavaScript, all that while building something cool and useful! Code repository: https://github.com/themaxsandelin/todo Design files: https://www.dropbox.com/sh/yq0qm8xtfguufyb/AAB6z26DddNyjbUhlDb12kBNa?dl=0 Hope you learned something new, and if you enjoyed the video and you'd give it a thumbs up I would really appreciate it! Also if you have any suggestions, feedback or requests I would love to hear it. Blast that comment section or spam me on social media, I love interacting with you guys. If you want to buy me a coffee: https://ko-fi.com/themaxsandelin Social links: Twitter: https://twitter.com/themaxsan...
published: 28 Jun 2016 -
Using Node.js To Create Electronic Dance Music
Did you know that we can create electronic dance music with JavaScript? Watch this presentation to learn how to do that with Node.js. CREDITS: This video was originally published on SFNode YouTube Channel (https://www.youtube.com/channel/UCbWHWaCKZqIm5pE5hSD7KFw). Please check out the channel to watch more presentations. SPEAKER: Walmik Deshpande, https://twitter.com/_walmik SLIDES: https://speakerdeck.com/walmik/node-dot-js PERMISSION: This video was published with the Author's permission.
published: 09 Jul 2017 -
Live Coding a JavaScript Poll App with Chris and Alex (1/2)
Watch part 2 with Chris: https://youtu.be/nL2wpZV1LYc Subscribe to Chris' YouTube channel: https://www.youtube.com/c/dev_coffee Website we built: http://www.andvote.com/ Source code: https://github.com/andvote/andvote ▼ Follow me ▼ on Twitter: https://twitter.com/bookercodes on GitHub: https://github.com/alexbooker ▼ Links I Mention in the Video (in the Order I Mention Them)▼ Joe https://github.com/karan/joe ESLint http://eslint.org/ tmux https://tmux.github.io/ Babel https://babeljs.io/ Nodemon https://github.com/remy/nodemon Sequelize http://docs.sequelizejs.com/en/latest/ My Sequelize course https://www.youtube.com/playlist?list=PL5ze0DjYv5DYBDfl0vF_VRxEu8JdTIHlR sequelize-connect https://github.com/jspizziri/sequelize-connect Redis: http://redis.io/ My shell aliases: https://githu...
published: 02 May 2016 -
The Reusable JavaScript REVOLUTION
Three ground-breaking shifts are occurring in the world of JavaScript: Package management, starter kits, and reusable components. These innovations are coalescing to fuel a revolution in the way we write JS. In this session, you’ll learn why you can no longer afford to build JavaScript in the old paradigm, and we’ll explore how you can make the shift to join the reusable revolution. EVENT: Nebraska JS, September 2017 SPEAKER: Cory House PERMISSIONS: The original video was published on NebraskaJS YouTube channel with the Creative Commons Attribution license (reuse allowed).
published: 04 Oct 2017 -
Answering Tricky JS Interview Questions
This talk will cover some basic JS subtleties and fill in some knowledge gaps w/r/t: - Hoisting and variable scope - Expressions v. statements - Undeclared v. undefined v. null - Equality comparisons - How to properly walk out if an interviewer asks you to do fizz buzz - Much, much more (time permitting) EVENT: Nodevember 2016 SPEAKER: Russell Anderson PERMISSIONS: The original video was published on Nodevember YouTube channel with the Creative Commons Attribution license (reuse allowed).
published: 11 Sep 2017 -
JavaScript Tutorial for Absolute Beginners
Angular 4 (latest version of Angular 2) - The Complete Guide ☞ http://learnstartup.net/go/H1jE_tD3l Angular 2 and NodeJS - The Practical Guide to MEAN Stack 2.0 ☞ http://learnstartup.net/go/S1y1-FIGx ES6 Javascript: The Complete Developer's Guide ☞ http://learnstartup.net/go/BkGZcMlbe The Complete Node.js Developer Course (2nd Edition) ☞ http://learnstartup.net/p/r1K7HXybe Beginner API development in Node, Express, ES6, & MongoDB ☞ http://learnstartup.net/p/SkN62OLZx Typescript 2 Masterclass: Node REST API + Angular 2 Client ☞ http://learnstartup.net/p/r1g4WNHGg
published: 04 Aug 2015 -
Denis Radin: Applying NASA coding standards to JavaScript | JSConf EU 2017
http://2017.jsconf.eu/speakers/denis-radin-applying-nasa-coding-standards-to-javascript.html Jet Propulsion Laboratory - scientific institution making research and development for NASA. Their portfolio includes such famous missions as Curiosity Mars rover and Voyager probe which left solar system after 25 years of flight and still providing scientific information. High level of automation and long duration of missions led to superior demands to software quality. As a result of JPL amazing experience a set of code guidelines was developed and published recently. Since demands to web-driven software constantly increase and more critical tasks are entrusted to JavaScript, lets apply NASA coding guidelines to JavaScript / HTML applications for higher performance, reliability and the better wo...
published: 06 Jun 2017 -
Coding Tic Tac Toe in Javascript: Part 1
In this video I cover how to code up a basic tic-tac-toe game in javascript. We won't go into great detail or polish up the game in this video, but instead we will just lay out the ground work for a basic game so that in future videos we can improve upon it.
published: 27 Jun 2017 -
Coding Challenge #21: Mandelbrot Set with p5.js
In this coding challenge, I program from scratch the Mandelbrot set with p5.js Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges! Contact: https://twitter.com/shiffman Links discussed in this video: Wikipedia on Mandelbrot Set: https://en.wikipedia.org/wiki/Mandelbrot_set Mandelbrot Set Explorer: https://meiamso.me/old/mandelbrot/mandelbrot.php Source Code for the Video Lessons: https://github.com/shiffman/Video-Lesson-Materials p5.js: https://p5js.org/ Processing: https://processing.org For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH Help us caption & translate this video! http://amara.org/v/Qbrn/
published: 13 Jun 2016 -
Coding Challenge #74: Clock with p5.js
In this coding challenge, I attempt to program a clock in HTML5 canvas with the p5.js library. This challenge was inspired by John Maeda's "12 o'clocks" and Golan Levin's assignment on the subject in his 60212 Interactivity & Computation class (http://cmuems.com/2016/60212/lectures/lecture-09-09b-clocks/maedas-clocks/) Submit links to your clocks! https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_74_Clock Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise: https://codingtrain.storenvy.com To Support the Processing Foundation: https://processingfoundation.org/support Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: Twitter: https://twitter.com/shiffman The Codi...
published: 20 Sep 2017 -
Coding Challenge 51.1: A* Pathfinding Algorithm - Part 1
In this Coding Challenge, I attempt an implementation of the A* pathfinding algorithm to find the optimal path between two points in a 2D grid. I begin by explaining the mechanics of how the algorithm works, look at pseudo-code, and then write the algorithm in JavaScript using the p5.js library for rendering. Part 2 focuses on adding obstacles (walls) to the grid as well as functionality for moving diagonally. . In Part 3, I look at ways to improve the visual design and invite you to put your own spin on it. Part 2: https://youtu.be/EaZxUCWAjb0 Part 3: https://youtu.be/jwRT4PCT6RU Online demo: https://codingtrain.github.io/AStar/ Code: https://github.com/CodingTrain/AStar To see the whole unedited version of this challenge: https://www.youtube.com/watch?v=S4yQYiAECnM&t;=34m50s Support...
published: 16 Jan 2017 -
Coding Challenge #27: Fireworks!
In this 4th of July themed Coding Challenge, I build an HTML5 canvas Fireworks simulation from scratch using the p5.js JavaScript library. O I also show how to use Processing to create 3D Fireworks. This code is based off of my Nature of Code particle system examples. Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges! Contact: https://twitter.com/shiffman Links discussed in this video: Pixel Pyros by Seb Lee-Delisle: http://seb.ly/work/pixelpyros/ peasycam website: http://mrfeinberg.com/peasycam/ Source Code for the Video Lessons: https://github.com/CodingTrain/Rainbow-Code p5.js: https://p5js.org/ Processing: https://processing.org For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uh...
published: 02 Jul 2016 -
Coding Challenge #31: Flappy Bird
In this Coding Challenge, I attempt to program in JavaScript (using the p5.js framework) a clone of the game Flappy Bird. Support this channel on Patreon: https://patreon.com/codingtrain Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: https://twitter.com/shiffman Links discussed in this video: Flappy Bird on Wikipedia: https://en.wikipedia.org/wiki/Flappy_Bird Source Code for the Video Lessons: https://github.com/CodingTrain/Rainbow-Code p5.js: https://p5js.org/ Processing: https://processing.org For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH For More p5.js videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA Help us caption & translate this video...
published: 10 Aug 2016 -
Coding Challenge #67: Pong!
In this challenge, I attempt (emphasis on the word "attempt") to program the classic video game Pong in Processing (Java). This also marks the return of the timer to help me keep track of time! Now I remember why I got rid of the timer in the first place, oops. Support this channel on Patreon: https://patreon.com/codingtrain To buy Coding Train merchandise: https://codingtrain.storenvy.com Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics Contact: Twitter: https://twitter.com/shiffman The Coding Train website: http://thecodingtrain.com/ Links discussed in this video: Pong on Wikipedia: https://en.wikipedia.org/wiki/Pong Paddle angles drawing: https://i1.wp.com/zekechan.net/wp-content/uploads/2015/07/pong-05b.png?resize=600%2C500 My Video on ...
published: 27 Mar 2017 -
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 Girl Develop 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.html Personal: 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
developed with YouTube
Coding Challenge #5: Space Invaders in JavaScript with p5.js
- Order: Reorder
- Duration: 40:45
- Updated: 26 Apr 2016
- views: 252475
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...
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/
https://wn.com/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
- views: 252475
JavaScript Tutorial
- Order: Reorder
- Duration: 1:37:09
- Updated: 20 Sep 2015
- views: 716488
Get the Cheat Sheet Here : http://goo.gl/TxNsQO
Best Book on JavaScript : http://amzn.to/1WbMYvm
Support Me on Patreon : https://www.patreon.com/derekbanas
00...
Get the Cheat Sheet Here : http://goo.gl/TxNsQO
Best Book on JavaScript : http://amzn.to/1WbMYvm
Support Me on Patreon : https://www.patreon.com/derekbanas
00:22 Introduction
03:27 Variables
04:27 Math
12:00 Random Numbers
13:21 Strings
17:24 Styling Strings
18:14 If
21:44 Switch
23:04 Ternary Operator
23:55 While
24:51 Do While
25:52 For
27:37 For In
28:39 Arrays
34:42 Functions
36:41 Pass Function as Parameter
39:42 Receive Variable Number of Arguments
40:55 Return Variable Number of Arguments
42:02 Recursive Functions
43:54 Event Handling
46:24 Mouse Events
51:30 Key Events
54:02 Change Tag Value
56:41 Change Class
58:02 Change Input Element
59:20 Mouse X / Y Coordinates
1:01:42 Get Elements by Tag Name
1:03:00 Element Styling
1:05:48 Manipulating URLs
1:09:37 Editing Child Nodes
1:15:08 Setting Attributes
1:18:11 Adding Elements
1:19:50 OO JavaScript
1:28:33 Form Validation
1:34:54 Exception Handling
https://wn.com/Javascript_Tutorial
Get the Cheat Sheet Here : http://goo.gl/TxNsQO
Best Book on JavaScript : http://amzn.to/1WbMYvm
Support Me on Patreon : https://www.patreon.com/derekbanas
00:22 Introduction
03:27 Variables
04:27 Math
12:00 Random Numbers
13:21 Strings
17:24 Styling Strings
18:14 If
21:44 Switch
23:04 Ternary Operator
23:55 While
24:51 Do While
25:52 For
27:37 For In
28:39 Arrays
34:42 Functions
36:41 Pass Function as Parameter
39:42 Receive Variable Number of Arguments
40:55 Return Variable Number of Arguments
42:02 Recursive Functions
43:54 Event Handling
46:24 Mouse Events
51:30 Key Events
54:02 Change Tag Value
56:41 Change Class
58:02 Change Input Element
59:20 Mouse X / Y Coordinates
1:01:42 Get Elements by Tag Name
1:03:00 Element Styling
1:05:48 Manipulating URLs
1:09:37 Editing Child Nodes
1:15:08 Setting Attributes
1:18:11 Adding Elements
1:19:50 OO JavaScript
1:28:33 Form Validation
1:34:54 Exception Handling
- published: 20 Sep 2015
- views: 716488
Coding Challenge #66: JavaScript Countdown Timer
- Order: Reorder
- Duration: 21:48
- Updated: 25 Mar 2017
- views: 45050
In this video, I use the p5.js library to create a web-based countdown timer. I discuss the native JavaScript method setInterval() and well as p5's millis().
...
In this video, I use the p5.js library to create a web-based countdown timer. I discuss the native JavaScript method setInterval() and well as p5's millis().
Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://codingtrain.storenvy.com
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/
Links discussed in this video:
millis() reference: https://p5js.org/reference/#/p5/millis
getURLParams() reference: https://p5js.org/reference/#/p5/getURLParams
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/72oH/
https://wn.com/Coding_Challenge_66_Javascript_Countdown_Timer
In this video, I use the p5.js library to create a web-based countdown timer. I discuss the native JavaScript method setInterval() and well as p5's millis().
Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://codingtrain.storenvy.com
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/
Links discussed in this video:
millis() reference: https://p5js.org/reference/#/p5/millis
getURLParams() reference: https://p5js.org/reference/#/p5/getURLParams
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/72oH/
- published: 25 Mar 2017
- views: 45050
Coding Challenge #40.1: Word Counter in JavaScript
- Order: Reorder
- Duration: 21:54
- Updated: 10 Oct 2016
- views: 16169
In this Coding Challenge, I build a word counting (concordance) web application in JavaScript. The video demonstrates a use of associate arrays, regular expre...
In this Coding Challenge, I build a word counting (concordance) web application in JavaScript. The video demonstrates a use of associate arrays, regular expressions, and other techniques previously covered as part of "Programming from A to Z."
Next Video: https://youtu.be/fxQ0B6BkfKo
http://shiffman.net/a2z/text-analysis/
Course url: http://shiffman.net/a2z/
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact: https://twitter.com/shiffman
GitHub Repo with all the info for Programming from A to Z: https://github.com/shiffman/A2Z-F16
Links discussed in this video:
ITP from Tisch School of the Arts: https://tisch.nyu.edu/itp
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Programming from A to Z videos: https://www.youtube.com/user/shiffman/playlists?shelf_id=11&view;=50&sort;=dd
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/XJ8r/
https://wn.com/Coding_Challenge_40.1_Word_Counter_In_Javascript
In this Coding Challenge, I build a word counting (concordance) web application in JavaScript. The video demonstrates a use of associate arrays, regular expressions, and other techniques previously covered as part of "Programming from A to Z."
Next Video: https://youtu.be/fxQ0B6BkfKo
http://shiffman.net/a2z/text-analysis/
Course url: http://shiffman.net/a2z/
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact: https://twitter.com/shiffman
GitHub Repo with all the info for Programming from A to Z: https://github.com/shiffman/A2Z-F16
Links discussed in this video:
ITP from Tisch School of the Arts: https://tisch.nyu.edu/itp
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Programming from A to Z videos: https://www.youtube.com/user/shiffman/playlists?shelf_id=11&view;=50&sort;=dd
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/XJ8r/
- published: 10 Oct 2016
- views: 16169
Coding Challenge #3: The Snake Game
- Order: Reorder
- Duration: 27:27
- Updated: 20 Apr 2016
- views: 1149574
In this 10 Minute Coding Challenge, I attempt to code a p5.js version of the Snake Game.
Send me your 10 minute coding challenge!
Contact: http://twitter.com/...
In this 10 Minute Coding Challenge, I attempt to code a p5.js version of the Snake Game.
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
https://wn.com/Coding_Challenge_3_The_Snake_Game
In this 10 Minute Coding Challenge, I attempt to code a p5.js version of the Snake Game.
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: 1149574
Learn to code a to-do list app in JavaScript - Part 1
- Order: Reorder
- Duration: 1:05:45
- Updated: 28 Jun 2016
- views: 102011
We're building a to-do list application from a simple design sketch, using HTML, CSS and JavaScript. This video was meant to introduce you to DOM manipulation a...
We're building a to-do list application from a simple design sketch, using HTML, CSS and JavaScript. This video was meant to introduce you to DOM manipulation and Event handlers in JavaScript, all that while building something cool and useful!
Code repository: https://github.com/themaxsandelin/todo
Design files: https://www.dropbox.com/sh/yq0qm8xtfguufyb/AAB6z26DddNyjbUhlDb12kBNa?dl=0
Hope you learned something new, and if you enjoyed the video and you'd give it a thumbs up I would really appreciate it!
Also if you have any suggestions, feedback or requests I would love to hear it. Blast that comment section or spam me on social media, I love interacting with you guys.
If you want to buy me a coffee: https://ko-fi.com/themaxsandelin
Social links:
Twitter: https://twitter.com/themaxsandelin
Instagram: https://www.instagram.com/themaxsandelin
Facebook: https://www.facebook.com/themaxsandelin
Personal website: https://www.maxsandelin.com/
https://wn.com/Learn_To_Code_A_To_Do_List_App_In_Javascript_Part_1
We're building a to-do list application from a simple design sketch, using HTML, CSS and JavaScript. This video was meant to introduce you to DOM manipulation and Event handlers in JavaScript, all that while building something cool and useful!
Code repository: https://github.com/themaxsandelin/todo
Design files: https://www.dropbox.com/sh/yq0qm8xtfguufyb/AAB6z26DddNyjbUhlDb12kBNa?dl=0
Hope you learned something new, and if you enjoyed the video and you'd give it a thumbs up I would really appreciate it!
Also if you have any suggestions, feedback or requests I would love to hear it. Blast that comment section or spam me on social media, I love interacting with you guys.
If you want to buy me a coffee: https://ko-fi.com/themaxsandelin
Social links:
Twitter: https://twitter.com/themaxsandelin
Instagram: https://www.instagram.com/themaxsandelin
Facebook: https://www.facebook.com/themaxsandelin
Personal website: https://www.maxsandelin.com/
- published: 28 Jun 2016
- views: 102011
Using Node.js To Create Electronic Dance Music
- Order: Reorder
- Duration: 37:51
- Updated: 09 Jul 2017
- views: 312891
Did you know that we can create electronic dance music with JavaScript? Watch this presentation to learn how to do that with Node.js.
CREDITS: This video was o...
Did you know that we can create electronic dance music with JavaScript? Watch this presentation to learn how to do that with Node.js.
CREDITS: This video was originally published on SFNode YouTube Channel (https://www.youtube.com/channel/UCbWHWaCKZqIm5pE5hSD7KFw). Please check out the channel to watch more presentations.
SPEAKER: Walmik Deshpande, https://twitter.com/_walmik
SLIDES: https://speakerdeck.com/walmik/node-dot-js
PERMISSION: This video was published with the Author's permission.
https://wn.com/Using_Node.Js_To_Create_Electronic_Dance_Music
Did you know that we can create electronic dance music with JavaScript? Watch this presentation to learn how to do that with Node.js.
CREDITS: This video was originally published on SFNode YouTube Channel (https://www.youtube.com/channel/UCbWHWaCKZqIm5pE5hSD7KFw). Please check out the channel to watch more presentations.
SPEAKER: Walmik Deshpande, https://twitter.com/_walmik
SLIDES: https://speakerdeck.com/walmik/node-dot-js
PERMISSION: This video was published with the Author's permission.
- published: 09 Jul 2017
- views: 312891
Live Coding a JavaScript Poll App with Chris and Alex (1/2)
- Order: Reorder
- Duration: 1:00:04
- Updated: 02 May 2016
- views: 25033
Watch part 2 with Chris: https://youtu.be/nL2wpZV1LYc
Subscribe to Chris' YouTube channel: https://www.youtube.com/c/dev_coffee
Website we built: http://www.an...
Watch part 2 with Chris: https://youtu.be/nL2wpZV1LYc
Subscribe to Chris' YouTube channel: https://www.youtube.com/c/dev_coffee
Website we built: http://www.andvote.com/
Source code: https://github.com/andvote/andvote
▼ Follow me ▼
on Twitter: https://twitter.com/bookercodes
on GitHub: https://github.com/alexbooker
▼ Links I Mention in the Video (in the Order I Mention Them)▼
Joe https://github.com/karan/joe
ESLint http://eslint.org/
tmux https://tmux.github.io/
Babel https://babeljs.io/
Nodemon https://github.com/remy/nodemon
Sequelize http://docs.sequelizejs.com/en/latest/
My Sequelize course https://www.youtube.com/playlist?list=PL5ze0DjYv5DYBDfl0vF_VRxEu8JdTIHlR
sequelize-connect https://github.com/jspizziri/sequelize-connect
Redis: http://redis.io/
My shell aliases: https://github.com/alexbooker/dotfiles/blob/master/.aliases.sh
VimFiler: https://github.com/Shougo/vimfiler.vim
Postman: https://www.getpostman.com/
My friend Jerrie from ProCoder's Postman course: https://www.youtube.com/playlist?list=PLq8ibqx-o5fcYN-v5cNqz8C_045W2VFis
Chalk: https://github.com/chalk/chalk
▼ Timestamps▼
For your convince, here are some timestamps:
00:00 Introduction
01:49 Initializing Git
02:32 Creating npm package.json
02:49 Setting up ESLint
04:17 Setting up Babel
07:30 Setting up a simple Express server
08:38 Setting up Nodemon npm script
10:11 Connecting to MySQL via Sequelize
12:50 Installing the Babel parser for ESLint
13:57 Setting up a one-to-many relationship between the poll and poll option tables
19:22 Creating the MySQL database via the MySQL command-line tool
20:54 Creating the poll controller
21:24 Handling poll submissions
29:48 Handling poll queries
33:10 Creating the vote controller
33:17 Setting up the vote model
35:47 Debugging the vote model
37:14 Handling vote submissions
39:58 Including votes in the poll query response
41:39 Coding a more efficient way to query poll votes
43:31 Prevent users from voting on the same poll more than once based on their remote IP
51:28 Creating an error handler middleware function
54:00 Setting up Chalk
54:56 Basic input validation
56:43 Uploading the code to GitHub
58:22 Conclusion
▼ Attribution ▼
Intro inspiration by Mackenzie Child https://www.youtube.com/user/mackenziechild
Emoji provided free by http://emojione.com
Sound effect provided free by http://freesound.org/people/edsward/sounds/341871/
Twitter and GitHub icons provided free by Freepik form http://www.flaticon.com
Link icon provided free by Dave Gandy from https://fortawesome.github.io/Font-Awesome/ via http://www.flaticon.com
Special thanks to Cruor (https://twitter.com/Cruor99) and Yngve Olsen Ranestad (github.com/piees) who helped me with a SQL query when preparing for this video.
https://wn.com/Live_Coding_A_Javascript_Poll_App_With_Chris_And_Alex_(1_2)
Watch part 2 with Chris: https://youtu.be/nL2wpZV1LYc
Subscribe to Chris' YouTube channel: https://www.youtube.com/c/dev_coffee
Website we built: http://www.andvote.com/
Source code: https://github.com/andvote/andvote
▼ Follow me ▼
on Twitter: https://twitter.com/bookercodes
on GitHub: https://github.com/alexbooker
▼ Links I Mention in the Video (in the Order I Mention Them)▼
Joe https://github.com/karan/joe
ESLint http://eslint.org/
tmux https://tmux.github.io/
Babel https://babeljs.io/
Nodemon https://github.com/remy/nodemon
Sequelize http://docs.sequelizejs.com/en/latest/
My Sequelize course https://www.youtube.com/playlist?list=PL5ze0DjYv5DYBDfl0vF_VRxEu8JdTIHlR
sequelize-connect https://github.com/jspizziri/sequelize-connect
Redis: http://redis.io/
My shell aliases: https://github.com/alexbooker/dotfiles/blob/master/.aliases.sh
VimFiler: https://github.com/Shougo/vimfiler.vim
Postman: https://www.getpostman.com/
My friend Jerrie from ProCoder's Postman course: https://www.youtube.com/playlist?list=PLq8ibqx-o5fcYN-v5cNqz8C_045W2VFis
Chalk: https://github.com/chalk/chalk
▼ Timestamps▼
For your convince, here are some timestamps:
00:00 Introduction
01:49 Initializing Git
02:32 Creating npm package.json
02:49 Setting up ESLint
04:17 Setting up Babel
07:30 Setting up a simple Express server
08:38 Setting up Nodemon npm script
10:11 Connecting to MySQL via Sequelize
12:50 Installing the Babel parser for ESLint
13:57 Setting up a one-to-many relationship between the poll and poll option tables
19:22 Creating the MySQL database via the MySQL command-line tool
20:54 Creating the poll controller
21:24 Handling poll submissions
29:48 Handling poll queries
33:10 Creating the vote controller
33:17 Setting up the vote model
35:47 Debugging the vote model
37:14 Handling vote submissions
39:58 Including votes in the poll query response
41:39 Coding a more efficient way to query poll votes
43:31 Prevent users from voting on the same poll more than once based on their remote IP
51:28 Creating an error handler middleware function
54:00 Setting up Chalk
54:56 Basic input validation
56:43 Uploading the code to GitHub
58:22 Conclusion
▼ Attribution ▼
Intro inspiration by Mackenzie Child https://www.youtube.com/user/mackenziechild
Emoji provided free by http://emojione.com
Sound effect provided free by http://freesound.org/people/edsward/sounds/341871/
Twitter and GitHub icons provided free by Freepik form http://www.flaticon.com
Link icon provided free by Dave Gandy from https://fortawesome.github.io/Font-Awesome/ via http://www.flaticon.com
Special thanks to Cruor (https://twitter.com/Cruor99) and Yngve Olsen Ranestad (github.com/piees) who helped me with a SQL query when preparing for this video.
- published: 02 May 2016
- views: 25033
The Reusable JavaScript REVOLUTION
- Order: Reorder
- Duration: 42:02
- Updated: 04 Oct 2017
- views: 3159
Three ground-breaking shifts are occurring in the world of JavaScript: Package management, starter kits, and reusable components. These innovations are coalesci...
Three ground-breaking shifts are occurring in the world of JavaScript: Package management, starter kits, and reusable components. These innovations are coalescing to fuel a revolution in the way we write JS. In this session, you’ll learn why you can no longer afford to build JavaScript in the old paradigm, and we’ll explore how you can make the shift to join the reusable revolution.
EVENT: Nebraska JS, September 2017
SPEAKER: Cory House
PERMISSIONS: The original video was published on NebraskaJS YouTube channel with the Creative Commons Attribution license (reuse allowed).
https://wn.com/The_Reusable_Javascript_Revolution
Three ground-breaking shifts are occurring in the world of JavaScript: Package management, starter kits, and reusable components. These innovations are coalescing to fuel a revolution in the way we write JS. In this session, you’ll learn why you can no longer afford to build JavaScript in the old paradigm, and we’ll explore how you can make the shift to join the reusable revolution.
EVENT: Nebraska JS, September 2017
SPEAKER: Cory House
PERMISSIONS: The original video was published on NebraskaJS YouTube channel with the Creative Commons Attribution license (reuse allowed).
- published: 04 Oct 2017
- views: 3159
Answering Tricky JS Interview Questions
- Order: Reorder
- Duration: 28:32
- Updated: 11 Sep 2017
- views: 35988
This talk will cover some basic JS subtleties and fill in some knowledge gaps w/r/t:
- Hoisting and variable scope
- Expressions v. statements
- Undeclared v. u...
This talk will cover some basic JS subtleties and fill in some knowledge gaps w/r/t:
- Hoisting and variable scope
- Expressions v. statements
- Undeclared v. undefined v. null
- Equality comparisons
- How to properly walk out if an interviewer asks you to do fizz buzz
- Much, much more (time permitting)
EVENT: Nodevember 2016
SPEAKER: Russell Anderson
PERMISSIONS: The original video was published on Nodevember YouTube channel with the Creative Commons Attribution license (reuse allowed).
https://wn.com/Answering_Tricky_Js_Interview_Questions
This talk will cover some basic JS subtleties and fill in some knowledge gaps w/r/t:
- Hoisting and variable scope
- Expressions v. statements
- Undeclared v. undefined v. null
- Equality comparisons
- How to properly walk out if an interviewer asks you to do fizz buzz
- Much, much more (time permitting)
EVENT: Nodevember 2016
SPEAKER: Russell Anderson
PERMISSIONS: The original video was published on Nodevember YouTube channel with the Creative Commons Attribution license (reuse allowed).
- published: 11 Sep 2017
- views: 35988
JavaScript Tutorial for Absolute Beginners
- Order: Reorder
- Duration: 6:23:10
- Updated: 04 Aug 2015
- views: 710710
Angular 4 (latest version of Angular 2) - The Complete Guide ☞ http://learnstartup.net/go/H1jE_tD3l
Angular 2 and NodeJS - The Practical Guide to MEAN Stack 2.0...
Angular 4 (latest version of Angular 2) - The Complete Guide ☞ http://learnstartup.net/go/H1jE_tD3l
Angular 2 and NodeJS - The Practical Guide to MEAN Stack 2.0 ☞ http://learnstartup.net/go/S1y1-FIGx
ES6 Javascript: The Complete Developer's Guide ☞ http://learnstartup.net/go/BkGZcMlbe
The Complete Node.js Developer Course (2nd Edition)
☞ http://learnstartup.net/p/r1K7HXybe
Beginner API development in Node, Express, ES6, & MongoDB
☞ http://learnstartup.net/p/SkN62OLZx
Typescript 2 Masterclass: Node REST API + Angular 2 Client
☞ http://learnstartup.net/p/r1g4WNHGg
https://wn.com/Javascript_Tutorial_For_Absolute_Beginners
Angular 4 (latest version of Angular 2) - The Complete Guide ☞ http://learnstartup.net/go/H1jE_tD3l
Angular 2 and NodeJS - The Practical Guide to MEAN Stack 2.0 ☞ http://learnstartup.net/go/S1y1-FIGx
ES6 Javascript: The Complete Developer's Guide ☞ http://learnstartup.net/go/BkGZcMlbe
The Complete Node.js Developer Course (2nd Edition)
☞ http://learnstartup.net/p/r1K7HXybe
Beginner API development in Node, Express, ES6, & MongoDB
☞ http://learnstartup.net/p/SkN62OLZx
Typescript 2 Masterclass: Node REST API + Angular 2 Client
☞ http://learnstartup.net/p/r1g4WNHGg
- published: 04 Aug 2015
- views: 710710
Denis Radin: Applying NASA coding standards to JavaScript | JSConf EU 2017
- Order: Reorder
- Duration: 25:04
- Updated: 06 Jun 2017
- views: 5995
http://2017.jsconf.eu/speakers/denis-radin-applying-nasa-coding-standards-to-javascript.html
Jet Propulsion Laboratory - scientific institution making research...
http://2017.jsconf.eu/speakers/denis-radin-applying-nasa-coding-standards-to-javascript.html
Jet Propulsion Laboratory - scientific institution making research and development for NASA. Their portfolio includes such famous missions as Curiosity Mars rover and Voyager probe which left solar system after 25 years of flight and still providing scientific information. High level of automation and long duration of missions led to superior demands to software quality. As a result of JPL amazing experience a set of code guidelines was developed and published recently. Since demands to web-driven software constantly increase and more critical tasks are entrusted to JavaScript, lets apply NASA coding guidelines to JavaScript / HTML applications for higher performance, reliability and the better world.
https://wn.com/Denis_Radin_Applying_Nasa_Coding_Standards_To_Javascript_|_Jsconf_Eu_2017
http://2017.jsconf.eu/speakers/denis-radin-applying-nasa-coding-standards-to-javascript.html
Jet Propulsion Laboratory - scientific institution making research and development for NASA. Their portfolio includes such famous missions as Curiosity Mars rover and Voyager probe which left solar system after 25 years of flight and still providing scientific information. High level of automation and long duration of missions led to superior demands to software quality. As a result of JPL amazing experience a set of code guidelines was developed and published recently. Since demands to web-driven software constantly increase and more critical tasks are entrusted to JavaScript, lets apply NASA coding guidelines to JavaScript / HTML applications for higher performance, reliability and the better world.
- published: 06 Jun 2017
- views: 5995
Coding Tic Tac Toe in Javascript: Part 1
- Order: Reorder
- Duration: 23:26
- Updated: 27 Jun 2017
- views: 2658
In this video I cover how to code up a basic tic-tac-toe game in javascript. We won't go into great detail or polish up the game in this video, but instead we ...
In this video I cover how to code up a basic tic-tac-toe game in javascript. We won't go into great detail or polish up the game in this video, but instead we will just lay out the ground work for a basic game so that in future videos we can improve upon it.
https://wn.com/Coding_Tic_Tac_Toe_In_Javascript_Part_1
In this video I cover how to code up a basic tic-tac-toe game in javascript. We won't go into great detail or polish up the game in this video, but instead we will just lay out the ground work for a basic game so that in future videos we can improve upon it.
- published: 27 Jun 2017
- views: 2658
Coding Challenge #21: Mandelbrot Set with p5.js
- Order: Reorder
- Duration: 25:28
- Updated: 13 Jun 2016
- views: 73625
In this coding challenge, I program from scratch the Mandelbrot set with p5.js
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your q...
In this coding challenge, I program from scratch the Mandelbrot set with p5.js
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!
Contact: https://twitter.com/shiffman
Links discussed in this video:
Wikipedia on Mandelbrot Set: https://en.wikipedia.org/wiki/Mandelbrot_set
Mandelbrot Set Explorer: https://meiamso.me/old/mandelbrot/mandelbrot.php
Source Code for the Video Lessons: https://github.com/shiffman/Video-Lesson-Materials
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/Qbrn/
https://wn.com/Coding_Challenge_21_Mandelbrot_Set_With_P5.Js
In this coding challenge, I program from scratch the Mandelbrot set with p5.js
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!
Contact: https://twitter.com/shiffman
Links discussed in this video:
Wikipedia on Mandelbrot Set: https://en.wikipedia.org/wiki/Mandelbrot_set
Mandelbrot Set Explorer: https://meiamso.me/old/mandelbrot/mandelbrot.php
Source Code for the Video Lessons: https://github.com/shiffman/Video-Lesson-Materials
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/Qbrn/
- published: 13 Jun 2016
- views: 73625
Coding Challenge #74: Clock with p5.js
- Order: Reorder
- Duration: 20:39
- Updated: 20 Sep 2017
- views: 44181
In this coding challenge, I attempt to program a clock in HTML5 canvas with the p5.js library.
This challenge was inspired by John Maeda's "12 o'clocks" and G...
In this coding challenge, I attempt to program a clock in HTML5 canvas with the p5.js library.
This challenge was inspired by John Maeda's "12 o'clocks" and Golan Levin's assignment on the subject in his 60212 Interactivity & Computation class (http://cmuems.com/2016/60212/lectures/lecture-09-09b-clocks/maedas-clocks/)
Submit links to your clocks!
https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_74_Clock
Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://codingtrain.storenvy.com
To Support the Processing Foundation: https://processingfoundation.org/support
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/
Links discussed in this video:
Golan Levin's notes on MAEDA’S 12 O’CLOCKS and assignment: http://cmuems.com/2016/60212/lectures/lecture-09-09b-clocks/maedas-clocks/
http://cmuems.com/2016/60212/lectures/lecture-09-09b-clocks/
http://cmuems.com/2016/60212/deliverables/deliverables-02/
Alca's Clock Collection: https://codepen.io/collection/DqRNLQ/
ICM-2017 Syllabus: https://github.com/ITPNYU/ICM-2017
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Programming with Text videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YrbSJBg32eTzUU50E2B8Ch
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/adRW/
https://wn.com/Coding_Challenge_74_Clock_With_P5.Js
In this coding challenge, I attempt to program a clock in HTML5 canvas with the p5.js library.
This challenge was inspired by John Maeda's "12 o'clocks" and Golan Levin's assignment on the subject in his 60212 Interactivity & Computation class (http://cmuems.com/2016/60212/lectures/lecture-09-09b-clocks/maedas-clocks/)
Submit links to your clocks!
https://github.com/CodingTrain/Rainbow-Code/tree/master/CodingChallenges/CC_74_Clock
Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://codingtrain.storenvy.com
To Support the Processing Foundation: https://processingfoundation.org/support
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/
Links discussed in this video:
Golan Levin's notes on MAEDA’S 12 O’CLOCKS and assignment: http://cmuems.com/2016/60212/lectures/lecture-09-09b-clocks/maedas-clocks/
http://cmuems.com/2016/60212/lectures/lecture-09-09b-clocks/
http://cmuems.com/2016/60212/deliverables/deliverables-02/
Alca's Clock Collection: https://codepen.io/collection/DqRNLQ/
ICM-2017 Syllabus: https://github.com/ITPNYU/ICM-2017
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Programming with Text videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6YrbSJBg32eTzUU50E2B8Ch
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/adRW/
- published: 20 Sep 2017
- views: 44181
Coding Challenge 51.1: A* Pathfinding Algorithm - Part 1
- Order: Reorder
- Duration: 48:42
- Updated: 16 Jan 2017
- views: 112683
In this Coding Challenge, I attempt an implementation of the A* pathfinding algorithm to find the optimal path between two points in a 2D grid. I begin by expl...
In this Coding Challenge, I attempt an implementation of the A* pathfinding algorithm to find the optimal path between two points in a 2D grid. I begin by explaining the mechanics of how the algorithm works, look at pseudo-code, and then write the algorithm in JavaScript using the p5.js library for rendering.
Part 2 focuses on adding obstacles (walls) to the grid as well as functionality for moving diagonally.
.
In Part 3, I look at ways to improve the visual design and invite you to put your own spin on it.
Part 2: https://youtu.be/EaZxUCWAjb0
Part 3: https://youtu.be/jwRT4PCT6RU
Online demo: https://codingtrain.github.io/AStar/
Code: https://github.com/CodingTrain/AStar
To see the whole unedited version of this challenge: https://www.youtube.com/watch?v=S4yQYiAECnM&t;=34m50s
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact: https://twitter.com/shiffman
A* Algorithm on Wikipedia: https://en.wikipedia.org/wiki/A*_search_algorithm
Artificial Intelligence: A Modern Approach: http://aima.cs.berkeley.edu/
My Maze Generation Coding Challenge: https://www.youtube.com/watch?v=HyK_Q5rrcr4
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/2el5/
https://wn.com/Coding_Challenge_51.1_A_Pathfinding_Algorithm_Part_1
In this Coding Challenge, I attempt an implementation of the A* pathfinding algorithm to find the optimal path between two points in a 2D grid. I begin by explaining the mechanics of how the algorithm works, look at pseudo-code, and then write the algorithm in JavaScript using the p5.js library for rendering.
Part 2 focuses on adding obstacles (walls) to the grid as well as functionality for moving diagonally.
.
In Part 3, I look at ways to improve the visual design and invite you to put your own spin on it.
Part 2: https://youtu.be/EaZxUCWAjb0
Part 3: https://youtu.be/jwRT4PCT6RU
Online demo: https://codingtrain.github.io/AStar/
Code: https://github.com/CodingTrain/AStar
To see the whole unedited version of this challenge: https://www.youtube.com/watch?v=S4yQYiAECnM&t;=34m50s
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact: https://twitter.com/shiffman
A* Algorithm on Wikipedia: https://en.wikipedia.org/wiki/A*_search_algorithm
Artificial Intelligence: A Modern Approach: http://aima.cs.berkeley.edu/
My Maze Generation Coding Challenge: https://www.youtube.com/watch?v=HyK_Q5rrcr4
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/2el5/
- published: 16 Jan 2017
- views: 112683
Coding Challenge #27: Fireworks!
- Order: Reorder
- Duration: 34:35
- Updated: 02 Jul 2016
- views: 106069
In this 4th of July themed Coding Challenge, I build an HTML5 canvas Fireworks simulation from scratch using the p5.js JavaScript library. O I also show how to ...
In this 4th of July themed Coding Challenge, I build an HTML5 canvas Fireworks simulation from scratch using the p5.js JavaScript library. O I also show how to use Processing to create 3D Fireworks. This code is based off of my Nature of Code particle system examples.
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!
Contact: https://twitter.com/shiffman
Links discussed in this video:
Pixel Pyros by Seb Lee-Delisle: http://seb.ly/work/pixelpyros/
peasycam website: http://mrfeinberg.com/peasycam/
Source Code for the Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/QbrK/
https://wn.com/Coding_Challenge_27_Fireworks
In this 4th of July themed Coding Challenge, I build an HTML5 canvas Fireworks simulation from scratch using the p5.js JavaScript library. O I also show how to use Processing to create 3D Fireworks. This code is based off of my Nature of Code particle system examples.
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!
Contact: https://twitter.com/shiffman
Links discussed in this video:
Pixel Pyros by Seb Lee-Delisle: http://seb.ly/work/pixelpyros/
peasycam website: http://mrfeinberg.com/peasycam/
Source Code for the Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
Help us caption & translate this video!
http://amara.org/v/QbrK/
- published: 02 Jul 2016
- views: 106069
Coding Challenge #31: Flappy Bird
- Order: Reorder
- Duration: 21:45
- Updated: 10 Aug 2016
- views: 431837
In this Coding Challenge, I attempt to program in JavaScript (using the p5.js framework) a clone of the game Flappy Bird.
Support this channel on Patreon: http...
In this Coding Challenge, I attempt to program in JavaScript (using the p5.js framework) a clone of the game Flappy Bird.
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact: https://twitter.com/shiffman
Links discussed in this video:
Flappy Bird on Wikipedia: https://en.wikipedia.org/wiki/Flappy_Bird
Source Code for the Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For More p5.js videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/VR4Z/
https://wn.com/Coding_Challenge_31_Flappy_Bird
In this Coding Challenge, I attempt to program in JavaScript (using the p5.js framework) a clone of the game Flappy Bird.
Support this channel on Patreon: https://patreon.com/codingtrain
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact: https://twitter.com/shiffman
Links discussed in this video:
Flappy Bird on Wikipedia: https://en.wikipedia.org/wiki/Flappy_Bird
Source Code for the Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For More p5.js videos: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/VR4Z/
- published: 10 Aug 2016
- views: 431837
Coding Challenge #67: Pong!
- Order: Reorder
- Duration: 1:08:19
- Updated: 27 Mar 2017
- views: 56424
In this challenge, I attempt (emphasis on the word "attempt") to program the classic video game Pong in Processing (Java).
This also marks the return of the ti...
In this challenge, I attempt (emphasis on the word "attempt") to program the classic video game Pong in Processing (Java).
This also marks the return of the timer to help me keep track of time! Now I remember why I got rid of the timer in the first place, oops.
Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://codingtrain.storenvy.com
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/
Links discussed in this video:
Pong on Wikipedia: https://en.wikipedia.org/wiki/Pong
Paddle angles drawing: https://i1.wp.com/zekechan.net/wp-content/uploads/2015/07/pong-05b.png?resize=600%2C500
My Video on Polar Coordinates: https://youtu.be/N633bLi_YCw
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/72oK/
https://wn.com/Coding_Challenge_67_Pong
In this challenge, I attempt (emphasis on the word "attempt") to program the classic video game Pong in Processing (Java).
This also marks the return of the timer to help me keep track of time! Now I remember why I got rid of the timer in the first place, oops.
Support this channel on Patreon: https://patreon.com/codingtrain
To buy Coding Train merchandise: https://codingtrain.storenvy.com
Send me your questions and coding challenges!: https://github.com/CodingTrain/Rainbow-Topics
Contact:
Twitter: https://twitter.com/shiffman
The Coding Train website: http://thecodingtrain.com/
Links discussed in this video:
Pong on Wikipedia: https://en.wikipedia.org/wiki/Pong
Paddle angles drawing: https://i1.wp.com/zekechan.net/wp-content/uploads/2015/07/pong-05b.png?resize=600%2C500
My Video on Polar Coordinates: https://youtu.be/N633bLi_YCw
Source Code for the all Video Lessons: https://github.com/CodingTrain/Rainbow-Code
p5.js: https://p5js.org/
Processing: https://processing.org
For More Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
For an Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA
Help us caption & translate this video!
http://amara.org/v/72oK/
- published: 27 Mar 2017
- views: 56424
Guest Tutorial #4: Matrix Digital Rain in p5.js with Emily Xie
- Order: Reorder
- Duration: 43:23
- Updated: 23 Feb 2017
- views: 64851
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 Girl Develop 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.html
Personal:
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/
https://wn.com/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 Girl Develop 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.html
Personal:
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/
- published: 23 Feb 2017
- views: 64851
- Playlist
- Chat
40:45
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 g...
published: 26 Apr 2016
Coding Challenge #5: Space Invaders in JavaScript with p5.js
Coding Challenge #5: Space Invaders in JavaScript with p5.js
- Report rights infringement
- published: 26 Apr 2016
- views: 252475
13:35
Javascript Tutorial - Programming Tutorial for Beginners Pt 1
This is part one of Javascript Programming. If you've been wanting to learn Javascript, t...
published: 24 Jan 2014
Javascript Tutorial - Programming Tutorial for Beginners Pt 1
Javascript Tutorial - Programming Tutorial for Beginners Pt 1
- Report rights infringement
- published: 24 Jan 2014
- views: 648822
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...
published: 08 Dec 2015
Coding an HTML5 Canvas Game with JS in 5 min 30 sec
Coding an HTML5 Canvas Game with JS in 5 min 30 sec
- Report rights infringement
- published: 08 Dec 2015
- views: 868467
7:09
Coding "Snake" in 4 min 30 sec (plain browser JavaScript)
Support on Patreon: https://www.patreon.com/gamkedo Try my free course: http://code-your-f...
published: 05 May 2017
Coding "Snake" in 4 min 30 sec (plain browser JavaScript)
Coding "Snake" in 4 min 30 sec (plain browser JavaScript)
- Report rights infringement
- published: 05 May 2017
- views: 2160249
1:37:09
JavaScript Tutorial
Get the Cheat Sheet Here : http://goo.gl/TxNsQO
Best Book on JavaScript : http://amzn.to/1...
published: 20 Sep 2015
JavaScript Tutorial
JavaScript Tutorial
- Report rights infringement
- published: 20 Sep 2015
- views: 716488
21:48
Coding Challenge #66: JavaScript Countdown Timer
In this video, I use the p5.js library to create a web-based countdown timer. I discuss th...
published: 25 Mar 2017
Coding Challenge #66: JavaScript Countdown Timer
Coding Challenge #66: JavaScript Countdown Timer
- Report rights infringement
- published: 25 Mar 2017
- views: 45050
12:01
Learn JavaScript in 12 Minutes
Learn the fundamental features of JavaScript - the language used to add dynamic, interacti...
published: 05 Aug 2014
Learn JavaScript in 12 Minutes
Learn JavaScript in 12 Minutes
- Report rights infringement
- published: 05 Aug 2014
- views: 868281
37:51
Using Node.js To Create Electronic Dance Music
Did you know that we can create electronic dance music with JavaScript? Watch this present...
published: 09 Jul 2017
Using Node.js To Create Electronic Dance Music
Using Node.js To Create Electronic Dance Music
- Report rights infringement
- published: 09 Jul 2017
- views: 312891
27:27
Coding Challenge #3: The Snake Game
In this 10 Minute Coding Challenge, I attempt to code a p5.js version of the Snake Game.
...
published: 20 Apr 2016
Coding Challenge #3: The Snake Game
Coding Challenge #3: The Snake Game
- Report rights infringement
- published: 20 Apr 2016
- views: 1149574
21:54
Coding Challenge #40.1: Word Counter in JavaScript
In this Coding Challenge, I build a word counting (concordance) web application in JavaScr...
published: 10 Oct 2016
Coding Challenge #40.1: Word Counter in JavaScript
Coding Challenge #40.1: Word Counter in JavaScript
- Report rights infringement
- published: 10 Oct 2016
- views: 16169
10:05
Speed Coding (Javascript) - First time making the game Pong
I recorded the first time I tried making the game Pong.
Pong
http://adf.ly/1IsYj5
Code
h...
published: 16 Jan 2014
Speed Coding (Javascript) - First time making the game Pong
Speed Coding (Javascript) - First time making the game Pong
- Report rights infringement
- published: 16 Jan 2014
- views: 96908
14:08
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....
published: 21 Oct 2013
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
- Report rights infringement
- published: 21 Oct 2013
- views: 2040663
12:58
speed coding admin panel w/ login screen and logout [JS]
hello guys, just wanted to put this video out there today, this video is sped up 15 times ...
published: 12 May 2017
speed coding admin panel w/ login screen and logout [JS]
speed coding admin panel w/ login screen and logout [JS]
- Report rights infringement
- published: 12 May 2017
- views: 966
15:53
Coding Challenge #14: Fractal Trees - Recursive
In this coding challenge, I'm going to show you how to create a fractal tree with a recurs...
published: 30 May 2016
Coding Challenge #14: Fractal Trees - Recursive
Coding Challenge #14: Fractal Trees - Recursive
- Report rights infringement
- published: 30 May 2016
- views: 243871
- Playlist
- Chat
1:00:00
Coding Connect Four with Javascript & jQuery
Follow me on twitter!
https://twitter.com/CodyLSeibert
In this video, learn how to progra...
published: 30 Oct 2017
Coding Connect Four with Javascript & jQuery
Coding Connect Four with Javascript & jQuery
- Report rights infringement
- published: 30 Oct 2017
- views: 14
2:17
Pitch 28: js coding for kids
w00tcamp is een tweedaagse hackathon van Q42. En nóg toffer gemaakt door Google en UNITiD!...
published: 26 Oct 2017
Pitch 28: js coding for kids
Pitch 28: js coding for kids
- Report rights infringement
- published: 26 Oct 2017
- views: 0
5:16
Coding Tutorial | Processing JS | Part 1 - Drawing Shapes
In this new series, I will teach you about a coding language-- simpler than Java Script. P...
published: 22 Oct 2017
Coding Tutorial | Processing JS | Part 1 - Drawing Shapes
Coding Tutorial | Processing JS | Part 1 - Drawing Shapes
- Report rights infringement
- published: 22 Oct 2017
- views: 3
3:00
Recursive Factorial in JavaScript | Daily LIVE Coding DLC #44
On this episode, implementation of factorial in both recursive and iterative version...ini...
published: 14 Oct 2017
Recursive Factorial in JavaScript | Daily LIVE Coding DLC #44
Recursive Factorial in JavaScript | Daily LIVE Coding DLC #44
- Report rights infringement
- published: 14 Oct 2017
- views: 6
1:22
10 Days Of Javascript Day 0 | Daily LIVE Coding DLC #41
On this episode, use console.log() to print Hello, World! on a new line in the console, wh...
published: 11 Oct 2017
10 Days Of Javascript Day 0 | Daily LIVE Coding DLC #41
10 Days Of Javascript Day 0 | Daily LIVE Coding DLC #41
- Report rights infringement
- published: 11 Oct 2017
- views: 2
56:53
SQL - Live Coding an Express Server in Node.js - Part 2.5
published: 06 Oct 2017
SQL - Live Coding an Express Server in Node.js - Part 2.5
SQL - Live Coding an Express Server in Node.js - Part 2.5
- Report rights infringement
- published: 06 Oct 2017
- views: 39
54:10
REST api - Live Coding an Express Server in Node.js - Part 5 (final)
published: 06 Oct 2017
REST api - Live Coding an Express Server in Node.js - Part 5 (final)
REST api - Live Coding an Express Server in Node.js - Part 5 (final)
- Report rights infringement
- published: 06 Oct 2017
- views: 26
55:03
REST api - Live Coding an Express Server in Node.js - Part 4
Today we...
- Talked about using npm scripts like `start`, `db:init`, `db:loadschema` as a...
published: 06 Oct 2017
REST api - Live Coding an Express Server in Node.js - Part 4
REST api - Live Coding an Express Server in Node.js - Part 4
- Report rights infringement
- published: 06 Oct 2017
- views: 52
10:01
Coding Math How To Make Space shooter gameplay step by step javascript
Thank you for watching you can you get my game: https://pastebin.com/KyACB6VR
get full pla...
published: 29 Sep 2017
Coding Math How To Make Space shooter gameplay step by step javascript
Coding Math How To Make Space shooter gameplay step by step javascript
- Report rights infringement
- published: 29 Sep 2017
- views: 14
56:05
Front-End Coding Hour #7: Refactoring our twitch bot with node.js
Twitch Front-End Coding Hour #7
Slow Jam - After talking to a colleague, decided that a re...
published: 27 Sep 2017
Front-End Coding Hour #7: Refactoring our twitch bot with node.js
Front-End Coding Hour #7: Refactoring our twitch bot with node.js
- Report rights infringement
- published: 27 Sep 2017
- views: 4
9:08
Coding Challenge #76: 10PRINT in p5.js
In this coding challenge, I attempt to create a version of the classic one-line Commodore ...
published: 26 Sep 2017
Coding Challenge #76: 10PRINT in p5.js
Coding Challenge #76: 10PRINT in p5.js
- Report rights infringement
- published: 26 Sep 2017
- views: 22897
13:57
Discord Bot Making Tutorial | Discord.js | Episode 2: Basic Coding
Oh, look!
It's a new Striker video!
What a suprise.
----------
My PC Specs: HP Notebook G...
published: 26 Sep 2017
Discord Bot Making Tutorial | Discord.js | Episode 2: Basic Coding
Discord Bot Making Tutorial | Discord.js | Episode 2: Basic Coding
- Report rights infringement
- published: 26 Sep 2017
- views: 410
11:01
Pure Javascript 2D Game - Speed Coding Tutorial
A Mario like game in pure Javascript, without any libraries. Hope you enjoy this!
Source C...
published: 23 Sep 2017
Pure Javascript 2D Game - Speed Coding Tutorial
Pure Javascript 2D Game - Speed Coding Tutorial
- Report rights infringement
- published: 23 Sep 2017
- views: 161
2:02
Speed Coding - Téléphone CSS JS
🔻🔻🔻🔻🔻 Lis la description 🔻🔻🔻🔻🔻
💠 Petite absence sur youtube et j'en suis désolé :( Mais ...
published: 23 Sep 2017
Speed Coding - Téléphone CSS JS
Speed Coding - Téléphone CSS JS
- Report rights infringement
- published: 23 Sep 2017
- views: 36
- Playlist
- Chat
40:45
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 g...
published: 26 Apr 2016
Coding Challenge #5: Space Invaders in JavaScript with p5.js
Coding Challenge #5: Space Invaders in JavaScript with p5.js
- Report rights infringement
- published: 26 Apr 2016
- views: 252475
1:37:09
JavaScript Tutorial
Get the Cheat Sheet Here : http://goo.gl/TxNsQO
Best Book on JavaScript : http://amzn.to/1...
published: 20 Sep 2015
JavaScript Tutorial
JavaScript Tutorial
- Report rights infringement
- published: 20 Sep 2015
- views: 716488
21:48
Coding Challenge #66: JavaScript Countdown Timer
In this video, I use the p5.js library to create a web-based countdown timer. I discuss th...
published: 25 Mar 2017
Coding Challenge #66: JavaScript Countdown Timer
Coding Challenge #66: JavaScript Countdown Timer
- Report rights infringement
- published: 25 Mar 2017
- views: 45050
21:54
Coding Challenge #40.1: Word Counter in JavaScript
In this Coding Challenge, I build a word counting (concordance) web application in JavaScr...
published: 10 Oct 2016
Coding Challenge #40.1: Word Counter in JavaScript
Coding Challenge #40.1: Word Counter in JavaScript
- Report rights infringement
- published: 10 Oct 2016
- views: 16169
27:27
Coding Challenge #3: The Snake Game
In this 10 Minute Coding Challenge, I attempt to code a p5.js version of the Snake Game.
...
published: 20 Apr 2016
Coding Challenge #3: The Snake Game
Coding Challenge #3: The Snake Game
- Report rights infringement
- published: 20 Apr 2016
- views: 1149574
1:05:45
Learn to code a to-do list app in JavaScript - Part 1
We're building a to-do list application from a simple design sketch, using HTML, CSS and J...
published: 28 Jun 2016
Learn to code a to-do list app in JavaScript - Part 1
Learn to code a to-do list app in JavaScript - Part 1
- Report rights infringement
- published: 28 Jun 2016
- views: 102011
37:51
Using Node.js To Create Electronic Dance Music
Did you know that we can create electronic dance music with JavaScript? Watch this present...
published: 09 Jul 2017
Using Node.js To Create Electronic Dance Music
Using Node.js To Create Electronic Dance Music
- Report rights infringement
- published: 09 Jul 2017
- views: 312891
1:00:04
Live Coding a JavaScript Poll App with Chris and Alex (1/2)
Watch part 2 with Chris: https://youtu.be/nL2wpZV1LYc
Subscribe to Chris' YouTube channel:...
published: 02 May 2016
Live Coding a JavaScript Poll App with Chris and Alex (1/2)
Live Coding a JavaScript Poll App with Chris and Alex (1/2)
- Report rights infringement
- published: 02 May 2016
- views: 25033
42:02
The Reusable JavaScript REVOLUTION
Three ground-breaking shifts are occurring in the world of JavaScript: Package management,...
published: 04 Oct 2017
The Reusable JavaScript REVOLUTION
The Reusable JavaScript REVOLUTION
- Report rights infringement
- published: 04 Oct 2017
- views: 3159
28:32
Answering Tricky JS Interview Questions
This talk will cover some basic JS subtleties and fill in some knowledge gaps w/r/t:
- Hoi...
published: 11 Sep 2017
Answering Tricky JS Interview Questions
Answering Tricky JS Interview Questions
- Report rights infringement
- published: 11 Sep 2017
- views: 35988
6:23:10
JavaScript Tutorial for Absolute Beginners
Angular 4 (latest version of Angular 2) - The Complete Guide ☞ http://learnstartup.net/go/...
published: 04 Aug 2015
JavaScript Tutorial for Absolute Beginners
JavaScript Tutorial for Absolute Beginners
- Report rights infringement
- published: 04 Aug 2015
- views: 710710
25:04
Denis Radin: Applying NASA coding standards to JavaScript | JSConf EU 2017
http://2017.jsconf.eu/speakers/denis-radin-applying-nasa-coding-standards-to-javascript.ht...
published: 06 Jun 2017
Denis Radin: Applying NASA coding standards to JavaScript | JSConf EU 2017
Denis Radin: Applying NASA coding standards to JavaScript | JSConf EU 2017
- Report rights infringement
- published: 06 Jun 2017
- views: 5995
23:26
Coding Tic Tac Toe in Javascript: Part 1
In this video I cover how to code up a basic tic-tac-toe game in javascript. We won't go ...
published: 27 Jun 2017
Coding Tic Tac Toe in Javascript: Part 1
Coding Tic Tac Toe in Javascript: Part 1
- Report rights infringement
- published: 27 Jun 2017
- views: 2658
25:28
Coding Challenge #21: Mandelbrot Set with p5.js
In this coding challenge, I program from scratch the Mandelbrot set with p5.js
Support th...
published: 13 Jun 2016
Coding Challenge #21: Mandelbrot Set with p5.js
Coding Challenge #21: Mandelbrot Set with p5.js
- Report rights infringement
- published: 13 Jun 2016
- views: 73625
Coding Challenge #5: Space Invaders in JavaScript ...
JavaScript Tutorial...
Coding Challenge #66: JavaScript Countdown Timer...
Coding Challenge #40.1: Word Counter in JavaScript...
Coding Challenge #3: The Snake Game...
Learn to code a to-do list app in JavaScript - Par...
Using Node.js To Create Electronic Dance Music...
Live Coding a JavaScript Poll App with Chris and A...
The Reusable JavaScript REVOLUTION...
Answering Tricky JS Interview Questions...
JavaScript Tutorial for Absolute Beginners...
Denis Radin: Applying NASA coding standards to Jav...
Coding Tic Tac Toe in Javascript: Part 1...
Coding Challenge #21: Mandelbrot Set with p5.js...
Coding Challenge #74: Clock with p5.js...
Coding Challenge 51.1: A* Pathfinding Algorithm - ...
Coding Challenge #27: Fireworks!...
Coding Challenge #31: Flappy Bird...
Coding Challenge #67: Pong!...
Guest Tutorial #4: Matrix Digital Rain in p5.js wi...
back
Kevin Spacey apologizes after allegation of sexual advance on 14-year-old
Edit ABC7 30 Oct 2017
Actor Kevin Spacey said that he has "loved and had romantic encounters with men" and that he chooses "now to live as a gay man," after being accused of an unwanted encounter with a 14-year-old. Spacey's remarks came in a tweet posted on Sunday night after "Star Trek. Discovery" star Anthony Rapp alleged that Spacey climbed on top of him in bed when he was just 14 years old ... I'm beyond horrified to hear this story," Spacey said ... ....
back
Lewis Hamilton Drives Into History Books With Fourth World Title
Edit Scotsman 29 Oct 2017
Lewis Hamilton was crowned Formula One world champion for a fourth time despite a dramatic opening-lap collision with rival Sebastian Vettel at the Mexican Grand Prix. Hamilton finished only ninth following the explosive turn-three incident, after which the British driver asked if Vettel had deliberately crashed into him ... ....
back
President Hassan Rouhani turned down meeting with Donald Trump: Iran
Edit Indian Express 30 Oct 2017
Donald Trump’s support drops to lowest level ever. SurveyUnited States special counsel’s Russia probe entering new phase with first chargesDonald Trump comes ahead with fresh criticism of Russia inquiry ... ....
back
Caroline Wozniacki says layoff did her good
Edit The Times of India 30 Oct 2017
SINGAPORE. Caroline Wozniacki said an extended injury break last year was a crucial factor behind her WTA Finals victory, an echo of this season's brilliant comebacks by Roger Federer and Rafael Nadal. The former world number one beat Venus Williams for the first time in eight attempts to seal the biggest title of her career at the prestigious season finale in Singapore late on Sunday ... "I think the break from tennis for me was great ... or....
Winning numbers drawn in 'WPT' game
Edit Richmond Times Dispatch 30 Oct 2017
JS-QS-6D-10H-5S. (JS, QS, 6D, ......
Poll: Should the Ram Mandir-Babri Masjid issue be settled out of court?
Edit Yahoo Daily News 30 Oct 2017
In May this year, the then Chief Justice of India, JS Khehar, had suggested that an ‘amicable’ solution to the matter was preferred since a verdict delivered by the court ......
Google Authenticator is a free security app – Check how to setup in your phone
Edit The Siasat Daily 30 Oct 2017
The app (iOS/Android) generates a random code used to verify your identity when you’re logging into various services. The code can technically be sent to your phone via text message every time— but the Google Authenticator app provides an extra level of security ... The Google Authenticator app eliminates the possibility of an SMS-based attack using algorithms to generate the codes on your phone....
DNA Edit: Course correction
Edit DNA India 30 Oct 2017
Restoring transparency in judges’ appointment process ... Such steps erode the standing that many within legal circles accord to the collegium. The appraisal system for Additional HC judges, which was first put in place by the then Chief Justice of India SH Kapadia in October 2010, was scrapped this year in March by the then CJI JS Khehar ... ....
Niall Horan Thanks Fans for Making 'Flicker' No. 1 Album: 'My Mind is Completely Blown'
Edit Billboard 30 Oct 2017
<a href="/music/niall-horan">Niall Horan</a> tweeted a sweet message to thank fans for helping his new solo album, Flicker, debut at No ... 29). "Today it really feels like all the hard work has paid off." ... [readmore.8015056] ... [readmore.8015059] ... <script async src="https.//platform.twitter.com/widgets.js" charset="utf-8"></script> ....
The Bingham Code: The 11 rules frequent flyers need to abide by
Edit Sydney Morning Herald 30 Oct 2017
There has long been an unwritten code for civilised business travel – unfortunately, it has now become necessary to write it. Frequent flyers, the 21st century road warriors who spend many long hours in silver tubes for business, should instinctively know the code and generally do, but I fear standards are starting to slip ... I wrote in this space six years ago about the core of the code....
Model Code casts shadow on World Heritage Week celebrations
Edit DNA India 30 Oct 2017
The civic body is taking steps on how to ensure that the week-long World Heritage Week celebration is a memorable one in the wake of the Model Code of Conduct ... The civic body is taking steps on how to ensure that the week-long World Heritage Week celebration is a memorable one in the wake of the Model Code of Conduct that is in force in Gujarat ahead of the Assembly elections in December....
Republicans, desperate for a win, already face setbacks as they prepare to unveil tax bill ...
Edit Daytona Beach News-Journal 30 Oct 2017
WASHINGTON — The Republican effort to overhaul the tax code suffered a bruising setback over the weekend when a powerful corporate interest group came out against the proposal just days ahead of House leaders' planned release of the legislation to the public.President Donald Trump and GOP leaders are casting the measure as a ......
Home builders group to fight GOP tax plan
Edit The Providence Journal 30 Oct 2017
WASHINGTON — The Republican effort to overhaul the tax code suffered a bruising setback over the weekend when a powerful corporate interest group came out against the proposal just days ahead of House leaders' planned release of the legislation to the public....
Republicans face setbacks with tax bill
Edit Houma Today 30 Oct 2017
WASHINGTON - The Republican effort to overhaul the tax code suffered a bruising setback over the weekend when a powerful corporate interest group came out against the proposal just days ahead of House leaders' planned release of the legislation to the public....
Shanghai maglev train line launches e-ticket service
Edit People Daily 30 Oct 2017
Fares are automatically deducted from the passenger's account when the passenger exits by rescanning the code....
Southeast Asian Leaders to Go Soft on China Over Disputed Sea This Year
Edit Voa News 30 Oct 2017
Foreign ministers from China and ASEAN agreed in August to a framework code of conduct that would sidestep sovereignty issues to focus on avoiding mishaps at sea. The code had been stuck for half a decade largely due to China’s resistance ... ASEAN and China are expected to dive into the substance of the code of conduct next year....
Apple engineer sacked after daughter’s iPhone X video goes viral
Edit BGR 30 Oct 2017
The video includes footage of an iPhone X with special employee-only QR codes ... The video includes footage of an iPhone X with special employee-only QR codes.� A notes app was also shown on the iPhone X, which ......
- 1
- 2
- 3
- 4
- 5
- Next page »
