Don’t be frustrated, Your dictionary for modern web development is here… Part(1)

Every day we see new terminologies, new technologies while we are in our work or do some freelance tasks or browse the google for a technical subject. For full stack developer, it is too difficult to master every new technical topic or terminology but you must know what are the most common terminologies using nowadays and the answer in this story.

node

Node.js® is a JavaScript runtime. Node.js uses an event-driven, non-blocking I/O model that makes it lightweight and efficient. in other meaning, Node.Js allows you to use javascript on a server side.

npm

is the Node.js Package Manager. A Package Manager is responsible to automate the installation and tracking of external packages (package like assembly or dll you are using in your project). It can locate an online package, select and install a specific version

bower

Package Manager for the Web, Bower is optimized for the front-end, Bower is like npm. But the main difference between both is npm is used for installing Node.Js modules but bower is used for managing front end components like html, css, Js etc.

In other words, Bower can be used for any front-end development to manage front-end assets (HTML, CSS & JS) — regardless of the technology used by the back-end. Bower can, and is, used with RoR, PHP, etc. NPM, on the other hand, is a package manager specific to the node.Js back-end environment.

yarn

it is package manager like npm, it is fast, reliable and secure dependency management. yarn caches every package it downloads so it never needs to download it again. in other words , if you have installed a package before, you can install it again without any internet connection. it also parallelizes operations to maximize resource utilization so install times are faster than ever. you can check the following link from facebook to know more about yarn.

Gulp

Is a task runner that uses Node.js and works in a Streamline way. You can think Gulp as a pipe, where you input some source files and at the end of the pipe you expect an output. For example, assuming that you have 5 custom JavaScript files that you want to be rendered on a page. You want to ensure that there is no compile error in your JavaScript, then you want to remove any comments or white spaces exist on those files and finally, concatenate those files to one single file. You can do all these stuff by creating a single Gulp task.

Grunt

It is Javascript task runner, a tool used to automatically perform frequently used tasks such as minification, compilation, unit testing, linting, etc. It uses a command-line interface to run custom tasks defined in a file (known as a Gruntfile)

Gulp and Grunt are both Automated Task Runner . Major Difference Between Gulp and Grunt Lies in How They Deal With Automation of Tasks Internally . Gulp Uses Node Streams For running different tasks and Grunt use temp files for the same work .The main differences with it’s competitor Grunt, is that Gulp is code and stream based while Grunt is configuration and file based.

Grunt is more configurable. You can write your independent task runners. Moreover task runner is easily configurable in grunt. In Gulp there is less control on task configuration. Gulp is based on node streams which makes it bit fast.

TypeScript

Typescript is the famous superset of JavaScript that compiles to plain JavaScript. Its main features are that it is strongly typed and provides class-based object-orientation. This open-source programming language, helps you build better code by type checking the code during development providing developers with powerful refactoring features. Typescript comes out of the box with Visual Studio 2013 Update 2 and of course Visual Studio 2015.

If you need to use an external library such as angularJS then you have to install-download the respective Typescript Definition File. Typescript Definition files have the extension .d.ts and describe the types defined in an external library. They are only used during development, not in deployment.

Transpile

The process of transforming code written in one form of JavaScript (such as TypeScript) into another form of JavaScript (such as ES5).

Just-in-time (JIT) compilation

A bootstrapping method of compiling components and modules in the browser and launching the application dynamically. Just-in-time mode is a good choice during development. Consider using the ahead-of-time mode for production apps.

ES2015

Short hand for ECMAScript 2015.

ECMAScript

The official JavaScript language specification.

The latest approved version of JavaScript is ECMAScript 2016 (also known as “ES2016” or “ES7”). Many Angular developers write their applications in ES7 or a dialect that strives to be compatible with it, such as TypeScript.

Most modern browsers only support the much older “ECMAScript 5” (also known as “ES5”) standard. Applications written in ES2016, ES2015, or one of their dialects must be transpiled to ES5 JavaScript.

Ahead-of-time (AOT) compilation in angular

You can compile Angular applications at build time. By compiling your application using the compiler-cli, ngc, you can bootstrap directly to a module factory, meaning you don't need to include the Angular compiler in your JavaScript bundle. Ahead-of-time compiled applications also benefit from decreased load time and increased performance.

NoSQL DB

A NoSQL (originally referring to “non SQL” or “non relational”) database provides a mechanism for storage and retrieval of data that is modeled in means other than the tabular relations used in relational databases.

you can read more about the difference between relational vs non-relational database from the following Upwork link :

At end of this story, remember The best way to learn new things is when you have a real world task that you need to accomplish. For example, don’t learn how to copy files with Grunt for the sake of it. Instead, wait until your project actually needs that, and then figure it out.

Let me know in the comments if you have any feedback or feel free to reach out to me through my LinkedIn.

Don’t forget to hit the 💙 if you enjoyed this article.

Cheers and happy learning!

One clap, two clap, three clap, forty?

By clapping more or less, you can signal to us which stories really stand out.