Skip to content

prerequisites

nbriz edited this page Oct 11, 2022 · 1 revision

Before we begin working collaboratively on our Web based drawing tool we need to make sure we're all up to speed on the tools (code editor, Web browser and git/GitHub) which we'll be using to produce our work this quarter, as well as the Web's 3 core coding languages, which are HTML (hypertext markup language), CSS (cascading style sheets) and JS (JavaScript). Below are a "choose your own" set of tutorials which cover the necessary background:

HTML && CSS

Though our project will consist of all three of these core languages, most of our code will likely be written in JavaScript as that's the language we use to create the logic for our web applications. That said, if you choose to work on tasks that will require changing the structure or design of the app, a solid understanding of HTML and CSS will be necessary. Start by reviewing the basics of HTML and CSS with netnet. If that's all stuff you already know (or if it seems simple enough to get the hang of) then move onto the JavaScript links below. If not, consider watching my Internet Art crash course video playlist to get up to speed with all the basics.

I've put together some JavaScript notes for my Internet Art II course which review all the core concepts of programming. If that all looks familiar, then take a look at my notes for some popular JavaScript Web APIs, however if the concepts netnet walks you through in those initial examples are entirely new to you, it might not be a bad idea to look up some "intro to JavaScript" tutorials online (ideally tutorials that cover "vanilla JavaScript" rather than introducing the language through another framework, like React, or library, like p5.js).

The last thing you'll need to be comfortable with before you can get started on project tasks is git and GitHub. If you've never worked with git or GitHub before, there are plenty of tutorials, guides and references online (which you are also welcome to find, read, watch, explore on your own) but I've also put together a few tutorials for my Internet Art II course. For our purposes it might be best to start on Part 2 of that playlist (though you are free to watch them all if you're curious). We'll be covering the basics to Git/GitHub in this coures

Clone this wiki locally