what js? its environment
TRANSCRIPT
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