Top Banner
Organized by the Community, for the Community. JAVASCRIPT OVERLOAD Pavel Veller, Director of R&D, BrainJocks Sitecore MVP 2015
51

JavaScript Overload - SUGCON Presentation

Jan 20, 2017

Download

Technology

BrainJocks
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.

JAVASCRIPT  OVERLOAD

Pavel  Veller,Director  of  R&D,  BrainJocksSitecore MVP  2015

Page 2: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 2

Page 3: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 3

Page 4: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 4

Page 5: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 5

Page 6: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015 6

1.  CAN  YOU  SPEAK A PIPELINE ?

2.    WHY  WRITE  JAVASCRIPT LIKE  IT’S  C#  2.0?

3.  CHUTZPAHTO  WALLABYYOUR  KARMA

Page 7: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015 7

CAN  YOU  SPEAKA  PIPELINE ?

Page 8: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 8

Page 9: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 9

Page 10: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 10

Page 11: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 11

Page 12: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 12

Page 13: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 13

Page 14: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 14

Page 15: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 15

Page 16: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 16

Page 17: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015 17

Page 18: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 18

Page 19: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.

SPOP  VS.  SPEAK

SPOP

• Web.config

• Config patch

• C#

• Server-­‐Side

• Proceed  with  caution

SPEAK

• core database

• Item(s)  deployment

• JavaScript

• Client-­‐Side

• Proceed  with  caution

SUGCON   NORTH  AMERICA   2015 19

DECLARED

PATCHED

LANGUAGE

RUNTIME

MULTI-­‐TENANCY

Page 20: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.

RECOMMENDATIONS

• Reverse  engineer  and  trace  a  few  built-­‐in  before  you  build  your  first  one

• Pay  attention  to  the  interface  convention  (e.g.  empty  processor)

• You  know  a  lot  less  in  the  client  side  than  you  do  back  home

• DevTools  is  your  best  friend

SUGCON   NORTH  AMERICA   2015 20

Page 21: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.

WHERE  TO  LEARN  MORE

SUGCON   NORTH  AMERICA   2015 21

Page 22: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.

TOUGH  IT  OUT

SUGCON   NORTH  AMERICA   2015 22

Page 23: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015 23

THE  FUTURETODAY

Page 24: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.

C#  2.0• No Lambda  Expressions• No Implicit  Typing• NoAnonymous  Types• NoObject  and  Collection  Initializers• No Expression  Trees• No LINQ• No dynamic• No async/await

SUGCON   NORTH  AMERICA   2015 24

Page 25: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015 25

ARROW  FUNCTIONS

Page 26: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 26

Page 27: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 27

Page 28: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015 28

TEMPLATE  STRINGS

Page 29: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 29

Page 30: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 30

Page 31: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 31

Page 32: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015 32

ASYNC /  AWAIT

Page 33: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 33

Page 34: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 34

Page 35: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 35

Page 36: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015 36

TYPE    SYSTEMS

Page 37: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 37

Your  IDE  can  only  do  as  much  as  your  language's  type  system allows  it  to  confidently infer

Page 38: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 38

Page 39: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 39

Page 40: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 40

OLD  SCHOOL

Page 41: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 41

Page 42: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015 42

CHUTZPAHTOWALLABYYOUR

KARMA

Page 43: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 43

Page 44: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015SUGCON   NORTH  AMERICA   2015 44

Page 45: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.

TEST  SUITE  THAT:

• Runs  in  your  browser  (so  you  can  debug)• Runs  in  Visual  Studio  along  with  other  tests• Runs  in  command  line• Runs  on  the  build  machine  (with  reports)

• BONUS:  Runs  continuously  and  concurrently  with  instant  green/red  feedback  loop  (NCrunch-­‐style)

SUGCON   NORTH  AMERICA   2015 45

Page 46: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.

BROWSER

SUGCON   NORTH  AMERICA   2015 46

Page 47: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.

VISUAL  STUDIO

SUGCON   NORTH  AMERICA   2015 47

Page 48: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.

CONTINUOUS  INTEGRATION

SUGCON   NORTH  AMERICA   2015 48

Page 49: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.

WALLABY

SUGCON   NORTH  AMERICA   2015 49

Page 50: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015 50

Q  &  A

Page 51: JavaScript Overload - SUGCON Presentation

Organized   by  the  Community,   for  the  Community.SUGCON   NORTH  AMERICA   2015

SM

51SUGCON   NORTH  AMERICA   2015

THANK  YOU  TO  OUR  SPONSORS!