Styling NativeScript with Angular Applications

Everything about CSS in NativeScript with Angular

Styling NativeScript with Angular Applications

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
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
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
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
Nic Raboy

The Polyglot 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
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
Jen Looper

Lead Dev Advocate @Microsoft, Founder and CEO of Vue Vixens

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
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
Sebastian Witalec

Sr. Developer Advocate at Progress

Alex, thank you so much for creating this course. The architecture chapter alone is worth the price of the course, and saved me tons of time in the long run - time I would have spent reworking the solution over and over. Can’t wait for the next chapters.

David Wison
David Wison

Mobile Developer

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
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
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
Chase Putnam

Backend and Frontend Developer

About this course

Author

Sean Perkins

NativeScript Trainer

Sean Perkins

Sean Perkins is a technology enthusiast with a deep background in object-orientated programming languages. Experienced with full-stack development, design and digital marketing best-practices; he focuses on building stable, performant and scalable web, native and backend solutions for corporate enterprises.

  • NativeScript Angular logo
    NativeScript with Angular
Intermediate
15 lessons

What you'll learn

In this course, we will learn in depth styling techniques with NativeScript and Angular. We'll learn how to define styles for Angular components in NativeScript, as well as how to use global NativeScript styling constructs. We'll also look at using platform specific styling and using style preprocessors like LESS and SASS.

Curriculum

  • Course Introduction

    • 1
      Course Introduction (0:43)
    • 2
      Where to Find the Sample Code (0:29)
  • Styling Concepts and Tactics

    • 3
      Overview
    • 4
      Different Layout Containers
    • 5
      Global Styling (0:43)
    • 6
      Local and Inline Styling
    • 7
      Optimizing with SASS
    • 8
      Screen Size Qualifiers
  • Advanced Styling Topics

    • 9
      Overview (0:23)
    • 10
      Custom App Branding
    • 11
      Optimizing Rendering Time
  • Building Real-World UI

    • 12
      Overview (0:26)
    • 13
      Styling a Login Page
    • 14
      Building Custom Checkboxes
    • 15
      Overlapping UI Elements (1:28)

Or pick up a complete bundle...

Everything you need to start mastering NativeScript today

NativeScript with Angular Essential Bundle

4 courses

NativeScript with Angular Getting Started Guide
Beginner
NativeScript with Angular Pro
Advanced
NativeScript with Angular Web Application Conversion
Intermediate
Styling NativeScript with Angular Applications
Intermediate

NativeScript Core Master Bundle

8 courses

NativeScript Core Getting Started Guide
Beginner
NativeScript Core Pro
Advanced
NativeScript Enterprise Auth
Intermediate
Styling NativeScript Core Applications
Intermediate
NativeScript Plugins: Creating Custom View Components
Intermediate
Securing NativeScript Applications
Intermediate
NativeScript Hands-On UI
Beginner
Upgrading Cordova Applications to NativeScript
Beginner

NativeScript with Angular Master Bundle

9 courses

NativeScript with Angular Getting Started Guide
Beginner
NativeScript with Angular Pro
Advanced
NativeScript with Angular Web Application Conversion
Intermediate
NativeScript Enterprise Auth
Intermediate
Styling NativeScript with Angular Applications
Intermediate
NativeScript with @ngrx
Intermediate
NativeScript Plugins: Creating Custom View Components
Intermediate
Securing NativeScript Applications
Intermediate
NativeScript Hands-On UI
Beginner
Accepting MasterCardAccepting PayPalAccepting VISAAccepting Amex

Secure SSL encrypted payments

100% money back guarantee

These courses are empowering thousands with expert knowledge - they will you too. If you're disappointed for whatever reason, you'll get every cent back.

Student/Location discounts

Not-so-good exchange rate? (i.e. India/Brazil) Get in touch for a coupon. Student? Email us from your student email or attach your student ID.