Black Friday  40% off any course

Sale ends in...

  • -173
    days
  • -17
    hours
  • -8
    minutes
  • -34
    seconds

Use code BLACKFRIDAY18 at checkout!

Styling NativeScript Core Applications

Everything about CSS in NativeScript Core

About this course

Author

Alex Ziskind

Trainer and Owner

Alex Ziskind

Alex lives in Washington, DC. He's a speaker, trainer, and a Telerik Developer Expert. He's been invloved in NativeScript projects since 2015 and has created courses for Pluralsight and LinkedIn.

  • NativeScript Core
56 lessons

What you'll learn

In this course, we will learn in depth styling techniques with NativeScript Core. We'll learn how to use global NativeScript styling constructs as well as how to best approach separation of styles into composable rules. We'll also look at using platform specific styling and using style preprocessors like LESS and SASS. Finally we will see how to defined CSS animations in NativeScript.

Curriculum

  • Introduction

    • 1
      Welcome (1:26)
    • 2
      Course Requirements (1:43)
    • 3
      About NativeScript CLI (1:00)
    • 4
      Tour of Sample Application (1:17)
    • 5
      Code and Setup (3:23)
  • How Styles Work in NativeScript

    • 6
      Overview (1:19)
    • 7
      Prepare for NativeScript Styling (2:59)
    • 8
      Four Layers of Styling (2:27)
    • 9
      CSS Example (7:38)
    • 10
      DIPs and Pixels (2:45)
    • 11
      Global CSS (1:26)
    • 12
      Programmatic Styling (4:40)
    • 13
      Who Wins (4:37)
    • 14
      Style Levels Applied (4:37)
  • Working with Selectors

    • 15
      Overview (0:42)
    • 16
      Classes and IDs (1:45)
    • 17
      Type Selectors are Unique (2:40)
    • 18
      Hierarchical and Attribute (5:50)
    • 19
      Pseudo (4:05)
  • Properties and Keyframes

    • 20
      Overview (0:57)
    • 21
      Supported CSS Properties (0:57)
    • 22
      NativeScript Specific CSS (5:20)
    • 23
      Component Properties (2:52)
    • 24
      Android Button Sizing (2:54)
    • 25
      Gradients (1:50)
    • 26
      Keyframes (3:59)
    • 27
      Cliptobounds (1:33)
    • 28
      Exercise (2:30)
  • Fonts

  • Platform Specific Stying

    • 34
      Overview (1:04)
    • 35
      Using Markup Blocks (3:33)
    • 36
      Using Platform Attributes (1:57)
    • 37
      Using File Naming Conventions (6:18)
    • 38
      Using Programmatic Platform Check (2:52)
    • 39
      Using Programmatic Conventions (1:57)
  • Using Qualifiers

    • 40
      Overview (0:36)
    • 41
      Orientation by Convention (3:37)
    • 42
      Orientation Using Plugin (3:46)
    • 43
      Screen Size Convention (4:48)
  • Styling the Status Bar

    • 44
      Overview (0:33)
    • 45
      Styling the iOS Status Bar with the ActionBar (5:54)
    • 46
      Styling the iOS Status Bar Independently (3:01)
    • 47
      Styling the Android Status Bar (4:43)
    • 48
      Exercise (2:02)
  • Custom Component Styling

    • 49
      Overview (0:33)
    • 50
      Simple Custom Component (3:00)
    • 51
      Style Spills and Priority (3:25)
    • 52
      Fixing Style Spills (4:04)
  • SASS and Themes

The courses on NativeScripting are easy to follow, paced well, and do a great job of getting you up to speed with NativeScript.

Raymond Camden

DevRel for Auth0 Extend

NativeScripting provides really high quality focused content around learning NativeScript! I love using the platform to refresh my skills and hone in on specific challenge areas to fill in my gaps of knowledge.

Tracy Lee | ladyleet

RxJS Core Team member and Google Developer Expert

The best NativeScript video content out there. NativeScripting’s courses are an amazing resource for getting started with NativeScript. Highly recommended.

TJ VanToll

Principal Developer Advocate @ProgressSW

NativeScripting is a great resource with top notch material on NativeScript and mobile application development with frameworks such as Angular and Vue. I highly recommend it for any developer, beginner to expert.

Nic Raboy

The Ployglot Developer

As a previous Developer Advocate for Progress/Telerik, who makes NativeScript, I've no hesitation in saying that NativeScripting.com is the only place you need to learn NativeScript, from the masterful Alex. His teaching style is absolutely on point; comprehensive and concise enough to have you building real mobile applications, whilst giving you fundamental and advanced knowledge necessary to survive in the wild.

Todd Motto

Creator @ UltimateAngular and Google Developer Expert for Angular

Alex, affectionately known as the Voice of NativeScript, produces high quality video content that effectively teaches the ins and outs of NativeScript, walking students through the complexities of building mobile apps. These videos teach both NativeScript with Angular and NativeScript Core, offering two great ways to build beautiful apps.

Jen Looper

Sr. DevRel @ ProgressSW and Google Developer Expert

If you're looking to learn NativeScript, look no further than NativeScripting. These instructors are the best in the business. I know that because they helped me when I was first learning NativeScript. You can't do any better.

Burke Holland

DevRel at Microsoft

NativeScripting is the best place for high quality NativeScript courses. Here you will find all learning materials you will ever need to get started with NativeScript. But also, there is a ton of advanced courses for a seasoned NativeScript dev.

Sebastian Witalec

Sr. Developer Advocate at Progress

Excellent as an introduction, easy to understand, totally useful, if you are a Vue developer, you should take this material to start with the right foot.

Hernán Piña

JavaScript Developer

If you want to understand and master NativeScript, Alex’s NativeScripting course videos are the way to go. He is truly the ‘Voice of NativeScript’ as he can break down complex ideas in such a way that would help you accelerate your goal in building beautiful mobile applications. Highly recommend him and definitely worth your time and money!

Devlin Duldulao

Microsoft MVP

The introduction to NativeScript-Vue course is a fantastic foundation for learning how to both implement UIs using the Vue framework and also how to use the NativeScript toolsets, such as the CLI and the Sidekick app.

Chase Putnam

Backend and Frontend Developer

NativeScripting is an amazing technology to build applications with very good performance for the both main mobile platforms. not only that, also you can use Angular with all it's advantages, I really recommend this course.

Eisson Alipio

Developer

NativeScripting is a great platform for learning NativeScript! There are many high quality video courses. Anyone who wants to develop a Native mobile application with NativeScript must have NativeScripting account. Try free courses to convince yourself.

Ramazan Ayvaz

Entrepreneur and Software Engineer

Being an introduction, it does a good job of clarifying some well know issues for beginners to the nativescript platform.

Emmanuel Oduro

Entrepreneur and Laravel Developer

Excelent free course. You will get the basics for build simple but usefull apps and to grow in understanding about NativeScript framework.

Thiago Glauco

JavaScript and Angular Developer

Complete Bundles

Everything you need to master NativeScript

NativeScript with Angular Ultra

4 courses

NativeScript with Angular Getting Started Guide
NativeScript with Angular Pro
NativeScript with Angular Web Application Conversion
Styling NativeScript with Angular Applications
7/100 left at this price

NativeScript Core Master Bundle

3 courses

NativeScript Core Getting Started Guide
NativeScript Core Pro
Styling NativeScript Core Applications