Web Development From Zero to Hero - Meet 1

Workshop Web Development - Meet 1

Kemarin saya sudah share artikel berisi informasi tentang workshop gratis yang diadakan oleh Linux User Group Institut Bisnis dan Informatika Stikom Surabaya. Di dalam artikel tersebut saya sudah jelaskan mengapa Anda yang berkuliah di Stikom Surabaya HARUS mengikuti workshop ini. 

Kemudian saya juga sudah jelaskan siapa pemateri dalam workshop dan apa yang akan Anda dapatkan ketika Anda bergabung ke dalam workshop tersebut. Saya sarankan Anda baca artikel ini terlebih dahulu agar Anda tahu apa saja keuntungan yang didapat dengan mengikuti workshop tersebut.

Kali ini saya akan share apa yang saya sudah lakukan di workshop pada pertemuan pertama.

Prerequisites

Sebelum memulai workshop ini, kita harus pastikan beberapa hal sudah kita siapkan supaya workshop berjalan sesuai dengan rencana dan selesai tepat waktu. Ciee... ^_^

Koneksi Internet

Untungnya di ruang OSCC lantai 8 gedung biru Stiom Surabaya sudah tersedia. Kita bisa connect ke Acces Point bernama ppti-ap.

Editor

Pada workshop Web Development From Zero to Hero ini, kita dianjurkan untuk menggunakan Atom yang bisa Anda download di https://atom.io/

Code editor ini dibuat oleh Github. Lisensinya Open Source dan Free.

Kemudian, setelah selesai instal Atom, kita lanjut install Packages. Packages disini merupakan fitur tambahan yang bisa kita tambah ke Atom. Di workshop ini, kita dianjurkan untuk menginstal beberapa packages sebagai berikut :

1. docblock by nikhilkalige
2. emmet by emeetio
3. file-icons by file-icons
4. language-blade by jawee
5. language-vue by hedefalk
6. linter by steelbrain

Jika Anda sukses menginstall, maka di halaman setting / preferences > packages akan muncul packages yang sudah terinstal seperti ini.

Apache-PHP-MySQL

1. Untuk Linux, Anda bisa gunakan LAMP
2. Untuk Windows, Anda bisa gunakan WAMP
3. Untuk Mac, Anda bisa gunakan MAMP

ketiga software tersebut, bisa Anda dapatkan free dengan mengunjungi https://www.apachefriends.org/download.html

Anda tidak harus menginstal software yang sama persis seperti yang saya jelaskan diatas. Anda bisa menggunakan software lain, tetapi yang jelas hasilnya harus sama yaitu terinstallnya Apache, PHP dan MySQL.

! Versi PHP yang direkomendasikan yaitu PHP 5.6, 7.0 atau 7.1

! Versi MySQL yang direkomendasikan yaitu MySQL versi 5.5 atau 5.6

Untuk memastikan versi yang Anda instal sudah benar. Lakukan ini :

1. Buka control panel dari software diatas
2. Start Apache dan MySQL
3. Buka web browser
4. Kunjungi alamat http://localhost
5. Buka PhpMyAdmin untuk masuk ke dalam MySQL-nya

Alternatif cara lain :

1. Buka CMD (Windows) / Terminal (Linux / Mac)
2. Ketik perintah : php -v maka akan muncul versi dari PHP
3. Ketik perintah : mysql --version maka akan muncul versi dari MySQL

Lalu bagaimana jika version yang Anda install tidak sesuai dengan yang sudah saya sebutkan? 

Jelas Anda harus uninstall dan install sesuai dengan yang saya sebutkan. Hal ini penting karena semakin tinggi versinya, maka fitur - fitur yang ada didalamnya sudah baik dan up to date dan support dengan materi yang diajarkan pada workshop ini.

Version Control System

Ini merupakan tool yang sering digunakan oleh para developer software untuk memanajemen software supaya memilik progres history dan mempermudah pengerjaan.

Git

Merupakan salah satu VCS (Version Control System) yang sangat populer. Dalam workshop kali ini, VCS yang digunakan adalah Git.

Instalasi

1. Kunjungi https://git-scm.com/
2. Download dan install versi terbarunya

Git Clients

Git memilik tampilan GUI berupa Command Line, karena dirasa sulit maka banyak pihak ketiga yang membuat Git Clients berbentuk GUI (Ghrapic User Interface).

Anda bisa download Smartgit yang berlisensi gratis untuk non-commercial. Untuk mendownloadnya, Anda bisa kunjungi http://www.syntevo.com/smartgit/. Jangan lupa di install juga ya.

GitHub

Merupakan layanan berbasis web yang populer untuk pengembangan software dengan menggunakan version control system yang sudah saya jelaskan sebelumnya yaitu Git.

Artikel Terkait : Pengenalan Github, Fungsi dan Cara Menggunakannya

Registrasi GitHub

Dalam workshop ini kita diharuskan untuk daftar akun GitHub. Lakukan langkah ini :

1. Kunjungi https://github.com/
2. Isi data dan klik Sign-up

Dependency and Package Manager

Pertemuan pertama ini juga diharuskan untuk install software - software berikut ini :

1. Composer > https://getcomposer.org/
2. NodeJS > https://nodejs.org/en/
3. NPM (akan muncul setelah usai instal NodeJS)

Untuk memastikan instalasi benar. Lakukan pengecekan dengan cara ini :

1. Buka CMD (Windows) / Terminal (Linux / Mac)
2. Ketik perintah : composer -V  (pastikan V nya huruf besar) maka akan muncul versi dari Composer
3. Ketik perintah : node -v maka akan muncul versi dari NodeJS 
4. Ketik perintah : npm -v maka akan muncuk versi dari NPM

Berikut hasil dari eksekusi 3 perintah tersebut :

Di pertemuan pertama ini memang masih persiapan dimana software - software diatas sudah harus terinstal untuk digunakan dalam pengembangan.

Artikel Terkait : Web Development From Zero to Hero - Meet 2

Sekian dari apa yang saya pelajari di pertemuan pertama workshop Web Development From Zero to Hero - Meet 1 yang diadakan oleh Lug Stikom Surabaya sebagai Institut Berkualitas, Unggul dan Terkenal. Tunggu postingan saya berikutnya tentang workshop ini yang pastinya lebih seru. Nuhun