What js? Its environment

What JavaScript?Remove your whats

of JavaScript

JavaScript

Simple to use.

Good or bad

ECMA

Good or bad

JavaScript Dev

Be a JavaScript coder

Adapt

Other programming language solution may not be a solution

Read javascript code, understand it

Discovering JS

Practices

Debugging

Libraries

Badvar userResponse = getResponseIfAny(); // Could be false, true or null

if (userResponse != false) {

console.log(“User says yes”)

} else {

console.log(“User says no”)

}

// This does not cover null

Badvar userResponse = getResponseIfAny(); // Could be false, true or null

if (userResponse == true) {

console.log(“User says yes”)

} else if (userResponse != null) {

console.log(“User says no”) // This won’t never get printed

} else {

console.log(“User did not give a response”)

}

Badvar userResponse = getResponseIfAny(); // Could be false, true or null

if (userResponse === null) {

console.log(“User did not give a response”)

} else if (userResponse == true) { // Works but is not good enough

console.log(“User says yes”)

} else {

console.log(“User says no”)

}

Goodvar userResponse = getResponseIfAny(); // Could be false, true or null

if (userResponse === null) {

console.log(“User did not give a response”)

} else if (userResponse) { // Awesome!

console.log(“User says yes”)

} else {

console.log(“User says no”)

}

Badvar userResponse = getResponse(); // Could be false or true

if (userResponse == true) {

console.log(“User says yes”)

} else {

console.log(“User says no”)

}

// This does work but is shity javascript

Goodvar userResponse = getResponse(); // Could be false or true

if (userResponse) {

console.log(“User says yes”)

} else {

console.log(“User says no”)

}

// Cool javascript

Discovering JS

Practices

Debugging

Libraries

Debugging

Use the console

It will almost always be right

Use the debugger from the browser

Chromium tools will always be your friend

Pay attention to exclamation signs and colors

Debugging

Dear Firefox.

Debugging

Chrome in the other hand.

Debugging

Using debugger keyword

Debugging

Add watches

Debugging

Dear Firefox

Debugging

Chrome for the win

Debugging

Debugging

Debugging

On our side

Chrome Dev Tools

Debugging

Pay attention to symbols in the console!

Debugging

First, everything normal so far.

Debugging

Then WAT¿

Debugging

Colors are important too!

Debugging

JavaScript frameworks

Discovering JS

Practices

Debugging

Libraries

Libraries

External forces are on our side too.

Things like lodash underscore and such make common functionality ready for use.

Libraries

Lodash

Libraries

Moment

Libraries

jQuery

Libraries

jQuery is NOT a Framework

Libraries

jQuery is NOT a Framework

Libraries

jQuery is NOT a Framework

Libraries

jQuery is NOT a Framework

Libraries

jQuery is NOT a Framework

Libraries

jQuery is NOT a Framework

Libraries

jQuery is NOT a Framework

Libraries

jQuery is NOT a Framework

Libraries

jQuery is NOT a Framework

Fin.

Libraries

jQuery is NOT a Framework