🎓 Learning
+Useful posts, articles, videos and podcasts related to development
+{capitalise(folder)}
+ {documents.map(({ name, content }, index) => ( +
+
+ ))}
+ Useful posts, articles, videos and podcasts related to development
+Useful posts, articles, videos and podcasts related to development
An introductory video series on accessibility, and how you can start building accessibility into your web apps right now. The course covers buttons, ARIA, voiceover and more.
Accessibility, HTML, CSS, JavaScript, ARIA, semantic, accessible
Explains AWS' opaquely named services using plain English and examples of usage
AWS, Amazon, guide, explainer
AWS Lambda allows you to run micro functions of JavaScript, Python and Java in the cloud, without provisioning servers. This guide covers everything from the basics of Lambda, how it works, and how to create your own Lambda functions with automated tests.
AWS, Amazon Web Services, Lambda, testing, JavaScript, Java, Python
This guide covers all the core aspects of Amazon Web Services (AWS), starting with the basics, but including useful tips and gotchas to watch out for, along with pricing where appropriate.
Amazon web services, AWS
A simple yet comprehensive list of ES5 and ES6 / ES2015 features that AWS Lambda's Node.js execution runtime supports. Incredibly useful if you want to check if you can adopt a specific feature. The page includes the details of the tests they're running to confirm the result.
AWS, Lambda, Node, Node.js, nodejs, AWS Lambda, JavaScript, ES6, ES2015
A cheatsheat for pattern matching / destructuring in Elm
Elm, pattern matching, destructuring, cheatsheat, guide
This tool automatically formats your Elm code according to the accepted community standard and is available as a plugin for most text editors. It even helps automatically transition code across Elm versions
Elm, formatting, code, text editor
A good book on using Elm to build production applications (currently a work in progress but available through MEAP)
Elm, language, book, Richard Feldman
The canonical guide to learning Elm, written by the language's creator. The accompanying code can be found at https://github.com/evancz/elm-architecture-tutorial
Elm, guide, language, Evan Czaplicki
A great talk from Elm Conf 2016 about designing sensible data structures in order to avoid impossible states
Elm, Elm Conf, Richard Feldman, data structures, models
In this talk Kris Jenkins discusses the benefits of using strong typing on both the front and back end to ensure system consistency. The examples are in Elm and Haskell, but the principles could apply to any statically typed languages
Elm, Haskell, Compose Conference, Kris Jenkins, typing
Campaign Monitor's comprehensive guide to CSS support in email clients. It hasn't been updated since 2014, but then neither have most clients
email, responsive design, CSS, reference
This technique, developed by Remi Parmentier, allows HTML emails to become responsive without using media queries. Useful for as long as Gmail insists on inline styles
email, responsive design, Fab Four
This is a very detailed guide on how to create a great
READMEfor your project or library. It starts by covering the background of the README, and goes into detail around the elements that a good README should contain, and other good practices you can follow.
README, readme, git, github, documentation
CS50 is a free introduction to Computer Science course taught at Harvard, Yale, and now for free online at edX. It's an engaging way to learn first principles about the subject in Week 0, and then over 11 further lectures move on to more advanced topics that give you a broad understanding of the field. It is updated yearly with every new intake, and offers support alongside set problems, and an online community of students.
computer science, cs50, harvard, yale, lectures, formal learning, course, cs, fundamentals
An extremely comprehensive list of free programming books and guides. Covers pretty much every language and platform you can think of, as well as many common frameworks
books, guides, programming, languages, platforms
This post explains how to divide a large Git repository into smaller repositories, each of which will keep only the Git history it needs
git, tagging, version control, labels, tags, subdirectories, filter
A worthwhile post on why it's important to write good Git commit messages, and how to go about doing so in seven quick steps
GitHub, git, commit, version control
This post outlines a great system for organising GitHub labels, which we also use at The Times
GitHub, git, tagging, version control, labels
A comprehensive book on using Git. Available for free online / as a PDF
Git, book, guide, version control
A curated list of JavaScript code examples and learning resources for functional programming
JavaScript, guide, reference, functional programming
A community-driven cheatsheet of helpful and useful ES2015 / ES6 tips and tricks, a brilliant resource for learning some of the unique features of the next version of JavaScript.
JavaScript, JS, ES6, ES2016, ES7
An ESLint plugin that disables mutation in JavaScript. Great for pure, stateless code (e.g. with Redux or a functional library)
ESLint, Redux, functional programming, pure functions, plugin
A thoroughly in-depth technical guide to JavaScript ES6
JavaScript, ES6, guide, book
A useful reference guide that explains functional programming words and phrases. Code examples in JavaScript
JavaScript, guide, reference, functional programming
This free video series will see you build 30 projects in 30 days, using only vanilla JavaScript (with ES6) – no frameworks or libraries required. Great for beginners who want to learn what's possible in a modern browser without lots of third-party code, or as a refresher for more advanced programmers.
JavaScript, ES6, guide, video, vanilla
A video course that explains how JavaScript actually works, clearly and in detail. Watch at 1.5x speed
JavaScript, video, guide, course, Anthony Alicea, paid
MutationObservers are a useful JavaScript feature for detecting and reacting to changes to web pages. This post details three real-world examples of cases where MutationObservers can be used.
JavaScript, Mutation Observer, MutationObserver, DOM
If you're using Laravel and want to deploy via Codeship, this guide explains everything you'll need to know.
Laravel, PHP, Codeship, CI, deployment, testing, unit testing, automated deployment, automated testing, automation
A great video series on the fundamentals of Laravel 5, Composer, and more.
Laravel, PHP, Composer, MVC
This multi-part video series goes into detail on how to properly test Laravel 5 apps. Starting with the basics, it builds up to some of the more complex aspects of testing, including PHPUnit's Prophecies.
PHPUnit, PHP, Laravel, testing, TDD, paid
Elm London is a relatively new meetup about the Elm programming language. It tends to be a mix of talks and hands-on workshops
London, Elm, meetup, workshop
Journocoders is a monthly event, hosted at The News Building in London, which focuses on practical coding advice that relates to journalism. It usually involves a workshop or tutorial
London, journalism, meetup, coding, workshop
The London Web Performance group is a well-established monthly meetup focusing on user experience, speed and other web performance concerns
London, web, performance, speed, UX, user experience, meetup, paid
React London is a popular monthly meetup focusing on the React ecosystem. Tickets generally go quickly!
London, React, meetup
A really useful guide for building command line interfaces with Node.js, including how to make them install and run globally. The guide also goes into details of how to handle options, arguments, and user input.
Node, Node.js, CLI, command, command line interface, CLIs, command line, command line tools, library
A video course that explains how Node actually works, clearly and in detail. Watch at 1.5x speed
JavaScript, Node, video, guide, course, Anthony Alicea, paid
A brief but insightful guide into how you can scrape web pages using Node.js.
Node, Node.js, scraping, scraper
Leland Richardson, a developer from Airbnb, explains how the Enzyme library can help you better test your React components.
Testing, Enzyme, React, JavaScript
A good blog post on building React components in a pure, stateless way, allowing them to be neatly passed about and composed – in this case with Ramda, a functional library
Ramda, React, JavaScript, functional programming, pure functions
React is a powerful library for creating views for web and native apps, and this post goes into detail on how you can use all the benefits of React to help you generate SVGs for the web.
SVG, React
React can be slow by default, but it's not hard to speed up. This post runs through a set of practical techniques to optimise your applications.
React, Redux, functional components, performance, devtools, Recompose, Reselect, optimisation
This multi-post series by Addy Osmani, an engineer at Google and creator of Yeoman, covers how to use React to build Progressive Web Apps using React.js and Webpack. Topics include server-side rendering, service workers, React Router and more.
React, Progressive Web Apps, PWA, PWAs, server side rendering, service workers, React Router, server-side rendering, SSR
A beginner's guide to React's most important concept of State - with gifs and simple explanations
React, state, tutorial
This free video course lasts two hours and provides an excellent introduction to Redux. It's narrated by Redux's creator
Redux, React, JavaScript, Dan Abramov, egghead.io
Dan Abramov, the creator of Redux, goes into detail about why you might not want to use Redux in your next project.
Redux, React, JavaScript
NPR's cool guide about setting up your Mac, from gaining sudo privileges to installing Homebrew, Postgres, Node, and Virtualenv...
NPR, setup, mac, python, node, homebrew
Vapor is a new framework for creating web apps using Swift, and this tutorial explains the basics
Swift, Vapor, servers, XCode
Tips on how to write better unit tests, and why they're worthwhile. With examples in JavaScript
testing, unit tests, Eric Elliott, JavaScript
Canvas is the solution to so many problems, ranging from performance issues to clunky and useless interactivity. D3js works super well with Canvas context, and the piece is about rebuilding a project with Canvas.
d3, data, visualisation, canvas
Bocoup's answer to the missing data challenge. Connecting the dots is misleading, chunking is worse... Interesting leads proposing concrete solutions in D3 and others
d3, data, visualisation
A quick run-through of some of the most useful tools and shorthands for working with d3. Some of it is slightly outdated and replaced by ES6, but lots to learn at a good pace.
d3, data, visualisation
A great introduction from Google Developers on the Custom Elements v1 spec, including lots of examples.
Custom Elements, Web components, Components, Shadow DOM, HTML, JavaScript