Learning resources

Brand new guidance

We strongly encourage our community to follow this guidance. It’s not mandatory yet, but it will become part of the MOD Service Assessments in due time. Questions? Contact your friendly Royal Navy Design System team: navydigital-dnadesignsystem@mod.gov.uk

On this page you will find some indispensable learning resources to help you to get up to speed with a variety of web technologies that are foundational to the Royal Navy Design System.

These resources will help you gain the fundamental knowledge to put the Royal Navy Design System to the best possible use.

1Key technologies

ES2015+ (modern JavaScript)

ES2015+ is the first significant update to the language since ES5 became standardised in 2009.

We recommend reading: Babel Learn ES2015+ documentation.

React

React makes it painless to create interactive User Interfaces (UIs). Design simple views for each state in your application and React will efficiently update and render just the right components when your data changes.

Build tools (webpack)

webpack is a module bundler. Its main purpose is to bundle JavaScript files for use in a browser, and it’s also capable of transforming, bundling or packaging just about any resource or asset.