TheNativeScriptBook icon indicating copy to clipboard operation
TheNativeScriptBook copied to clipboard

The NativeScript Book

These code samples will be the most up to date samples for The NativeScript Book.

Playground Samples

Most code examples will be are also provided with links to run and test on the NativeScript Playground

Chapter 1

  • button example: https://play.nativescript.org/?template=play-js&id=SoNAA2&v=5
  • button example css: https://play.nativescript.org/?template=play-js&id=RMu0YK&v=1

Chapter 2

  • Hello World: https://play.nativescript.org/?template=play-js&id=5FpdIF&v=3

Chapter 3

  • button example: https://play.nativescript.org/?template=play-js&id=DMgM12&v=3
  • button example platform specific: https://play.nativescript.org/?template=play-js&id=8Rvb5i&v=3
  • button example platform specific 2: https://play.nativescript.org/?template=play-js&id=3YXgih&v=2
  • orientation: https://play.nativescript.org/?template=play-js&id=GpMfbe&v=2
  • myapp: https://play.nativescript.org/?template=play-js&id=kZRkPj&v=2

Chapter 4

Tekmo App

  • 4.1: https://play.nativescript.org/?template=play-js&id=JSPR2b&v=6
  • 4.2: https://play.nativescript.org/?template=play-js&id=JSPR2b&v=9
  • 4.3: https://play.nativescript.org/?template=play-js&id=JSPR2b&v=10
  • 4.4: N/A
  • 4.5: https://play.nativescript.org/?template=play-js&id=JSPR2b&v=16
  • 4.6: https://play.nativescript.org/?template=play-js&id=JSPR2b&v=18
  • 4.7: https://play.nativescript.org/?template=play-js&id=JSPR2b&v=42
  • 4.8: https://play.nativescript.org/?template=play-js&id=JSPR2b&v=43

Chapter 5

Tekmo App Continued

  • 5.1: https://play.nativescript.org/?template=play-js&id=3OmKi1&v=3
  • 5.2: https://play.nativescript.org/?template=play-js&id=3OmKi1&v=3 (same as 5.1)
  • 5.3: https://play.nativescript.org/?template=play-js&id=89ootX&v=3
  • 5.4: https://play.nativescript.org/?template=play-js&id=89ootX&v=12
  • 5.5: https://play.nativescript.org/?template=play-js&id=89ootX&v=13
  • 5.6: https://play.nativescript.org/?template=play-js&id=89ootX&v=14
  • 5.7: https://play.nativescript.org/?template=play-js&id=89ootX&v=15
  • 5.8: https://play.nativescript.org/?template=play-js&id=89ootX&v=16
  • 5.9: https://play.nativescript.org/?template=play-js&id=89ootX&v=17
  • 5.10: https://play.nativescript.org/?template=play-js&id=89ootX&v=18
  • 5.11: https://play.nativescript.org/?template=play-js&id=89ootX&v=19
  • 5.12: N/A
  • 5.13: N/A

Chapter 6

Tekmo App Continued

  • 6.1: https://play.nativescript.org/?template=play-js&id=jJSQqX&v=2
  • 6.2: https://play.nativescript.org/?template=play-js&id=2xxKKW&v=4
  • 6.3: https://play.nativescript.org/?template=play-js&id=2xxKKW&v=5
  • 6.4: https://play.nativescript.org/?template=play-js&id=2xxKKW&v=7
  • 6.5: N/A
  • 6.6: https://play.nativescript.org/?template=play-js&id=2xxKKW&v=8

Chapter 7

