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

How much javascript do you need to know to use node.js ?

Sebagai seorang pemula, sulit untuk mencapai titik di mana kita cukup percaya diri dengan kemampuan pemrograman kita.

Saat belajar coding, kita mungkin juga bingung di mana JavaScript berakhir, dan di mana Node.js dimulai, dan sebaliknya.

Saya akan merekomendasikan Anda untuk memiliki pemahaman yang baik tentang konsep JavaScript utama sebelum masuk ke Node.js:

  • Lexical Structure
  • Expression
  • Types
  • Variables
  • Functions
  • this
  • Arrow Functions
  • Loops
  • Scopes
  • Arrays
  • Template Literals
  • Semicolons
  • Strict Mode
  • ECMAScript 6 ,2016, 2017

Dengan konsep tersebut, kita sedang dalam perjalanan untuk menjadi pengembang JavaScript yang mahir, baik di browser maupun di Node.js.

Konsep berikut juga merupakan kunci untuk memahami pemrograman asynchronous, yang merupakan salah satu bagian fundamental dari Node.js:

  • Asynchronous programming and callbacks
  • Timers
  • Promises
  • Async and Await
  • Clousers
  • Event Loop

hyvercode

How to Install Node.js

Node.js bisa diinstall dengan beberapa cara tapi kali ini kita akan install Node.js melalui nvm (Node Virtual Manager) kelebihan install Node.js menggunakan nvm adalah kita bisa menginstall beberapa versi Node.js sekaligus dan kita bisa memilih versi mana yang akan kita gunakan. Download script install bisa menggunakan curl atau wget

curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash
wget -qO- https://raw.githubusercontent.com/nvm-sh/nvm/v0.35.3/install.sh | bash

Buka path

(~/.bash_profile, ~/.zshrc, ~/.profile, or ~/.bashrc)

tambahkan script

Compile dengan perintah source ~/.bashrc, cek nvm pakah sudah terinstall atau belum dengan perintah command -v nvm

Install Node.js lewat nvm

  1. Untuk melihat list Node.js yang tersedia ketik perimtah nvm-ls .
  2. Install Node.js gunakan perintah nvm install <node versi> contoh nvm install 12.0.1.
  3. Set default versi Node.js yang akan digunakan pada mesin kita dengan perintah nvm alias default <node versi>.

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 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

Javascript Data Types

JavaScript menyediakan berbagai tipe data, JavaScript memiliki tipe data dinamis kita tidak perlu memikirkan yang akan kita gunakan karena secara dinamis akan dilakukan oleh JavaScript engine, kita hanya membutuhkan var (variable), var bisa menampung berbagai jenis tipe data seperti string,number dll. ada dua jenis tipe data pada JavaScript :

1. JavaScript primitive data types

Data Types Description
String tipe data yang berupa karakter (a-z or A-Z)
Number tipe data yang berupa nomer (0-9)
Boolean tipe data yang berupa false atau true
Undifined tipe data yang tidak terdefinisi
Null tipe data yang tidak ada nilainya sama sekali (kosong)

2. JavaScript non-primitive data types

Data Types Description
Object tipe data yang didapatkan dari object
Array tipe data yang berupa sekumpulan nilai atau data
RegEx tipe data yang berupa expresi reguler

Berikut contoh tipe data

<br />
var a = 40 // ini tipe data berupa number<br />
var b = "Halo" // ini tipe data berupa string<br />

Demikian pembahasan mengenai tipe data pada JavaScript semoga berguna dan bermnfaat, next time kita akan membahas JavaScript Operators.

hyvercode

JavaScript Variable

JavaScript variable adalah penamaan dari lokasi penyimpanan/memori, ada dua jenis variable pada JavaScript variable lokal dn variable global

Ada beberapa aturan dalam pendekralasian variable pada JavaScript seperti di bawah ini :

  1. Penamaan awal harus dimulai dengan huruf (a-z atau A-Z), underscore( _ ), atau dollar ($).
  2. Setelah dimulai dengan huruf selanjutnya bisa menggnakan angka (0-9), conto variable coba1 atau _coba1.
  3. JavaScript variable adalah case sensitif, misalnya x dengan X itu dianggap berbeda.

(more…)

hyvercode

Javascript Comment

JavaScript Comment adalah cara dimana kita bisa membuat pesan/komentar didalam code JavaScript, comment (komentar) biasanya digunakan untuk memberi informasi tentang code yg kita tulis, sehingga programer lain dapat dengan mudah memahami kode yang kita tulis.
berikut cara penulisan JavaScript Comment :

(more…)

hyvercode

Contoh-contoh penulisan JavaScript

Penulisan code JavaScript bisa dilakukan didalam tag body html,head tag html dan external file yaitu dalah satu file terpisah berikut contoh-contoh cara penulisan code javascript :

(more…)

hyvercode