CustomiZing WidgetZ | Build Custom Shiny Widgets & Outstanding UIs | AthlyticZ
Shiny WidgetsCustomiZing WidgetZ

Build Custom Widgets & Outstanding Shiny UIs

Master custom widget engineering with Veerle Eeftink - van Leemput and expert guidance from Dr. David Granjon. From HTML dependencies and JavaScript bridges to input/output bindings and event systems — craft UI components hiring managers want to see.

Enroll Now — $1,149See the Curriculum
R ↔ JavaScript Input/Output Bindings HTML Dependencies Events & Loaders npm & Bundling htmlwidgets
13 Sections 41+ Lessons 12+ Quizzes Cloud VMs Included
Veerle Eeftink - van Leemput
Posit
Official Partner

Every student gets access to enterprise cloud virtual machines, directly through the AthlyticZ Academy LMS.

Sound Familiar?

This Course Is For You If...

Every app uses the same widgets

Hard to stand out or express your brand with off-the-shelf controls.

Design exactly what you need

Create distinctive, branded widgets that match your users and data stories.

Hours tweaking CSS overrides

Endless hacks and workarounds slow every release.

Build your own components

Ship clean, reusable inputs/outputs without fragile workarounds.

Limited by what exists

Product ideas stall when the widget you need does not exist.

Unlock full UI freedom

Design specialized components with R↔JS bindings and events.

Inconsistent UX across apps

Each team implements controls differently — maintenance is tough.

Standardize with packages

Bundle widgets into a Shiny package and scale consistent UI across your org.

Veerle Eeftink - van Leemput
Your Instructor

Veerle Eeftink - van Leemput

Founder of Hypebright • Shiny Production Specialist
“It is not about me, it is about you. I want you to become a co-developer. By the end of this course, I want you to proudly say: I developed my first Shiny package!”

A Shiny enthusiast since 2016, Veerle founded Hypebright in 2019 to help professionals leverage the full potential of Shiny — building applications and widget packages that deliver measurable impact across industries.

Hypebright Founder Shiny Specialist R Consultant Conference Speaker

Guest Expert: Dr. David Granjon

Author of Outstanding User Interfaces with Shiny — the definitive reference on Shiny UI engineering. David provides expert guidance on the internal architecture of Shiny’s JavaScript layer, input/output bindings, and advanced widget patterns.

The Full Curriculum

From Dependencies to Custom Widgets

13 sections. 41+ lessons. 12+ quizzes. Click any section to see every lesson.

I
Phase I • Foundations
Understand How Shiny Works Under the Hood
5 sections • 12 lessons

Meet David Granjon, understand package development workflows, master web application concepts (client-server, WebSockets, app lifecycle), and learn to manage HTML dependencies with htmltools.

01
Introduction to the Course
2 lessons
Making Outstanding Shiny Apps
Introducing Outstanding User Interfaces by David Granjon
02
Package Development
2 lessonsFree Preview
The Why and How
Package Development Workflow
03
Web Application Concepts
3 lessonsFree Preview
The Client-Server Model and HTTP Requests
WebSockets
The Shiny App Lifecycle
04
Discover Shiny Dependencies
3 lessons
Understanding Dependencies in Shiny Applications
Bootstrap
jQuery
05
Handle HTML Dependencies with {htmltools}
2 lessons
Declaring and Attaching Dependencies
Resolving Dependency Conflicts
Why This Matters

You Cannot Build Custom Widgets Without Understanding the Plumbing

Most Shiny developers treat the framework as a black box. This phase cracks it open — once you understand how Shiny renders UI, manages dependencies, and communicates over WebSockets, building custom components becomes intuitive instead of mysterious.

II
Phase II • The JavaScript Bridge
Master R ↔ JavaScript Communication
3 sections • 12 lessons

Learn JavaScript fundamentals for Shiny, jQuery syntax, external JS libraries, WebSocket message passing between R and JS, and modern asset management with npm and bundling.

06
JavaScript for Shiny
4 lessonsFree Preview
Introduction to JavaScript
jQuery Syntax
Adding JavaScript to Shiny
Using External JavaScript Libraries
07
Communicate between R and JS
3 lessonsFree Preview
Data Exchange between R and JS
Sending Messages through the WebSocket
Receiving Messages through the WebSocket
08
Managing JS and CSS
5 lessons
The Need For Asset Management
Organize Your JS and CSS Files
Bundling Your JS and CSS Code
Bundling Components
Working with npm
Career Impact

R Developers Who Speak JavaScript Are Rare and Valuable

The R↔JS bridge is the single most powerful skill gap in the Shiny ecosystem. Developers who can pass data between R and the browser, manage assets with npm, and bundle code professionally are the ones building the next generation of enterprise Shiny applications.

