# NativeScript-NEXT-Workshop

**Repository Path**: mirrors_NativeScript/NativeScript-NEXT-Workshop

## Basic Information

- **Project Name**: NativeScript-NEXT-Workshop
- **Description**: Workshop material for teaching NativeScript
- **Primary Language**: Unknown
- **License**: BSD-2-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-02-13
- **Last Updated**: 2026-01-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# NativeScript {N} Workshop

This repository contains a series of presentations and labs for teaching the basics of NativeScript. These materials were first used during the “NativeScript Deep Dive” workshop at [TelerikNEXT](http://teleriknext.com/), however, the materials were designed to let anyone go through the workshop on their own time.

The workshop is divided into six steps: three presentations and three hands-on labs. By reading the slides and going through the hands-on labs, you'll learn the basics of how to build apps with NativeScript. You'll also build a [meme generator](https://github.com/NativeScript/JustMeme) you can use to impress (or annoy) your friends and family. Here's what the completed app looks like:

![](labs/ss.png)
![](labs/ss2.png)
![](labs/ss3.png)

## Pre-Requisites

Before you start this workshop you must have the following things in place:

* A browser (your choice)
* A [Telerik Platform](http://platform.telerik.com) account (the free trial is enough)
* At least one Android 4.2+ or iOS 7+ device
* The NativeScript app installed on your device(s)
    * [iOS App Store](https://itunes.apple.com/us/app/nativescript/id882561588?mt=8)
    * [Google Play](https://play.google.com/store/apps/details?id=com.telerik.NativeScript&hl=en)

## Steps

Steps #1, #3, and #5 are presentations. Steps #2, #4, and #6 are labs. Each presentation was designed to introduce a lab. Therefore the presentation in step #1 provides information you'll use in the lab in step #2; the presentation in step #3 provides information you'll use in step #4; and so on.

Each of the three labs provide a starting project, a finished project, and instructions that help you work from the starting project to the finished one. Each project resides in its own GitHub repo, so you can run the projects side by side if necessary.

If you run into any issues completing the workshop, or you find a bug we haven't noticed, please [create an issue](https://github.com/NativeScript/NativeScript-NEXT-Workshop/issues/new) or send a pull request.

### Step #1

* Presentation
	* [Introductions and Welcome to NativeScript {N}](slides/1-Intro/intro.pdf) (pdf)

### Step #2

* Lab
	* [Instructions](labs/Lab-1/readme.md)
	* [Starting Solution](https://github.com/NativeScript/NativeScript-NEXT-Workshop-Lab1-Start)

### Step #3

* Presentation
	* [Beyond the Basics](slides/2-BeyondTheBasics/Going%20Beyond%20the%20Basics.pdf) (pdf)

### Step #4

* Lab
	* [Instructions](labs/Lab-2/readme.md)
	* [Starting Solution](https://github.com/NativeScript/NativeScript-NEXT-Workshop-Lab2-Start)
	* [Finished Solution](https://github.com/NativeScript/NativeScript-NEXT-Workshop-Lab2-Finish)

### Step #5
 
* Presentation
	* [Diving Deep with {N}, @sebawita](slides/3-MagicVsScience/MagicVsScience.pdf) (pdf)

### Step #6

* Lab
	* [Instructions](labs/Lab-3/readme.md)
	* [Starting Solution](https://github.com/NativeScript/NativeScript-NEXT-Workshop-Lab3-Start)
	* [Finished Solution](https://github.com/NativeScript/NativeScript-NEXT-Workshop-Lab3-Finish)

## Contributors

The following people put this material together:

* [Clark Sell](http://csell.net) | [@csell5](https://twitter.com/csell5)
* [TJ VanToll](http://tjvantoll.com/) | [@tjvantoll](https://twitter.com/tjvantoll)
* Sebastian Witalec | [@sebawita](https://twitter.com/sebawita)

## Resources

Here are some additional NativeScript resources:

* [{N} Website](http://NativeScript.org)
* [{N} Documentation](http://docs.nativescript.org/)
* [{N} Google Group](https://groups.google.com/forum/#!forum/nativescript)
* [{N} on NPM](https://www.npmjs.com/package/nativescript)
* [{N} on GitHub](https://github.com/NativeScript/NativeScript)
* [{N} Issues](https://github.com/nativescript/nativescript/issues)
* [{N} on Twitter](https://twitter.com/nativescript/)
* [{N} on StackOverflow](http://stackoverflow.com/questions/tagged/nativescript)
* [{N} on IRC](http://webchat.freenode.net/?channels=nativescript)
* [{N} on YouTube](https://www.youtube.com/playlist?list=PLvmaC-XMqeBbaD1EoQwHmnxiENYBeNckt)
* [Telerik Platform](http://platform.telerik.com)
* [{N} and the Telerik Platform](http://docs.telerik.com/platform/appbuilder/nativescript/index)
* [Telerik Platform Documentation](http://docs.telerik.com/platform)