Course image for NativeScript - First Steps

NativeScript - First Steps

Use JavaScript + NativeScript to build truly native iOS and Android apps by learning NativeScript from scratch

2 hours+ of total content
0.0
0 ratings
229 students enrolled
Course Creator: Mehul Mohan

Hang on...

Goals

  • Create cross platform apps using NativeScript
  • Deploy your app on App Store
  • Work with NativeScript + JavaScript
  • Deploy your app on Play Store
  • Deploy your app on App Store

Description

NativeScript gives a whole new dimension to mobile app development due to its technologies: HTML/CSS/JavaScript to build truly native mobile apps (unlike frameworks like Ionic, which run your code inside a webview).

NativeScript gives you the ability to directly interact with specific host APIs exposed through JavaScript, all abstracted from you! How cool is that!

In this course, we're going to take our first steps with NativeScript and smoothly introduce NativeScript strictly with core JavaScript and get to fundamentals of using and building applications with NativeScript.

Course Structure

68 lectures 02:45:57 total duration

All Videos

(68 lectures • 02 hours and 45 minutes)
  Introduction (Watch video)
00:25
  What is NativeScript (Watch video)
00:59
  What to expect in this course (Watch video)
00:56
  Prerequisites (Watch video)
01:03
  Installing npm/node on Linux/Mac 
03:01
  Configuring correct node version with n 
00:56
  Installing NativeScript on Mac/Linux 
01:06
  How NativeScript works under the hood 
02:58
  NativeScript hello world 
02:14
  Running NativeScript app on iOS 
02:23
  Trimming down Hello World 
01:40
  Overview 
01:58
  Code behind file 
01:26
  Event handlers 
02:17
  ActionBar 
01:53
  Button 
02:09
  Alert Dialog 
03:23
  Confirm Dialog 
02:53
  Prompt Dialog 
03:28
  Label 
01:42
  TextField 
02:33
  Image 
02:43
  Regular debugging v/s Chrome devtools debugging 
01:25
  Setting up debugging - the correct way 
01:46
  Introduction to data binding 
00:48
  Data binding with bindingContext 
01:58
  One way data binding 
02:29
  Two way data binding 
00:45
  fromObject 
02:10
  AbsoluteLayout 
03:33
  StackLayout 
03:43
  FlexboxLayout 
05:00
  GridLayout 
04:46
  What we'll do 
00:49
  Setting up Layout and CSS 
03:28
  Setting up physics engine 
04:58
  Adding ball 
07:13
  Adding wall 
03:17
  Handling onTap event 
01:50
  Implementing applyForce logic 
06:29
  Detecting collision and game over 
02:56
  Adding game reset to Action bar 
02:53
  Adding scoreboard 
04:20
  Introducing CSS 
00:34
  Global CSS 
02:29
  Page specific CSS 
01:40
  Inline CSS 
01:26
  Setting up login form 
04:01
  Styling login buton 
02:21
  Styling textfields 
01:54
  Adding logo and header 
02:24
  Adding data binding 
03:01
  Setting simple node server 
02:43
  Performing http request 
05:12
  How navigation works in NativeScript 
01:23
  Organizing File Structure 
03:06
  Navigating to new page 
02:23
  Replacing current history 
01:46
  What are custom modules 
00:44
  Adding custom modules 
02:34
  XML namespaces 
02:06
  Passing data from login API 
01:57
  Passing data to page 
01:14
  Receiving data on other page 
03:06
  Ways to store data offline 
01:42
  Setting and getting local data 
03:18
  What now? 
01:26
  Congratulations! 
00:45

Student feedback

0.0
Course Rating

0%

0%

0%

0%

0%

Reviews

No reviews yet

Your Course Instructor

Course Instructor Image

Mehul Mohan

Full-stack developer and security researcher

I'm a full-stack developer working with JavaScript and its associated runtimes for the past 7 years. I love to play with code and make something useful out of it! You can find me on social media, I'm quite active there :)

Upgrade to codedamn Pro Plan and unlock more courses for accelerated learning. Unlimited courses, interactive learning and more.

Free

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • Support over WhatsApp
  • Full learning path unlocked
  • Unlimited hands-on practice

Pro

  • HD video content
  • Certificate of completion
  • Mentorship from codedamn staff
  • All exclusive courses unlocked
  • Unlimited hands-on practice
Try codedamn Pro (14-day free refund)