Javascript and P5js

This class covers the basics of Getting started with a Development environment, Javascript and P5js. You will learn how to do some cool stuff like:

Mastering a text editor to edit code

Using tools like the console to debug said code

How to put the code online and in github

The basics of Javascript and coding.

Creating animations

Using interaction to control media (Sound, Video, SVGs, GIFs, etc..)

Generating Art from Data

Finding, adding and integrating other Javascript libraries

Code Examples

• Collection of Javascript Animations on Codepen

• Collection of p5.js Animations on Codepen

Books

• Make: Getting Started with p5.js
• Nature of Code
• Javascript: The Good Parts

Downloads

• Github Desktop
• Atom
• Sublime Text
• p5.js Complete Library
• Prepros

Helpful Resources

• Generative Design p5.js
• p5.play
• https://p5js.org/reference/
• http://www.w3schools.com/
• https://www.codecademy.com/
• http://eloquentjavascript.net/
• Code Pen
• Front-End vs. Back-End Development
• CSS Tutorials
• Taming Lists
• The Mozilla Developer Network
• Colour Lovers, Palettes and Color Schemes
• FlatUI Colors
• ##Some Blogs You Should Be Reading
• Smashing Magazine
• Hacker News
• A List Apart
• CodDrops
• ##HTML and CSS Mozilla Developer Network Intro to HTML
• HTML and CSS: Design and Build Websites(BOOK)
• General Assembly's Dash
• Smashing Magazine (Web Design Blog/Tutorials)
• Codecademy HTMl and CSS
• Getting Started With CSS
• Learn CSS Layout
• Code Pen
• More Advanced CSS Selectors Exercise
• 30 CSS Selectors You Must Memorize!
• CSS Zen Garden
• WTF HTML and CSS
• All About Floats
• CSS Cheat Sheet
• CodePen.io - great place to play with CSS
• 70 Expert Ideas For Better CSS Coding
• Helpful MDN Article