III
Phase III • Inputs, Outputs & Events
Build Production Shiny Components
3 sections • 10 lessons

Master input bindings, build complex custom inputs from scratch (3-part deep dive), understand output bindings and functions, and harness Shiny events with custom loaders.

09
Shiny Inputs
6 lessonsFree Preview
Input Bindings
Updating Inputs
Building A Complex Custom Input (Part 1)
Building A Complex Custom Input (Part 2)
Building A Complex Custom Input (Part 3)
Summarizing the Input Lifecycle
10
Shiny Outputs
2 lessons
Output Functions
Output Bindings
11
Mastering Shiny Events
2 lessonsFree Preview
Exploring Event Types
Custom Loaders
The Core Skill

Input/Output Bindings Are the Heart of Every Custom Widget

This is where the course pays for itself. You will build a complex custom input from scratch across three lessons, understanding every step of the input lifecycle. This is the skill that separates widget consumers from widget creators.

IV
Phase IV • Widget Design & Beyond
Ship Professional htmlwidgets
2 sections • 7 lessons

Design widgets with the htmlwidgets framework, build {brackets} from scratch, master advanced htmlwidgets techniques, learn to update existing widgets, and chart your path forward.

12
Design Widgets
5 lessonsFree Preview
Introduction to {htmlwidgets}
Building {brackets} with {htmlwidgets}
Advanced techniques in {htmlwidgets} (Part 1)
Advanced Techniques in {htmlwidgets} (Part 2)
Updating Your Widgets
13
Course Recap and Next Steps
2 lessons
Course Summary
What's Next?
The Finish Line

You Ship a Widget Package. For Real.

By the end of this course, you will have built custom inputs, outputs, and htmlwidgets from scratch — and packaged them for reuse. That is not just a certificate, it is an R package you can publish or deploy internally.

Real Feedback

What Learners Say About Veerle

A. Sekulovic
A. Sekulovic, PhD
Specialist Formulation & Process Development

“If you have a question about Shiny, Veerle is the person to turn to. She is very knowledgeable and explains things in a simple, clear and engaging way.”

Hector Chavez
Hector Chavez
Data Scientist

“Veerle’s workshop on R Shiny development was exceptional. Her meticulous preparation, tailored content, and hands-on approach make it stand out from other offerings.”

Invest in Widget Mastery

Enroll in CustomiZing WidgetZ

Full Course

CustomiZing WidgetZ

$1,149
Lifetime Access • Cloud VMs Included
  • 13 sections, 41+ lessons
  • 12+ quizzes & assessments
  • 50+ R scripts & resources
  • 2 case study projects
  • Guest expert: Dr. David Granjon
  • Certificate of completion
Posit
Cloud VM Access Included
Virtual machines via AthlyticZ Academy LMS
Enroll Now — $1,149
One-time payment • 3-day money-back guarantee

Members pay $999 • Explore Membership

Save With the Bundle

Get All Three Shiny Courses Together

Combine ProductioniZing Shiny Apps + CustomiZing WidgetZ + Mobile StructureZ into one bundle and save. Master production architecture, custom widget development, AND mobile app deployment.

AthlyticZ Membership

Members Pay $999 for This Course

Plus unlimited cloud VM access, 10+ live sessions per month, the full replay library, and 20% off every course in the catalog.

Frequently Asked Questions

ProductioniZing Shiny teaches you to build, test, and deploy production Shiny applications. CustomiZing WidgetZ goes deeper into the UI layer — you learn to build the custom components themselves: input bindings, output bindings, htmlwidgets, and R↔JS communication. Together they form the complete Shiny engineering stack.
It is recommended but not strictly required. If you have intermediate Shiny experience and understand modules, reactivity, and basic deployment, you can start here. If not, consider the Shiny Bundle which includes both courses.
No. The course teaches JavaScript fundamentals specifically for Shiny, starting from the basics. You will learn jQuery syntax, DOM manipulation, and how to bridge R and JS — all within the Shiny context.
David Granjon is the author of Outstanding User Interfaces with Shiny, the definitive reference on Shiny UI engineering. He provides expert guidance in this course on Shiny internals, input/output binding architecture, and advanced widget patterns.
You may drop the course within 3 days of commencement for a full refund. No refunds after day 3 or if you have completed 25% or more of the course material.
CustomiZing WidgetZ

Build the Widgets
Nobody Else Can

13 sections. 41+ lessons. R↔JS mastery. Custom inputs, outputs, and htmlwidgets. Cloud virtual machines included.

$1,149
Lifetime Access
Members pay $999
3-day money-back guarantee • Lifetime updates • Certificate of completion
$1,149
Members $999 • Cloud VMs Included
Enroll Now