Do It Youself

with Vanilla Javascript

JQuery

Browser API was different

Browser API was different

Browser API was different

We need one API

JQuery

Nowadays

Modern Browser API is enough

But

Roadmap

  • DOM Ready
  • Simple selector
  • CSS manipulation
  • CSS class manipulation
  • DOM manipulation
  • Event handling
  • AJAX request

Module via IIFE

EcmaScript 3

Module via IIFE

EcmaScript 5

AMD

Modern JQuery

build with

Document ready

Vanilla Query Instance

Simple Selector

vanillaQuery.fn

CSS Manipulation

CSS Class Manipulation

DOM Manipulation

Event Handling

Event Handling

Event Handling

Ajax vanillaQuery plugin

Example

vanillaQuery usage

Github

DIY: JQuery

By Ufocoder