Javascript

.Class

Bartek Kruszczyński

@kruszczynski

Ruby (Rails)

 

HTML

 

 

CSS

Javascript


AJAX
 



JSON

Javascript

Zmienne

var name = "Mieczyslaw";

var count = 14;

Array

var types = ["Swiezy", "Zgnily", "Pieczony"];

var primes = [2,3,5,7,11,13,19,23];

Boolean

var userActive = false;

var userInactive = !userActive;
var truth = true;
if(truth) {
  console.log("prawda");
} else {
  console.log("klamstwo");
}

If

var truth = true;
var lies = false;

var andOperator = truth && lies // => false
var orOperator = truth || lies // => true

&& i ||

var even = function(number) {
  if (number&2 == 0) {
    return true;
  } else {
    return false;
  }
};

even(3) // => false
even(4) // => true
even("string") // => false

Funkcje

DOM

*.html

Przeglądarka

Serwer

DOM

HTML

DOM

<div class="box">
  Items:
  <ul>
    <li>Item 1</li>
    <li>Item 2</li>
  </ul>
</div>

div.box

ul

"Items:"

li

li

"Item 1"

"Item 2"

DOM

Eventy

DOM

HTML

Eventy

<ul>
  <li>
    <a href="#click-me">
      Click me
    </a>
  </li>
</ul>

ul

li

a

Click me

CLICK

CLICK

CLICK

Eventy DOM

Click

Hover

Keydown

Touch

Scroll

Focus

Copy

Submit

Resize

DOM

Eventy

jQuery

HTML

jQuery

<ul>
  <li>
    <a id="link" href="#click-me">
      Click me
    </a>
  </li>
</ul>

Javascript

$("#link").click(function() {
  $("#link").text('Kliknięte');
});  
$("#link").click(function() {
  $("#link").text('Kliknięte');
  $(".box").text("Patrzcie!");
});  
<div class="box"></div>
<ul>
  <li>
    <a id="link" href="#click-me">
      Click me
    </a>
  </li>
</ul>

JavaScript

By Bartek Kruszczyński

Made with Slides.com

JavaScript

  • 1,036

More from Bartek Kruszczyński