rccc

<?php
    
  $string = '<kml xmlns="http://earth.google.com/kml/2.0"><Placemark><LineString><coordinates> -112,36 -113,37 </coordinates></LineString></Placemark></kml>';
  
  $options = array("extractStyles"=>true);

  $test = new KML($options);

  $features = $test->read($string);

rccc

<?php

  $options = array("extractStyles"=>true);

  $test = new KML($options);

  $features = $test->read("http://code.google.com/apis/kml/documentation/KML_Samples.kml");

  var_dump($features);

rccc

if (!$this->get('security.context')->isGranted('ROLE_USER')) 
{ 
	...
} 

rccc

$command = new CustomerSearchAdvertComparisonCommand();
$command->setContainer($event->getContainer());
$input = new ArgvInput(array('bvm:customer_search:advert:compare ',  $entity->getId(), $search->getId()));
$output = new BufferedOutput();
$result = $command->run($input, $output);		
                                               

rccc

Moving from jQuery

Events

// jQuery
$(document).ready(function() {
  // code
})

rccc

Sélecteurs

Balises

console.time('jQuery');

// jQuery
var divs = $('div');

rccc

Navigation

Enfants

// jQuery
jQuery('#my-id').children()

// vanilla

rccc

Qu'est-ce que le DOM ( Document Object Model )

Le DOM est une API définie par le W3C. On utilise l'implémention de l'API DOM de javascript pour manipuler le DOM. C'est donc à travers le DOM que l'on agit sur une page web.

Le DOM ce n'est pas le HTML que l'on écrit, ce n'est pas non plus le code source d'une page web, mais vous pouvez avoir une représentation du DOM dans le panneau "Éléments" de la console de développement intégré à votre navigateur.

Le DOM est une norme éditée par le consortium W3C, Une traduction en français des différents parties de la spécificaiton est disponible ici.

La spécification du DOM définit donc principalement des types de noeuds organisés sous la forme d'une arborescence et susceptibles d'être manipulés, elle définit des méthodes pour parcourir cette arboresence, pour sélectionner des éléments et ajouter des évenements sur ces élements.

rccc

// jQuery
$('body').append($('<p/>'))
// Vanilla
document.body.appendChild(document.createElement('p'))

$("#container").append("<p>more content</p>");

document.getElementById("container").innerHTML += "<p>more content</p>";

rccc

// jQuery
$(document).ready(function() {
  // code
})

// Vanilla
document.addEventListener('DOMContentLoaded', function() {
 // code