resources

overview & starting points

• MDN web docs - Mozilla Developer Network (browser i.e. front end technologies)
  • HTML
  • CSS
  • JS
  • publishing your web site
• software carpentry - tutorials for unix shell & git
• hacker tools
• background
  • wikipedia: outline of the internet
  • wikipedia: internet
  • wikipedia: protocols
  • wikipedia: domain name system
  • front and back end development
  • internet hosting service

web development

• MDN: web tech for developers (core tech : html, css, http, js, ...)
• XAMPP - Apache + MariaDB + PHP (backend all-in-one server app for Windows & Mac)
• wikipedia: CGI
• frameworks & libraries (in no particular order)
  • vanilla-js.com
  • jquery (a common frontend javascript library)
  • underscore.js (javascript functional tools)
  • React : learn react | HackerNews discussion (a popular-in-2019 javascript/html frontend user interface framework, particularly for single page apps)
  • backbone.js (another front end library for single page apps; competes with React)
  • PHP (a popular backend scripting language)
  • Flask (python back end)
  • Ruby on Rails (ruby backend)
  • Bootstrap (mobile-friendly html/cs/js prototype templates)
  • svelte
  • ... and many, many more more
• realworld example apps - a "medium" example app with many front & back end implementations
• ToDoMVC - single page app with many implementations

SQL - backend relational database

• my 2021 algorithms course
  • SQL resources
  • SQL notes part 1
  • SQL notes part 2
• SQLite
• wikibooks: sql exercises
• swcarpentry's Databases and SQL tutorial
• Gay Marriage - the database perspective

javascript : language & frameworks

• MDN: javascript
• MDN: the DOM - Document Object Model
• Jim's js examples
• eloquent javascript
• state of js - what's popular
  • node
  • vanilla js - somewhat tongue-in-cheek
  • jquery
• graphics
  • MDN: Canvas API
  • MDN: getting started with WebGL
  • D3.js - plotting library
  • two.js - 2D graphics library
  • three.js - 3D graphics library

command line

• (for working on remote servers & editing and moving files)
• software carpentry's unix shell lesson
• linuxcommand.org's learning the shell
• wikipedia: command-line interface
• Effective Shell online book, by David Kerr
• N. Matloff's Unix: the bare minimum
• linux command line - learn about how to use the command line
• the alternative to the command line is GUI apps and a window manager
• getting to the bash command line :
  • Mac: "Terminal" application (click magnifying glass in menu for Spotlight; type 'Terminal')
  • Windows: install "git bash" which includes the unix "bash" shell including a terminal, ssh, and other common unix-y stuff.
  • ... or another Microsoft option is Windows Subsytem for Linux (free)
• setting up a public/private key

code editors & IDEs

• (for editing html, css, javascript, or any code, either on your laptop or in a remote terminal)
• nano - a simple but good unix (and windows git bash) command line line choice
• emacs - what Jim uses ; one of the classic terminal editors | aquamacs ac application
• vim - another classic in-the-terminal hacker's editor
• notepad++ (windows) - free code-friendly replacement for Notepad
• sublime text - a popular proprietary GUI editor
• vscode - Microsoft's Visual Code Studio ; has been one of the most popular editors lately
• atom - a web-oriented GUI code editor
• PyCharm - JetBrain's lots-of-bells app for editing & running python on Mac, Windows, Linux. There's a free "community" version and a paid version with more features.
• IDLE - python.org's app for editing and running python ; comes with the standard python installation
• google "top python editor IDE", eh?

transferring files between computers

• Creating websites often means editing files (html, css, ...) on your local computer, then deploying them to a remote server where you have an account. There are several ways to do this.
• The scp command, in a terminal, is one way. See for example this tutorial .
• Another is a GUI application like WinSCP (Windows) or cyberduck (Mac).
• It's also possible to use git or github as a repository for your website's files, and then clone, push, or pull them to and from your local computer and the remote server.
• Or if you're using a web hosting service with a control panel, then it will probably provide browser accessible tools for moving files and controlling the web server's settings.

design

• css zen garden
• Don't Make Me Think
• Jessica on UX
• web pages that suck
• templates
  • html5up
  • oswd - open source web design
  • wikipedia: bootstrap
• A List Apart - web design online magazine

tools

• jsfiddle | others
• MDN: firefox developer tools

ads & search

• wikipedia: Google Ads (put your ads in google search)
• wikipedia: Google AdSense (put their ads on your site)
• wikipedia: SEO

networks & protocols

• An Introduction to Computer Networks - free online textbook
• The TCP/IP Guide
• wireshark
  • best books for packet analysis
  • Matt Daily's packet captures
• computer networking: internet protocols in action (excellent though somewhat out of date)
• Jim's base convert / IP address display tool
• IANA assigned port numbers
• wikipedia starting points:
  • internet protocol suite
  • CIDR - IP address & subnet mask notation
• terms to read about : TCP/IP, ARP cache, routing table, port, IP address, MAC address, subnet mask, TTL (time-to-live), ...
• common protocols : HTTP, SMTP, DNS, ARP, POP3, ...
• command line tools : ping, nmap, ncat, telnet, traceroute, lsof -i, nslookup, netstat, whois, ifconfig, ...

mobile

• cross platform tools compared
• bootstrap

deploy

• domain registration : namecheap, ...
• hosting : nearlyfreespeech, linode, AWS, ...
• security : wikipedia: virtual private network

security

• wikipedia: computer security
• MDN: web security
• letsencrypt - nonprofit https certificate authority
• terms to google
  • "sql injection"
  • "cross site scripting"
  • "pen testing"

politics & standards

• wikipedia: internet governance
• W3C
• EFF
• open source inititive - licenses