Tweet

Tweet

Slide 1

Slide 1 text

JS

Slide 2

Slide 2 text

@yurivictor

Slide 3

Slide 3 text

WHAT IS JAVASCRIPT?

Slide 4

Slide 4 text

JAVASCRIPT IS A MULTI-PARADIGM, WEAKLY TYPED, PROTOTYPE-BASED INTERPRETED PROGRAMMING LANGUAGE ORIGINALLY INTENDED FOR WEB BROWSERS SO CLIENT-SIDE SCRIPTS COULD INTERACT WITH THE USER, CONTROL THE BROWSER, COMMUNICATE ASYNCHRONOUSLY AND ALTER THE DOCUMENT CONTENT

Slide 5

Slide 5 text

NO!

Slide 6

Slide 6 text

THAT’S SCARY

Slide 7

Slide 7 text

JAVASCRIPT LET’S YOU DO COOL STUFF ON THE WEB* *AND BEYOND

Slide 8

Slide 8 text

YES!

Slide 9

Slide 9 text

LET’S DO THAT

Slide 10

Slide 10 text

LET’S TALK TUTORIALS

Slide 11

Slide 11 text

HERE’S A SECRET

Slide 12

Slide 12 text

TUTORIALS SUCK

Slide 13

Slide 13 text

alert( 'Hello SND' );

Slide 14

Slide 14 text

NO!

Slide 15

Slide 15 text

PROGRAMMING TUTORIALS SUCK BECAUSE THEY TEACH PROGRAMMING

Slide 16

Slide 16 text

NO!

Slide 17

Slide 17 text

LET’S LEARN HOW TO BUILD COOL STUFF

Slide 18

Slide 18 text

YES!

Slide 19

Slide 19 text

THREE THINGS

Slide 20

Slide 20 text

ADDING

Slide 21

Slide 21 text

REMOVING

Slide 22

Slide 22 text

MOVING

Slide 23

Slide 23 text

LET’S TALK JAVASCRIPT

Slide 24

Slide 24 text

JAVASCRIPT IS STRANGE

Slide 25

Slide 25 text

JAVASCRIPT IS POWERFUL

Slide 26

Slide 26 text

HERE’S A SECRET

Slide 27

Slide 27 text

USE GOOGLE

Slide 28

Slide 28 text

YOU ARE GOING TO

Slide 29

Slide 29 text

10 LINES OF CODE

Slide 30

Slide 30 text

10 NEXT APPS

Slide 31

Slide 31 text

5 MINUTES PER LINE

Slide 32

Slide 32 text

WE’RE GOING TO LEARN

Slide 33

Slide 33 text

VARIABLES

Slide 34

Slide 34 text

FUNCTIONS

Slide 35

Slide 35 text

IF/ELSE

Slide 36

Slide 36 text

JQUERY

Slide 37

Slide 37 text

LET’S GET IT STARTED(HA)

Slide 38

Slide 38 text

OPEN YOUR TEXT EDITOR

Slide 39

Slide 39 text

SAVE A NEW FILE AS awesome.html

Slide 40

Slide 40 text

DRAG THE FILE INTO YOUR BROWSER

Slide 41

Slide 41 text

0

AWESOMENESS

- + var awesomeness = 0; // We suck $( 'button' ).click( function() {! ! if ( $( this ).attr( 'id' ) === 'increase' ) { ! ! awesomeness = awesomeness + 10; ! } else { ! ! awesomeness = awesomeness - 1; ! } ! $( 'h1' ).text( awesomeness ); } );

Slide 42

Slide 42 text

No content

Slide 43

Slide 43 text

SAME CODE AS

Slide 44

Slide 44 text

No content

Slide 45

Slide 45 text

No content

Slide 46

Slide 46 text

SAME CODE AS

Slide 47

Slide 47 text

No content

Slide 48

Slide 48 text

WHAT’S NEXT

Slide 49

Slide 49 text

ANIMATION

Slide 50

Slide 50 text

DATA

Slide 51

Slide 51 text

WORLD DOMINATION

Slide 52

Slide 52 text

HOW TO KEEP GOING

Slide 53

Slide 53 text

READ OTHER’S CODE wapo.st/ThoL6P

Slide 54

Slide 54 text

BUILD REAL THINGS

Slide 55

Slide 55 text

BREAK STUFF

Slide 56

Slide 56 text

LEARN JS PROPERLY bit.ly/TwAwZr

Slide 57

Slide 57 text

No content