General

• Learn web development (MDN Docs)
• DevDocs
• Interneting is hars

HTML

• HTML, MDN Docs
• List of HTML elements
• Dive into HTML5
• A Beginners Guide to HTML & CSS
• HTML5 Canvas

CSS

• CSS, MDN Docs
• A Beginners Guide to HTML & CSS
• Child and Sibling Selectors

JavaScript

• Mozilla Developers Network. JavaScript Guide
• Free JavaScript Books
• JavaScript Allongé: read on the web, source @ GitHub
• CoffeeScript Risetto: Läs på nätet
• HTML5 Canvas
• JavaScript Succinctly
• Eloquent JavaScript - A Modern Introduction to Programming
• Learning JavaScript Patterns

jQuery/jQuery UI

• jQuery Learning Center
• jQuery Fundamentals
• jQuery Succinctly

Responsive design

• Responsive Web Design – What It Is And How To Use It
• Responsive Web Design Basics
• Responsive Design Is…
• Responsive Design, Part of HTML & CSS is hard (but it doesn’t have to be)

Misc / Mixed

• Microsoft Learn HTML5

Wireframes

• Wireframes Magazine
• I <3 Wireframes
• Beginners Guide to Wireframing

UX

• http://www.uxapprentice.com/

Human Interface Guidelines (HIGs)

• Android Human Interface Guidelines
• Commotion Human Interface Guidelines
• Elementary OS Human Interface Guidelines
• GNOME Human Interface Guidelines 2.2.3
• Apple iOS Human Interface Guidelines
• OLPC Human Interface Guidelines
• OS X Human Interface Guidelines
• webOS Human Interface Guidelines
• Windows Human Interface Guidelines

Git

• Git Extensions
• Pro Git
• Git Magic
• Git from the bottom up
• Version Controll by Example
• Git Succinctly
• Think Like (a) Git - a guide for the perplexed
• Git Reference

• hakim.se

Disclaimer: The teachers on this course are not experts in using these frameworks and you should only use them for your project if you feel confident in finding information on your own.

Frontend frameworks

Since web browsers mainly speak HTML, CSS, and JavaScript, most frontend frameworks are JavaScript based.

• Angular
• D3.js
• jQuery
• jQuery UI
• React
• Solid
• Svelte
• Vue.js

Backend frameworks

Most (if not all) JavaScript backend frameworks are built on top of the JavaScript runtime environment Node.js (JavaScript) that allows JavaScript code to execute outside a browser.

• Express
• Fastify
• NestJS
• Meteor

Full-stack

JavaScript server-side frameworks are sometimes built to work with a specific client-side framework to create a full-stack ecosystem.

• Next.js (React)
• Nuxt (Vue)
• SvelteKit (Svelte)

• Animate.CSS
• Bootstrap
• Font Awesome
• Sass
• Tailwind

Today much of web development is moving towards the “JavaScript everywhere” paradigm. However, traditionally, backend development has usually been done in another language better suited for general applications.

• Django (Python)
• Flask (Python)
• Grails (Groovy/Java)
• Laravel (PHP)
• Rails (Ruby)

• ESBuild
• Parcel
• Rollup
• Vite
• Webpack

Text editors and IDEs

• Atom
• Brackets
• Notepad++
• Sublime Text
• Visual Studio Code
• WebStorm

SFTP clients

• Cyberduck (Windows, macOS)
• FileZilla (Windows, macOS)
• WinSCP (Window)

Wireframing

• Adobe XD
• Axure (installed on Windows computers at IDA)
• Figma
• MockFlow
• NinjaMock
• Pencil
• PenPot
• Wireframe.cc

Plugins

• Emmet: A plugin available for multiple editors (e.g. Atom, Sublime Text, Notepad++) that lets you write HTML and CSS really, really fast. See “Goodbye, Zen coding. Hello Emmet!” for a demonstration.

• Dynamic Dummy Image