Typescript Introduction

Typescipt adalah bahasa pemograman yang di rancang atau di kembangkan oleh para developer microsoft. Typescript berbasis JavaScript yang menambahkan fitur strong-typing & konsep pemrograman OOP klasik ( class, interface). Di dalam dokumentasinya, TypeScript disebut sebagai super-set dari JavaScript, artinya semua kode JavaScript adalah kode TypeScript juga. Bahasa pemrograman ini menawarkan class, module, dan interface yang membuat developer bisa mengembangkan aplikasi kompleks dengan lebih mudah. Hal inilah yang membedakannya dengan javascript.

Typescript Process Compiler

PlantUML Syntax:</p>
<p>@startuml<br />
@startmindmap<br />
skin rose<br />
* tsc ( Typesciprt compiler )<br />
** javascript<br />
left side<br />
** Typescript code</p>
<p>@endmindmap<br />
@enduml</p>
<p>

Sebelum anda memulai belajar Typescript, kita perlu menginstall npm package Typescript.

Install Typescript secara global

npm install -g typescript

atau

Bisa juga Install Typescript pada local project

npm install typescript --save-dev

Typescript terdapat beberapa versi :

  • Stable channel : npm install typescript
  • Beta channel : npm install typescript@beta
  • Dev channel : npm install typescript @next

Compiling Typescript code

Untuk melakuakn compile typescript anda bisa mengunakan perintah tsc <nama file.ts> berikut.

tsc app.ts  

Compiling Typescript mengunakan tsconfig.json

Anda dapat membuat file konfigurasi untuk menjalankan Typescript.

{
    "compilerOptions": {
    "module": "commonjs",
    "target": "es5",
    "noImplicitAny": false,
    "sourceMap": false,
    "pretty": true
   },
    "exclude": [
    "node_modules"
   ]
}

Running Typesciprt dengan ts-node

ts-node adalah package npm yang memngkinkan anda menjalankan /compile typesciprt secara langsung tanpa melakukan compiple terlebih dahulu dengan mengunakan package tsc.

Install ts-node secara global

npm install -g ts-node
npm install -g typescript

