Things to know as a web developer

TypeScript :

TypeScript is an open-source programming language from Microsoft, it is a typed superset of JavaScript, compiles down to plain JavaScript.

Benefits of typeScript :

• TypeScript simplifies JavaScript code, making it easier to read and debug.
• TypeScript provides highly productive development tools for JavaScript IDEs and practices, like static checking.
• TypeScript makes code easier to read and understand.
• With TypeScript, we can make a huge improvement over plain JavaScript.
• TypeScript gives us all the benefits of ES6 (ECMAScript 6), plus more productivity.
• TypeScript can help us to avoid painful bugs that developers commonly run into when writing JavaScript by type checking the code.
• Powerful type system, including generics.
• TypeScript is nothing but JavaScript with some additional features.
• Structural, rather than nominal.
• TypeScript code can be compiled as per ES5 and ES6 standards to support the latest browser.
• Aligned with ECMAScript for compatibility.
• Starts and ends with JavaScript.
• Supports static typing.
• TypeScript will save developers time.
• TypeScript is a superset of ES3, ES5, and ES6.

Example :

export {};
const isProgrammer:boolean = true;
const age:number= 21;
const name:string = "Solaiman Shadin";
const education:string = "CSE";
let bio:string = `My name is ${name}, I am  a  Programmer.`;
let array:number[] = [10,20,30,50];
let mixed:[string,number] = ["Shadin", 22];
enum Color{Red, Green, Blue}
let c:Color = Color.Green;
console.log(c)
// Function in TypeScript
function add(a:number, b:number=0):number{
   return a+b
}
const result:number = add(3)
console.log(result)
// Interface as parameter
interface Person {
  firstName: string,
  lastName:string
}
function greet(person:Person){
   console.log(`Hello ${person.firstName} ${person.lastName}!`)
}
greet({firstName:"Solaiman", lastName:"Shadin"});

Redux

Redux is an open-source JavaScript library for managing application state. It is most commonly used with libraries such as React or Angular for building user interfaces. The core idea behind redux is to store the entire state of an application in a single object.

The entire redux can be explained with simply 3 terms :

• Store
• Actions
• Reducers

In simple words, actions are the events which tend to change the state. But, they don’t change the state. States are changed by Reducers. And the store is something which combines Actions and Reducers. For example, let’s suppose we create a todo app, which consists of an input element and an add todo button.

React Native

React Native is a JavaScript framework used for developing a real, native mobile application for iOS and Android. It uses only JavaScript to build a mobile application. It is like React, which uses native components rather than using web components as building blocks.

List of some predefined Components of React Native :

Basic Components: View, Text, Image, TextInput, ScrollView, StyleSheet

UI: Button, Picker, Slider, Switch

List Views: FlatList, SectionList

There are two different way to get started with react native app :

• React Native CLI
• React Expo CLI

AngularJS:

Angular-JS is a JavaScript framework that is used for front end applications i.e. to make dynamic web-apps. This framework uses HTML as a template language and extends HTML’s syntax to express the application’s components clearly.

Features :

• AngularJS is a powerful JavaScript-based development framework to create RICH Internet Application(RIA).
• AngularJS provides developers with options to write a client-side application (using JavaScript) in a clean MVC(Model View Controller) way.
• The application written in AngularJS is cross-browser compliant. AngularJS automatically handles JavaScript code suitable for each browser.
• AngularJS is open source, completely free, and used by thousands of developers around the world. It is licensed under the Apache License version 2.0.

Overall, AngularJS is a framework to build large scale and high-performance web applications while keeping them as easy-to-maintain.

AWS

Amazon Web Services (AWS) is an evolving cloud computing platform provided by Amazon. It provides a mix of infrastructure as a service (IaaS), platform as a service (PaaS) and packaged software as a service (SaaS) offerings.

It is a secure cloud services platform, offering compute power, database storage, content delivery, and other functionality to help businesses scale and grow.

Mocha

Mocha is a testing library for Node.js, created to be a simple, extensible, and fast. It’s used for unit and integration testing, and it’s a great candidate for BDD (Behavior Driven Development).

ES7

ES7 introduced in 2016. Two new features:

• Array.prototype.includes()
• Exponentiation operator : **