Dev tools

Development Tools help to accelerate the web development process. There are many front-end web development software that help you faster your development work.

Includes knowledge areas

Build Tools (Boulder, Task Runners)

Build tools can save you valuable time. They can do a lot of useful stuff: download libraries, run tests, bundle packages, automatize tasks, and so much more.

Task Runners (npmscripts, Gulp)

Task runners allows to automate many tasks (repetitive tasks: making a change, compressing the js and css file, minimize code to gain performance.). Gulp is a cross-platform, streaming task runner that lets developers automate many development tasks. NPM is the default ‘Node Package Manager’ for the JavaScript runtime environment Node.js.

Modules Bundlers (Webpack, Rollup, Parcel)

Module bundlers are tools that process your modern JavaScript applications, internally build dependency graphs which map every modules your projects need and generate one or module bundles.

Linters and Formatters (Prettier, ESLint, StandartJS)

Code formatters and code linters used to have the same code format everywhere (like "tabs" and "spaces") and use the best code practices for good quality (like "let"/"const" rather than "var")

Package Manager (npm, yarn)

Package managers are tools that automatically handle the dependencies of a project.

Cloud Deployment Platforms

There are several cloud providers that offer the necessary services to build and deploy an application. Amazon Web Services, Google Cloud Platform, Microsoft Azure, Heroku etc.

CI/CD

Continuous Integration (CI) is the practice of merging all developers' working copies to a shared mainline. Continuous Delivery (CD) is a software engineering approach in which teams produce software in short cycles, ensuring that the software can be reliably released at any time and, when releasing the software, doing so manually.

VCS (Version control system)

Version control, also known as source control, is the practice of tracking and managing changes to software code. Version control systems are software tools that help software teams manage changes to source code over time. Git (Git branching models), GitHub, GitLab, Bitbucket, Mercurial, SVN.

Is a part of:

Angular

Explore

React.js

Explore

Vue.JS

Explore

Heading

HeadingHeading

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.