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

Docker (Docker-compose)

Docker is a computer program that performs operating system level virtualization, also known as containerization. It runs software packages as “containers.”

Build Tools (Gulp, Grunt etc.)

They are designed to automate tasks that you would otherwise have to do manually (Compiling Less/Sass to CSS; Concatenating and minifying CSS and JavaScript; Linting code; Optimizing images; Running unit tests)

Task Runners (npm scripts, nodemon, pm2)

Task runners allow to automate many tasks (repetitive tasks: making a change, compressing the js and css file, minimize code to gain performance)

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.

VCS (Git (Git branching models), GitHub, GitLab, Bitbucket, Mercurial, SVN)

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.

Monitoring tools: NewRelic, Stackify, Ruxit, LogicMonitor and Monitis, etc.

With Node.js monitoring, APM tools are used to monitor the software application’s performance and availability by finding bottlenecks and fixing errors. The Node.js monitoring tools can fix the bugs by analyzing each web result, pointing out the problem at the code level, and tracking down the issues.

Is a part of:





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.