NEW: Canvas Image Manipulation course only at https://chriscourses.com/courses/image-manipulation/introduction ?Download the free HTML5 Canvas cheat sheet at https://chriscourses.com/cheatsheet ?Gear I used to produce this video: https://kit.com/chriscourses/chris-courses-studio-setup Learn how to code circular motion using a combination of math, canvas, and JavaScript. Canvas Boilerplate GitHub: https://github.com/christopher4lis/canvas-boilerplate Blog Post for Alfred: https://blog.christopherlis.com/perfect-three-js-workflow-alfred/ Video Timeline: --------------- 00:00 - Intro 00:42 - Core Concepts 03:40 - Screencast Tutorial Support Chris Courses Through Patreon: -------------------------------------- https://www.patreon.com/chriscourses The Platform: ------------- http://chriscourses.com is a platform in progress whose goal is to educate aspiring and seasoned web developers via story driven learning. Each course tells a different story, and each milestone reveals a different scene. With an expansive universe to explore, you can track your progress, and gain the necessary skills needed to build your dreams. For updates on the progress of chriscourses.com and future videos, join the Chris Courses mailing list at http://chriscourses.com. Chris Courses Social: --------------------- Twitter: https://twitter.com/chriscourses Facebook: https://www.facebook.com/chriscourses Instagram: https://www.instagram.com/chriscourses/ Christopher Lis Social: ----------------------- Twitter: https://twitter.com/christopher4lis CodePen: http://codepen.io/chriscourses Instagram: https://www.instagram.com/christopher4lis/ SoundCloud: https://soundcloud.com/chr1sm Beats: ------ Joakim Karud - Looking To The Sky w/Peter Kuli & Kasey Andre ... https://www.youtube.com/watch?v=raXW5J1Te7Y

?View more development courses and content at https://chriscourses.com/ Webpack dev server is great for hot reloading—automatically injecting file changes into the browser without fully refreshing the page. However, since webpack dev server only watches for changes for files being pulled in through webpack's main entry point, it's unable to refresh the browser whenever we make changes to certain files. For instance, html and backend files typically aren't pulled in through webpack's entry point, as a result, they're not refreshed by webpack dev server whenever a change is made to one of them. To fix this, we're going to implement something called Browser Sync. Learn how and why you'll want to use this in every project you develop on from here-on out. Snippet for webpack.config.js: ------------------------------------------------- https://gist.github.com/christopher4lis/3358d92395d686375c50f7ebb218f1dc Video Timeline: --------------- 00:00 - Our current problem and the proposed solution 02:58 - Where we left off / beginning steps to integrate browser sync 05:34 - Browser Sync plugin properties 11:45 - Testing our Browser Sync implementation 13:17 - Summary / Outro The Platform: ------------- http://chriscourses.com is a platform in progress whose goal is to educate aspiring and seasoned web developers via story driven learning. Each course tells a different story, and each milestone reveals a different scene. With an expansive universe to explore, you can track your progress, and gain the necessary skills needed to build your dreams. For updates on the progress of chriscourses.com and future videos, join the Chris Courses mailing list at http://chriscourses.com. Support Chris Courses Through Patreon: -------------------------------------- https://www.patreon.com/chriscourses Chris Courses Social: --------------------- Twitter: https://twitter.com/chriscourses Facebook: https://www.facebook.com/chriscourses Instagram: https://www.instagram.com/chriscourses/ Christopher Lis Social: ----------------------- Twitter: https://twitter.com/christopher4lis CodePen: http://codepen.io/christopher4lis Instagram: https://www.instagram.com/christopher4lis/ SoundCloud: https://soundcloud.com/chr1sm ... https://www.youtube.com/watch?v=1j8C1V_DPQ4

?View more development courses and content at https://chriscourses.com/ In this video, I cover an array of webpack loaders that'll help optimize your code and allow you to make use of SASS and ES6. Learn how to use webpack loaders to load and minify your CSS, compile your SASS, SCSS, and ES6 code; and lint your code with JSHint. Enjoy! Git repo so you can follow along: https://github.com/christopher4lis/cc-webpack-loaders Timeline: 00:12 - Setting up our project for use of webpack loaders 00:48 - Adding a config file 01:56 - CSS setup 07:39 - SCSS setup 09:16 - ES6 setup 11:34 - Linting with JSHint 13:40 - Upcoming course Resources I used to get started with webpack that you may find helpful too: https://medium.com/@dabit3/beginner-s-guide-to-webpack-b1f1a3638460#.nnddinklu https://medium.com/@housecor/browserify-vs-webpack-b3d7ca08a0a9#.gboei1jyk https://github.com/petehunt/webpack-howto Beats: Immortal Beats - Oh Wee - Creative Commons For updates on the progress of chriscourses.com and future videos, join the Chris Courses mailing list at http://chriscourses.com. Support Chris Courses Through Patreon: -------------------------------------- https://www.patreon.com/chriscourses Chris Courses Social: --------------------- Twitter: https://twitter.com/chriscourses Facebook: https://www.facebook.com/chriscourses Instagram: https://www.instagram.com/chriscourses Christopher Lis Social: ----------------------- Twitter: https://twitter.com/christopher4lis CodePen: http://codepen.io/christopher4lis ... https://www.youtube.com/watch?v=ZlPqkxohjcM

Tech interviews suck, but almost every big tech company requires them at some point. Since I myself am still learning how to better solve program-related interview questions, I figured why not hammer in those concepts by creating a full-fledged animation on algorithm related topics, while sharing it with the world so everyone can have an easier time with interviews. This video will demystify some of the complex and abstract concepts that accompany programming related interview questions such as validating a provided sudoku board. Hope it helps! 0:00 Intro to sudoku and validation 2:10 Validate rows 2:52 Validate columns 3:59 Validate 3x3 boxes 6:12 Bye bye Copy / paste this video's code with Chris Courses premium: https://chriscourses.com/courses/interview-prep/videos/valid-sudoku ... https://www.youtube.com/watch?v=qPLYKr7HdKU