Skip to main content

Hybrid Apps with Web and Native Technologies

Átila Fassina
Your instructor
Átila Fassina
Tickets
Get a ticket ↓

Workshop includes:

  • 🔖  Examples to take away
  • 🗣  Active participation
  • 🎁  Workshop recordings
  • 🏅  Smashing Certificate

Workshop, 4×2h + Q&A Thu & Fri, January 9–17, 2025
09:00 – 11:30 AM PT (18:00 – 20:30 CET) • Check your time zone

JavaScript is everywhere, and with it went the web. In this workshop we will learn how to connect to native APIs for all platforms (Windows, Linux, MacOS, Android, and iOS) from a single codebase.

We will build binaries from our web applications and allow them to installed and eventually even published to the public stores such as Play Store and App Store.


Here’s What You Should Be Expecting:

  • Interactive live sessions

    6 × 2.5h live sessions

  • Practical insights

    Principles and methods for making more engaging products

  • Hands-on exercises

    With reviews by your teacher

  • Life-time access

    To all video recordings and examples

  • Dedicated Q&A time

    To ask all your questions

  • Smashing Certificate

    A well-deserved reward for your work


$300.00 $400.00 Register for this workshop → 4 × 2h live sessions + Q&A. Jan 9–17.
With all video recordings & slides. Get a ticket.

🎪  Save up to 25% on this workshop with a Smashing Membership.

What you will learn

  • Understanding Hybrid Apps: What hybrid apps are and how they differ from native apps.
  • Native Development: Basics of native development using Swift for iOS and Android for mobile.
  • React Native vs. Hybrid Frameworks: Key differences between React Native and other hybrid frameworks.
  • Choosing a Hybrid Framework: Exploring the available options for hybrid app development and selecting the right one.
  • Image Management: How to handle and integrate images within your hybrid app.
  • App Security Best Practices: Key security aspects to consider during app development.
  • Content Security Policy Setup: Adding a Basic Content Security Policy (CSP)
  • Optimizing App Performance: Creating a Release Profile to improve app bundle size and performance.
  • Push Notifications: Implementing push notifications and understanding their importance in user engagement.
  • Deployment Strategies: The pros and cons of building locally versus using Continuous Integration (CI) tools.
  • Auto-Update Configuration: Setting up auto-updating mechanisms, including configuration and signing keys for secure updates.
  • Scaling Your App: Preparing your app for scaling by navigating developer accounts, certificates, and review processes, as well as combining Rust and JavaScript effectively.

Who is this workshop for?

This workshop is for any developer who is able to create a website or web app. Regardless of which framework you use or don’t use, you will be able to ship an app by the end of this workshop. You don’t need to have any knowledge or experience with Rust! Only JavaScript, HTML, and CSS are required.

What hardware/software do you need?

  • Rust installed
  • Node.js 18 or newer
  • Git

About Átila Fassina

Átila Fassina is on a mission to make code simple. When not recording screencasts or courses, you may find him either writing and talking about jamstack, performance, or developer tooling.

He is a Google Developer Expert for Web Technologies, and a member of Tauri Working Group and SolidJS Developer Experience team. He has participated in multiple conferences and taught workshops on Next.js, Tauri, and SolidJS to many developers.

Currently, he works as DevRel Teamlead at CrabNebula and he writes for Smashing Magazine.

$300.00 $400.00 Register for this workshop → 4 × 2h live sessions + Q&A. Jan 9–17.
With all video recordings & slides. Get a ticket.

🎪  Save up to 25% on this workshop with a Smashing Membership.

Time & Schedule

This masterclass takes place over four days in 2-hour sessions with time for questions and discussion about your work and how to apply what you’ve learned. Our virtual doors open at 8:45 AM, we start at 9 AM PDT.

Please mark your calendars:

  • Thu, January 9, 09:00 – 11:30 AM PT (Pacific, US) 18:00 – 20:30 CET (Europe)
  • Fri, January 10, 09:00 – 11:30 AM PT (Pacific, US) 18:00 – 20:30 CET (Europe)
  • Thu, January 16, 09:00 – 11:30 AM PT (Pacific, US) 18:00 – 20:30 CET (Europe)
  • Fri, January 17, 09:00 – 11:30 AM PT (Pacific, US) 18:00 – 20:30 CET (Europe)

Day 1 — Setup / Fundamental Concepts

8:45 PM PDT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM

  • What are hybrid apps?
  • Native development (Swift / Android)
  • React Native vs Hybrid frameworks
  • Options of Hybrid Frameworks

11:00 AM – 11:30 AM
Q&A with Átila on the day’s material. Networking!

Day 2 — App Development

8:45 PM PDT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM

  • Check Image :: create one.
  • Security aspects to take into consideration
  • Add Basic CSP to tauri.conf.json
  • Choose target platforms to deploy
  • Mobile setup
  • Creating a Release Profile to improve bundle-size
  • Creating our first Push Notification
  • Build the app

11:00 AM – 11:30 AM
Q&A with Átila on the day’s material. Networking!

Day 3 — Deploy

8:45 PM PDT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM

  • Build locally vs Continuous Integration
  • Deployment and Release Management
  • Setup release process
  • Add auto-updating configuration and signing keys
  • Review and trigger release.
  • Importance of Code Signing
  • Auto-Updater

11:00 AM – 11:30 AM
Q&A with Átila on the day’s material. Networking!

Day 4 — Prepare to Scale

8:45 PM PDT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM

  • Recap from day before
  • Publishing
    • Developer Accounts and Certificates
    • Review Process
  • Writing your own commands
  • Rust and JavaScript Combo

11:00 AM – 11:30 AM
Q&A with Átila on the day’s material. Networking!

$300.00 $400.00 Register for this workshop → 4 × 2h live sessions + Q&A. Jan 9–17.
With all video recordings & slides. Get a ticket.

🎪  Save up to 25% on this workshop with a Smashing Membership.