Tekmo App Continued

  • 7.1: https://play.nativescript.org/?template=play-js&id=8j4jSU&v=3
  • 7.2: https://play.nativescript.org/?template=play-js&id=8j4jSU&v=5
  • 7.3: https://play.nativescript.org/?template=play-js&id=8j4jSU&v=6
  • 7.4: https://play.nativescript.org/?template=play-js&id=8j4jSU&v=7
  • 7.5: https://play.nativescript.org/?template=play-js&id=8j4jSU&v=8
  • 7.6: https://play.nativescript.org/?template=play-js&id=8j4jSU&v=9
  • 7.7: https://play.nativescript.org/?template=play-js&id=8j4jSU&v=10
  • 7.8: https://play.nativescript.org/?template=play-js&id=8j4jSU&v=12
  • 7.9 & 7.10 & 7.11: https://play.nativescript.org/?template=play-js&id=8j4jSU&v=15
  • 7.12: https://play.nativescript.org/?template=play-js&id=0Xg8d6&v=2
  • 7.13: N/A
  • 7.14: N/A
  • 7.15: https://play.nativescript.org/?template=play-js&id=8j4jSU&v=16
  • highlight image: https://play.nativescript.org/?template=play-js&id=8j4jSU&v=17

Chapter 8

Pet Scrapbook

  • 8.1: https://play.nativescript.org/?template=play-js&id=ihli0Y&v=3
  • 8.2: https://play.nativescript.org/?template=play-js&id=ihli0Y&v=4
  • 8.3: https://play.nativescript.org/?template=play-js&id=ihli0Y&v=5
  • 8.4 & 8.5: https://play.nativescript.org/?template=play-js&id=ihli0Y&v=7
  • 8.6, 8.7, & 8.8: https://play.nativescript.org/?template=play-js&id=ihli0Y&v=9
  • 8.9 & 8.10: https://play.nativescript.org/?template=play-js&id=ihli0Y&v=10
  • 8.11 & 8.12: https://play.nativescript.org/?template=play-js&id=ihli0Y&v=16
  • 8.13: https://play.nativescript.org/?template=play-js&id=ihli0Y&v=17
  • 8.14: https://play.nativescript.org/?template=play-js&id=ihli0Y&v=20
  • 8.15 & 8.16: https://play.nativescript.org/?template=play-js&id=ihli0Y&v=21
  • 8.17 (observable array example): https://play.nativescript.org/?template=play-js&id=9gsDfR&v=3
  • 8.18 & 8.19: https://play.nativescript.org/?template=play-js&id=ihli0Y&v=22
  • 8.20: https://play.nativescript.org/?template=play-js&id=ihli0Y&v=23
  • 8.21 & 8.22: https://play.nativescript.org/?template=play-js&id=ihli0Y&v=24
  • 8.23: https://play.nativescript.org/?template=play-js&id=ihli0Y&v=25
  • 8.24: https://play.nativescript.org/?template=play-js&id=ihli0Y&v=26

Chapter 9

Pet Scrapbook Continued

  • 9.1: https://play.nativescript.org/?template=play-js&id=iH0zRF&v=2
  • 9.2: https://play.nativescript.org/?template=play-js&id=r547M9&v=3
  • 9.3: https://play.nativescript.org/?template=play-js&id=r547M9&v=4
  • 9.4: https://play.nativescript.org/?template=play-js&id=r547M9&v=5
  • 9.5: N/A
  • 9.6: https://play.nativescript.org/?template=play-js&id=r547M9&v=6
  • 9.7 & 9.8: https://play.nativescript.org/?template=play-js&id=r547M9&v=10
  • 9.9: https://play.nativescript.org/?template=play-js&id=r547M9&v=11
  • 9.10: https://play.nativescript.org/?template=play-js&id=r547M9&v=12
  • 9.11: https://play.nativescript.org/?template=play-js&id=r547M9&v=13
  • 9.12: https://play.nativescript.org/?template=play-js&id=r547M9&v=14
  • 9.13: https://play.nativescript.org/?template=play-js&id=r547M9&v=15
  • 9.14 & 9.15: https://play.nativescript.org/?template=play-js&id=r547M9&v=16
  • 9.16: https://play.nativescript.org/?template=play-js&id=r547M9&v=20
  • 9.17: https://play.nativescript.org/?template=play-js&id=r547M9&v=21

Chapter 10