Unutk menjalankan typescript dengan ts-node (ts-node <nama file>

ts-node main.ts

Contoh program sederhana untuk menampilkan kata “Hello world”.

Buat file main.ts

console.log("Hello world")

Jalankan file main.ts memgunakan ts-node

$ ts-node main.ts
Hello world

Source code tutorial Typescript tersedia di github typescript-days

hyvercode

Nest JS Introduction

Nest JS adalah framework Node JS (Server Side) yang efisien dan scalable. dibangun dengan Javascript yang sepenuhnya mendukung Typescript namun developer memungkinkan mebuat kode dengan javascript, Nest menggabungkan OOP (Pemograman Berorientasi Object), FP (Pemograman Fungsional) dan FRP (Pemograman Reaktif Fungsional).

Installation

Cara install Nest JS bisa dilakukan dengan mengunakan Nest CLI atau bisa clone project starter dari github , akan tetapi memulai project Nest JS sangan direkomendasikan mengunakan Nest CLI

$ npm i -g @nestjs/cli
$ nest new nest-days

Setelah proses scaffold selesai jalankan project dengan perintah berikut prosess ini akan memakan waktu download library yang dibutuhkan kecepatan proses download tergantung internet yang tersedia.

$ cd nest-days
$ npm install
$ npm run start

Source code tutorial Nest JS tersedia di github nestjs-days

hyvercode

Javascript Array

Array umumnya digambarkan sebagai “object list”, Array pada dasarnya adalah object tunggal yang berisi banyak nilai yang disimpan dalam list. Objek array dapat disimpan dalam variabel dan ditangani dengan cara yang sama seperti jenis nilai lainnya, perbedaannya adalah kita dapat mengakses setiap nilai di dalam daftar secara individual, dan melakukan hal-hal yang sangat berguna dan efisien dengan daftar, seperti loop through itu dan melakukan hal yang sama untuk setiap nilai. Mungkin kita memiliki serangkaian item produk dan harganya disimpan dalam array, dan kita ingin mengulang semuanya dan mencetaknya di faktur, sambil menjumlahkan semua harga bersama-sama dan mencetak harga total di bagian bawah.

Membuat Array dengan tipe data string

//code
var names = ['Crish','Jhon','Mikel'];
for(let i=0;i<names.length;i++){
    console.log(names[i]);
};
//output
Crish
Jhon
Mikel

Membuat Array dengan tipe data number

//code
let numbers = [1,2,3,4,5,6,7,8,9,10];
for(let i=0;i<numbers.length;i++){
    console.log(numbers[i]);
};
//output
1
2
3
4
5
6
7
8
9
10

Mendapatkan Array dengan array index

//code
let names = ['Crish','Jhon','Mikel'];
console.log(names[2]);
//output
Mikel

The project source code can be downloaded on the GitHub  javascript-tutorial

hyvercode

How to run Node.js script from the command line

Buat project dan file javascript index.js

console.log("Hello Node.js");

untuk menjalankan code JavaScript dalam Node.js kita gunakan perintah node <nama_file.js>, sebelumnya kita telah membuat project dan file javascript

$node index.js
Hello Node.js

Source Code project bisa didownload dari GitHub nodejs-tutorial

hyvercode

Introduction Node.js

Node.js adalah enviroment / runtime JavaScript open-source dan cros platform. Node.js adalah alat yang populer untuk hampir semua jenis proyek.

Node.js menjalankan mesin JavaScript V8, inti dari Google Chrome, di luar peramban. Ini memungkinkan Node.js menjadi sangat berkinerja.

Aplikasi Node.js dijalankan dalam satu proses, tanpa membuat utas baru untuk setiap permintaan. Node.js menyediakan sekumpulan primitif I / O asinkron di pustaka standarnya yang mencegah kode JavaScript dari pemblokiran dan umumnya, pustaka di Node.js ditulis menggunakan paradigma non-pemblokiran, menjadikan perilaku pemblokiran sebagai pengecualian daripada norma.

Ketika Node.js melakukan operasi I / O, seperti membaca dari jaringan, mengakses database atau sistem file, alih-alih memblokir utas dan membuang-buang siklus CPU yang menunggu, Node.js akan melanjutkan operasi ketika responsnya kembali.

Hal ini memungkinkan Node.js menangani ribuan koneksi serentak dengan satu server tanpa menimbulkan beban pengelolaan konkurensi utas, yang dapat menjadi sumber bug yang signifikan.

Node.js memiliki keunggulan unik karena jutaan pengembang frontend yang menulis JavaScript untuk browser sekarang dapat menulis kode sisi server selain kode sisi klien tanpa perlu mempelajari bahasa yang sama sekali berbeda.

Di Node.js, standar ECMAScript baru dapat digunakan tanpa masalah, karena Anda tidak perlu menunggu semua pengguna memperbarui browser mereka – Anda bertanggung jawab untuk memutuskan versi ECMAScript mana yang akan digunakan dengan mengubah versi Node.js, dan Anda juga dapat mengaktifkan fitur eksperimental tertentu dengan menjalankan Node.js dengan tanda.

hyvercode

Javascript String

String adalah tipe data yang berisi deretan karakter yang digunakan untuk merepresentasikan sebuah teks. Dalam bahasa pemograman Javascript String diawali dan diakhiri dengan tanda kutip ganda (“) atau tanda kutip tunggal (‘).

Contoh penulisan String di Javascript

//with (")
var pesan = "Ini adalah String dengan tanda kutip ganda";
// with (')
var pesan = 'Ini adalah String dengan tanda kutip tunggal';

String dapat dibuat sebagai primitif, dari string literal, atau sebagai objek, menggunakan String ()

const message = new String("Hello Javascript");

String primitif dan objek string dapat digunakan secara bergantian dalam banyak situasi.

The project source code can be downloaded on the GitHub   javascript-tutorial

hyvercode

React JS Introduction

ReactJs adalah sebuah library ui /component yang dikembangkan oleh facebook. ReactJS menawarkan respons cepat untuk user input dengan menggunakan metode baru dalam proses rendering website. Cara kerja reactjs adalah membuat VirtualDOM dalam memory di mana ia melakukan semua manipulasi yang diperlukan, sebelum membuat perubahan di DOM browser. React hanya mengubah apa yang perlu diubah.

hyvercode

Javascript Number





Dalam pemrograman, bahkan sistem bilangan desimal sederhana yang kita semua tahu dengan baik ternyata lebih rumit dari yang Anda kira. Kami menggunakan istilah yang berbeda untuk menjelaskan jenis bilangan desimal yang berbeda, misalnya :

  • Integer, adalah bilangan bulat contoh 1,10,100 or -5
  • Float, adalah bilangan decimal contoh 1.2 atau 56.7786543
  • Doubles adalah jenis bilangan floating point tertentu yang memiliki presisi lebih tinggi daripada bilangan floating point standar (artinya akurat ke lebih banyak tempat desimal).

Membuat variable dengan tipe data number

var n =123;
n = 12.345

Tipe data number adalah represents dari integer dan floating point number, banyak operation untuk number seperti perkalian ( * ), pembagian ( / ), penambahan ( + ), pengurangan ( – ) dsb.

Contoh Perkalian

// code
var data = 10*5;
console.log(data)
//output
50

Contoh Pembagian

// code
var data = 10/5;
console.log(data)
//output
2

Contoh Penjumlahan

// code
var data = 10+5;
console.log(data)
//output
15

Contoh Pengurangan

// code
var data = 10-5;
console.log(data)
//output
5

The project source code can be downloaded on the GitHub   javascript-tutorial

hyvercode