Videos

speed code

Furniture App UI - Complex Layouts in NativeScript Angular (Speed Code)

8 October 2021

Follow along as I build the UI of a furniture app concept with some interesting card layouts in NativeScript Angular.

WATCH VIDEO

speed code

Profile UI - Layouts and 3D Animation in NativeScript Angular (Speed Code)

6 August 2021

This is part 7 of the Movies Speed Code Series. Create a layout for the profile page with a view and edit mode. Learn how you can add 3D animations to switch between 2 different views.

WATCH VIDEO

speed code

Animated LaunchView in NativeScript Angular with Lottie (Speed Code)

20 July 2021

This is part 6 of the Movies Speed Code Series. Add Animated LaunchView to your NativeScript app using the latest NativeScript 8 and Angular 12 boot option features. Spice things up even further by adding Lottie to your LaunchView.

WATCH VIDEO

speed code

Drawers and Bottomsheets in Ionic Angular (Speed Code)

1 July 2021

This is part 2 of the Ionic Restaurant Speed Code Series. Checkout how you can quickly add drawers and bottomsheets using CSS Grid and the new ion-accordion.

WATCH VIDEO

speed code

Ionic & Angular: Restaurant App UI - Layouts and Styling (Speed Code)

21 June 2021

This is part 1 of the Ionic Restaurant Speed Code Series. Checkout how you can quickly build layouts and style your apps using Ionic, Angular, and Tailwind.

WATCH VIDEO

speed code

NativeScript & Angular: Movies App UI - Spring Animation with Popmotion (Speed Code)

23 May 2020

This is part 5 of the Movies Speed Code Series. Add Spring Animations to your App using Popmotion (the technology that powers FramerMotion).

WATCH VIDEO

speed code

NativeScript & Angular: Movies App UI - Dynamic Styling with NGXS (Speed Code)

3 May 2020

This is part 4 of the Movies Speed Code Series. Re-style your app by using utility classes that is configured via CSS variables and NGXS for the app’s config state management.You can add your own styles for the movies app by updating the styles file in the Movies App API Repo.

WATCH VIDEO

speed code

NativeScript & Angular: Movies App UI - Search and Filter (Speed Code)

5 April 2020

This is part 3 of the Movies App UI Speed Code series. The app is built with Nativescript and Angular. The video adds 2 new bottomsheets using Nativescript 8's new RootLayout and some new UI components.

WATCH VIDEO

speed code

NativeScript & Angular: Movies App UI - Drawers and Bottomsheets (Speed Code)

26 March 2020

This is part 2 of the Movies App UI Speed Code series. The app is built with Nativescript and Angular. The video adds animations to the existing UI and adds a drawer and bottomsheet component along with some fun transitions.

WATCH VIDEO

speed code

NativeScript & Angular: Movies App UI - Page and Layout (Speed Code)

19 March 2020

This is a Movies App UI Concept built in Nativescript and Angular. The Movies App has 2 pages - home (with a list of movies grouped into different categories) and details (with details about the movie).

WATCH VIDEO

Do you need a custom Website or Mobile App for your business?