A. Akbar Hidayat cod3beat

Event adalah salah satu bagian yang sangat penting dari suatu aplikasi web. Setiap element pada sebuah halaman website dapat membangkitkan event. Tetapi apa yang penting dari kemampuan tersebut?

Event biasanya dibangkitkan ketika suatu element telah mengalami perubahan kondisi. Misalnya, kita ingin memperbesar sebuah gambar yang ditekan oleh user.

Bagaimana caranya kita mengetahui bahwa sebuah gambar telah ditekan oleh user? Caranya adalah dengan memanfaatkan event yang dibangkitkan oleh gambar tersebut ketika ia menerima tekanan, yaitu event click.

Tentu masih banyak lagi event lain yang dapat dibangkitkan oleh element-element tertentu pada sebuah halaman website. Misalnya ada event yang menandakan bahwa suatu element telah mengalami perubahan ukuran. Ada event yang menandakan bahwa suatu element sedang dipindahkan oleh pengguna. Ada juga event yang mendandakan bahwa tetikus yang digunakan oleh pengguna sedang berpindah tempat.

Jadi, apa itu event? Dan bagaimana cara kerjanya?

Permasalahan yang sedang dihadapi

Bila kita melihat referensi mengenai addEventListener ini, kita mengetahui bahwa metode tersebut tidak didukung oleh IE dibawah IE 9. Hal yang sama juga dapat kita lihat untuk metode removeEventListener. Metode tersebut tidak didukung oleh IE dibawah IE 9.

Metode Pengendalian Property Event Handler

Untuk membuat metode pengendalian event yang mendukung browser tua, kita dapat menggunakan metode semacam onclick untuk event click, onkeypress untuk event keypress dan sebagainya.

Lihat kode

Ternyata memasang Mailcatcher tidak semengerikan seperti yang sebelumnya saya duga.

Apa Gunanya?

Dapat dijadikan mail client untuk urusan local development
Dapat dijadikan mail client untuk Integration Test: kita dapat memeriksa apakah emailnya benar

	<?php
	use Phake as p;

	class MockingMailTest extends \TestCase
	{
	function test_it_should_send_mail()
	{
	// Mocking Laravel Mail
	$mockedMail = p::mock('Illuminate\Mail\Mailer');
	$this->app->instance('mailer', $mockedMail);

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>JS Bin</title>
	</head>
	<body>
	<div>
	<textarea id="contoh" cols="30" rows="10"></textarea>
	</div>

	function melakukanSesuatu(a, b) {
	var c = a + b;

	// nah, bagaimana agar konteks di luar melakukanSesuatu
	// dapat memperoleh nilai c?
	// kita gunakan `return`
	// sehingga konteks yang menjalankan `melakukanSesuatu`
	// akan memperoleh nilai `c` ini
	return c;
	}

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8">
	<title>Eksperimen Progressive Enhancement</title>
	</head>
	<body>
	<!-- Summernote akan diload bila JS ada -->
	<textarea data-hook="rich-editor">Hallo</textarea>
	<script src="jquery.js"></script>

	<?php

	namespace spec;

	use PhpSpec\ObjectBehavior;
	use Prophecy\Argument;

	class RouteRegistrationSpec extends ObjectBehavior
	{
	function it_is_initializable()

	<?php

	class ChallengeController
	{
	/**
	* POST action
	*/
	public function store() {

	}

	<?php

	class CreateUnpublishedChallenge
	{
	public function __construct($name, $summary, $description, $winningPoint, $winningQuota)
	{
	// constructing
	}
	}

A. Akbar Hidayat cod3beat

Permasalahan yang sedang dihadapi

Metode Pengendalian Property Event Handler

Apa Gunanya?

Caranya

Pasang Deps