The Big Picture

By focusing on the "Big Picture" you'll be better equipped to learn efficiently, make strategic decisions about which technologies to embrace, and understand how best to apply your knowledge in real-world scenarios.

Design Philosophy

The design philosophy behind a language influences its features, syntax, and intended use cases, guiding developers in adopting best practices and idiomatic approaches

Programming languages

Learn the main programming languages involved in the project: JavaScript, HTML, Perl, SCSS

Hugo

A static site generator used for building the OpenTelemetry.io website and documentation. It is hosted on Netlify.

Netlify CLI

Command line interface provided by Netlify for managing and deploying static sites.

Prettier

An opinionated code formatter used to enforce consistent coding styles across the project.

Textlint

A linter for text files, used to ensure the quality and consistency of markdown files.

Markdown-link-check

A tool for checking for broken links in markdown files, ensuring the accuracy of the website’s links.

Gulp

A build automation tool used for various tasks such as compiling and minifying CSS, and managing dependencies.

PostCSS-CLI

The PostCSS command line interface is used for processing CSS files with plugins like Autoprefixer.

Autoprefixer

A PostCSS plugin that adds vendor prefixes to CSS rules, ensuring compatibility with various browsers.

Markdownlint

A markdown linter used to enforce a consistent style and syntax across markdown files.

Cspell

A spelling checker for markdown files, ensuring the accuracy of text content.