Rekomendasi Tools

Rekomendasi beberapa tools yang dapat digunakan dalam develop sebuah project FrontEnd :

  1. MAMP ( macOS) atau XAMPP ( Windows) : sebagai web server.
  2. Sublime Text 3 : sebagai code editor.
  3. CodeKit App : sebagai Sass compiler, Browser-Sync tool, Image Optmizing tool, dll.

MAMP / XAMPP

MAMP & XAMPP merupakan `solution stack` yang terdiri dari Apache, MySQL, and PHP. Satu paket software yang dapat digunakan sebagai local server tanpa perlu menginstall satu-per-satu.

Minimum versi PHP yang digunakan adalan PHP 5.6 dan direkomendasikan menggunakan PHP 7.

MAMP untuk macOS :

Download MAMP

XAMPP untuk Windows :

Download XAMPP
Menambah Pilihan versi PHP di MAMP:

MAMP memungkinkan melakukan switch dari satu versi PHP ke versi lain melalui MAMP › Preferences... › PHP › Standard Version.

Jika versi PHP yang diinginkan tidak muncul, dapat ditambahkan dengan langkah berikut :

  1. Download versi PHP yang dibutuhkan : php5.4.45, php5.6.32, php7.1.12, php7.2.1
  2. Extract file ke direktori MAMP › bin › php.
  3. MAMP versi gratis hanya mengijinkan ada 2 veri php di direktori ini, hapus yang tidak diperlukan.
  4. Buka aplikasi MAMP, kemudian ubah versi PHP yang diinginkan pada menu MAMP › Preferences... › PHP › Standard Version.

Sublime Text 3

Aplikasi Sublime Text 3 berfungsi sebagai source code editor. Sublime Text 3 bersifat cross-platform sehingga memungkinkan compatibilitas di perangkan macOS maupun Windows.

Sublime Text 3 dapat di download di :

Download Sublime Text 3
Menginstall Plugin Package Controll pada Sublime Text 3:

Package Controll berfungsi mengelola package/plugin di Sublime Text 3. Ikuti langkah berikut untuk menginstall Package Controll :

  1. Buka command palette. Win/Linux: ctrl+shift+p Mac: cmd+shift+p
  2. Ketik : Install Package Control, tekan enter.
Menginstall Package/Plugin pada Sublime Text 3:

Package/Plugin berfungsi membantu proses develop agar lebih efektif. Dengan bantuan Package/Plugin coding juga akan terlihat lebih rapi.

Sebelum menambah Package/Plugin yang dibutuhkan, pastikan Package Controll telah terinstall. Ikuti langkah berikut untuk menambah Package/Plugin :

  1. Buka command palette. Win/Linux: ctrl+shift+p Mac: cmd+shift+p
  2. Ketik : Install Package, tekan enter.
  3. Ketik nama Package/Plugin yang akan ditambahkan.
Rekomendasi Package/Plugin Sublime Text 3:

Package/Plugin berikut dapat membantu proses koding :

  • CSS Extended Completions by by subhaze
    CSS Completions, LESS Completions, SCSS Completions.
  • Syntax Highlighting for Sass by by alienhard
    Menemukan kata yang sama di semua file yang terbuka.
  • All Autocomplete by by P233
    Highlight tampilan kode SASS/SCSS.