Web Development From Zero to Hero - Meet 1

Workshop Web Development - Meet 1



Web Development From Zero to Hero by LUG Stikom

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/

Instalasi ATOM text editor

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.

Install packages atom


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
hasil test versi oho dan 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
install git-scm

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-commercialUntuk mendownloadnya, Anda bisa kunjungi http://www.syntevo.com/smartgit/. Jangan lupa di install juga ya.

software git smartgit free license

GitHub

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


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
website github dan registrasinya

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 :

hasil cek versi composer, nodejs dan npm






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

Silahkan berkomentar yang sesuai dengan topik. Komentar yang berisi link aktif dan hal - hal yang mengandung unsur p*rn*gr*f*, h*ck, sara dan j*di tidak akan ditampilkan.
EmoticonEmoticon