Academy Library
Online Resources

Learning resources from the Prescription Free Academy of Web Development and Software Engineering.

Courses and Resources

This is a list of online resources that are generally recommended or mentioned in sessions. Use your own judgement with what works for you and discuss it with Nigel.

The MDN Web Docs site features comprehensive coverage of all front-end web technology. HTML, CSS, JavaScript and HTTP being the main contenders. It’s from the folks who create the Firefox web browser. Many of the links below are from MDN.

Getting Started

Getting Started with the Web
developer.mozilla.org

Structuring the Web with HTML
developer.mozilla.org

Introduction to HTML
developer.mozilla.org

Learn to Style HTML Using CSS
developer.mozilla.org

Learn JavaScript
developer.mozilla.org

JavaScript Tutorial

This covers both the core language and the web browser environment (the front-end).

The Modern JavaScript Tutorial
javascript.info

JavaScript Guide

This is the main JavaScript guide from MDN Web Docs. It covers the core language.

JavaScript Guide
developer.mozilla.org

Guides and Tutorials

[Complete Index of MDN Covering All Front-End] Web Technology for Developers
MDN: Web Technology for Developers

[Complete Index of MDN Front-End] Developer Guides
MDN: Developer Guides

[Complete Index of MDN Front-End] Tutorials for Web Developers
MDN: Tutorials for Web Developers

Node.js Walkthrough
Run JavaScript anywhere. Back-end starts here.
nodejs.org

TypeScript Documentation
Upgrade your JavaScript to leverage types.
typescriptlang.org

Deep Dives

Objects in JavaScript
developer.mozilla.org

Asynchronous JavaScript
developer.mozilla.org

Client Side Web APIs
developer.mozilla.org

HTML Forms
developer.mozilla.org

Page Load Time Optimisation
developer.mozilla.org

Browser Extensions
developer.mozilla.org

How Browsers Work
web.dev

CSS

”While working through this lesson may seem less relevant immediately and a little more academic than some other parts of the course, an understanding of these concepts will save you from a lot of pain later on! We encourage you to work through this section carefully and check that you understand the concepts before moving on.”

~ Well said, MDN! The same could be said of a lot of the learning that you can find from this page, although the specific quote is from the link below.

Cascade, Specificity, and Inheritance
developer.mozilla.org

CSS Layout Guides
developer.mozilla.org

CSS Flexbox Layout Guide
css-tricks.com

CSS Grid Layout Guide
css-tricks.com

CSS Grid vs. Flexbox: Which to Use and When
levelup.gitconnected.com

Using CSS Animations
developer.mozilla.org

Reference

HTML Reference
developer.mozilla.org/en-US/docs/Web/HTML

CSS Reference
developer.mozilla.org/en-US/docs/Web/CSS

JavaScript Reference
developer.mozilla.org/en-US/docs/Web/JavaScript/Reference

Web APIs
developer.mozilla.org/en-US/docs/Web/API

Event Reference
developer.mozilla.org/en-US/docs/Web/Events

HTTP Reference
developer.mozilla.org/en-US/docs/Web/HTTP

Courses

freeCodeCamp
freecodecamp.org

MDN Curriculum
developer.mozilla.org/en-US/curriculum

Frontend Masters
frontendmasters.com/trial

The Odin Project
theodinproject.com

Hyperskill (Partner with JetBrains)
hyperskill.org/courses

Codecademy: Learn JavaScript
codecademy.com/learn/introduction-to-javascript

Coding Challenges

JS Challenger
jschallenger.com

Edabit
edabit.com/challenges

CodingJS
the-winter.github.io/codingjs

Code Wars
codewars.com

LeetCode
leetcode.com

Codility
codility.com

CSS Challenges
wikiversity.org

Tools and Utilities

WebStorm: The JavaScript and TypeScript IDE, by JetBrains
jetbrains.com

Node.js — Run JavaScript Everywhere
nodejs.org

Developer Tools
developer.mozilla.org

Postman
postman.com

TypeScript
typescriptlang.org

Markdown
markdownguide.org/basic-syntax

Homebrew — The Missing Package Manager for macOS (or Linux)
brew.sh

Node Version Manager - Manage Multiple Active Node.js Versions
github.com

Git Bash/Git for Windows
git-scm.com

Learn to Use Your Tools

Get Started with WebStorm
jetbrains.com/webstorm/learn

Pro Git
git-scm.com/book/en/v2

Introduction to PowerShell
learn.microsoft.com

Create a GitHub Pages Website

This can be great practice for working with web technologies. Jekyll is a simple and powerful system that’s easy to learn. GitHub Pages is a free and well designed system for easily using it. Improve many important skills. Not least Git itself.

Creating a GitHub Pages Site
docs.github.com

Setting up a GitHub Pages Site with Jekyll
docs.github.com

About GitHub Pages and Jekyll
docs.github.com

Standards and Governance

W3C: World Wide Web Consortium
w3.org

WHATWG
whatwg.org

TC39: ECMAScript
ecma-international.org/technical-committees/tc39

TypeScript
github.com/microsoft/TypeScript

List of Internet Organizations
https://en.m.wikipedia.org/wiki/List_of_Internet_organizations