Pet Scrapbook Continued

  • 10.1 & 10.2:https://play.nativescript.org/?template=play-js&id=L3oOX0&v=8
  • 10.3: https://play.nativescript.org/?template=play-js&id=L3oOX0&v=9
  • 10.4 & 10.5: N/A
  • 10.6: https://play.nativescript.org/?template=play-js&id=L3oOX0&v=10
  • 10.6 (circle images): https://play.nativescript.org/?template=play-js&id=L3oOX0&v=11
  • 10.7: N/A
  • 10.8: https://play.nativescript.org/?template=play-js&id=L3oOX0&v=12
  • 10.9: https://play.nativescript.org/?template=play-js&id=L3oOX0&v=13
  • 10.10 & 10.11: https://play.nativescript.org/?template=play-js&id=L3oOX0&v=14

Chapter 11

Pet Scrapbook Continued

  • 11.1: https://play.nativescript.org/?template=play-js&id=557Zvo&v=3
  • 11.2: https://play.nativescript.org/?template=play-js&id=557Zvo&v=4
  • 11.3: https://play.nativescript.org/?template=play-js&id=557Zvo&v=5
  • 11.4: https://play.nativescript.org/?template=play-js&id=557Zvo&v=6
  • 11.5: https://play.nativescript.org/?template=play-js&id=557Zvo&v=7
  • 11.6: https://play.nativescript.org/?template=play-js&id=557Zvo&v=8
  • 11.7 - 11.10: https://play.nativescript.org/?template=play-js&id=557Zvo&v=9
  • 11.10 + Homework (Gender Modal): https://play.nativescript.org/?template=play-js&id=557Zvo&v=27
  • 11.11: https://play.nativescript.org/?template=play-js&id=557Zvo&v=28
  • 11.12: https://play.nativescript.org/?template=play-js&id=557Zvo&v=29
  • 11.13: https://play.nativescript.org/?template=play-js&id=557Zvo&v=30
  • 11.14: https://play.nativescript.org/?template=play-js&id=557Zvo&v=31
  • 11.15: N/A
  • 11.16: https://play.nativescript.org/?template=play-js&id=557Zvo&v=34
  • 11.17 - 11.21: https://play.nativescript.org/?template=play-js&id=557Zvo&v=35
  • 11.22: https://play.nativescript.org/?template=play-js&id=557Zvo&v=36
  • 11.23: N/A
  • 11.24 & 11.25: https://play.nativescript.org/?template=play-js&id=557Zvo&v=37
  • 11.26 - 11.28: https://play.nativescript.org/?template=play-js&id=557Zvo&v=38
  • 11.29: https://play.nativescript.org/?template=play-js&id=557Zvo&v=39
  • 11.30: https://play.nativescript.org/?template=play-js&id=557Zvo&v=40
  • 11.31: https://play.nativescript.org/?template=play-js&id=557Zvo&v=41

Chapter 16

Pet Scrapbook Angular

  • Beginning: https://play.nativescript.org/?template=play-ng&id=GfqjRH
  • 16.1: https://play.nativescript.org/?template=play-ng&id=GfqjRH
  • 16.2: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=4
  • 16.3 - 16.9: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=6
  • 16.10 - 16.14: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=26
  • 16.15 - 16.19: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=29

Chapter 17

Angular Data Binding and Services

  • Beginning: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=29
  • 17.1 - 17.2: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=30
  • 17.3: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=36
  • 17.4: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=37
  • 17.5: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=38
  • 17.6: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=39
  • 17.7: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=43
  • 17.8 - 17.11: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=49
  • 17.12 - 17.13: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=50
  • 17.14: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=52
  • 17.15 - 17.16: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=53
  • Two-way binding before 17.17: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=54
  • Angular data formatting before 17.17: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=55
  • 17.17 - 17.18: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=56
  • 17.19: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=57
  • 17.20: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=58
  • 17.21 - 17.22: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=64
  • 17.23: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=65
  • 17.24: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=66
  • 17.25: https://play.nativescript.org/?template=play-ng&id=GfqjRH&v=67