TopFrontDev logo
HomeVideosPlaylistsResourcesArticlesAbout
Youtube logoSubscribe

TopFrontDev

Front-end techniques that actually ship. Practical engineering you can use in production.

Content

  • Videos
  • Playlists
  • Articles
  • Resources

About

  • About
  • Sponsorship
  • Contact

Connect

Youtube logogithub logolinkedin logo

© 2026 TopFrontDev. All rights reserved.

TopFrontDev logo
HomeVideosPlaylistsResourcesArticlesAbout
Youtube logoSubscribe

TopFrontDev

Front-end techniques that actually ship. Practical engineering you can use in production.

Content

  • Videos
  • Playlists
  • Articles
  • Resources

About

  • About
  • Sponsorship
  • Contact

Connect

Youtube logogithub logolinkedin logo

© 2026 TopFrontDev. All rights reserved.

TopFrontDev logo
HomeVideosPlaylistsResourcesArticlesAbout
Youtube logoSubscribe

TopFrontDev

Front-end techniques that actually ship. Practical engineering you can use in production.

Content

  • Videos
  • Playlists
  • Articles
  • Resources

About

  • About
  • Sponsorship
  • Contact

Connect

Youtube logogithub logolinkedin logo

© 2026 TopFrontDev. All rights reserved.

TopFrontDev logo
HomeVideosPlaylistsResourcesArticlesAbout
Youtube logoSubscribe

Playlist Videos

45 videos in this playlist

User Stories in UX Design? Here's What You Need to Know
6:04

User Stories in UX Design? Here's What You Need to Know

This video provides a guide to creating effective `user story` entries, emphasizing their importance as a tool for `prod...

11
Dec 20, 2025
UX designUI designdesign thinking
Building on Sand vs. Building on Rock | Design Blueprint
5:54

Building on Sand vs. Building on Rock | Design Blueprint

This video discusses the importance of a conceptual design in product design, emphasizing that a strong engineering desi...

22
Dec 19, 2025
Top Front DevtopfrontdevUI UX design
Product Design Process Explained Like You’re 5 (Step-by-Step)
7:14

Product Design Process Explained Like You’re 5 (Step-by-Step)

Learn the Product Design Process step-by-step — simplified for beginners.

29
Dec 15, 2025
Top Front DevtopfrontdevUI UX design
Why Human–Computer Interaction Changes Everything
1:05

Why Human–Computer Interaction Changes Everything

Unlock the secret behind why some apps feel effortless while others are frustrating.

6
Dec 11, 2025
Top Front DevtopfrontdevUI UX design
Human–Computer Interaction: The Real Reason Some Products Just Feel Right
0:56

Human–Computer Interaction: The Real Reason Some Products Just Feel Right

Unlock the power of Human–Computer Interaction (HCI), the foundation behind every intuitive digital experience.

2
Dec 11, 2025
Top Front DevtopfrontdevUI UX design
The Psychology Behind Every Click You Make
7:46

The Psychology Behind Every Click You Make

Unlock the power of Human–Computer Interaction (HCI), the foundation behind every intuitive digital experience.

22
Dec 11, 2025
Top Front DevtopfrontdevUI UX design
How We Actually Talk to Tech?
0:37

How We Actually Talk to Tech?

HCI is all about understanding how people interact with computers in their daily lives.

10
Dec 11, 2025
Top Front DevtopfrontdevUI UX design
Human Computer Interaction in UX Design
1:18

Human Computer Interaction in UX Design

Unlock the secret behind why some apps feel effortless while others are frustrating.

70
Dec 10, 2025
Top Front DevtopfrontdevUI UX design
Design Principles That Separate Good From Great
8:32

Design Principles That Separate Good From Great

You know how to build an app that works, but making it look and feel amazing is the real challenge.

35
Dec 10, 2025
frontend developmentjavascripttypescript
Don’t Start Coding Until You Know These 100 Web Dev Terms!
8:04

Don’t Start Coding Until You Know These 100 Web Dev Terms!

What's up, developers.

111
Dec 9, 2025
web development termsweb dev for beginnerslearn web development
Why the Golden Ratio Makes Designs Look Better
7:50

Why the Golden Ratio Makes Designs Look Better

Throughout history, the golden ratio has been used to create a variety of beautiful works you’re probably already familiar with.

94
Dec 8, 2025
frontend developmentux designsystem design
UI vs UX Design — What’s the Real Difference? (Most People Get This Wrong!)
6:30

UI vs UX Design — What’s the Real Difference? (Most People Get This Wrong!)

Confused about the `difference between ui and ux`.

28
Dec 7, 2025
ui vs uxdifference between ui and uxui and ux explained
The Design System Every Front Developer Needs
7:44

The Design System Every Front Developer Needs

Are you building with React and Next.js but constantly battling the gap between `design to code`.

94
Dec 6, 2025
figma designreact jsdesign to code
The 7 Golden UI Design Rules You’re Still Breaking
6:53

The 7 Golden UI Design Rules You’re Still Breaking

Learn the core UI design principles that separate beginners from pros — directly inspired by Figma’s official design library.

72
Dec 5, 2025
ui design principlesux designdesign principles
Design Thinking Without This? You're Doing It Wrong
7:54

Design Thinking Without This? You're Doing It Wrong

What is Design Thinking.

63
Dec 4, 2025
design thinkingwhat is design thinkinglearn design thinking
UX Secrets: How Interaction Design Makes Apps Feel Effortless
6:41

UX Secrets: How Interaction Design Makes Apps Feel Effortless

What is Interaction Design.

34
Dec 3, 2025
interaction designwhat is interaction designux design
Developers: Never Skip This Step in Your Design!
6:02

Developers: Never Skip This Step in Your Design!

What is Graphic Design.

8
Dec 3, 2025
graphic designwhat is graphic designlearn graphic design
UX Design Explained: 7 Psychological Triggers Behind Every Successful Product
7:21

UX Design Explained: 7 Psychological Triggers Behind Every Successful Product

What is UX Design? In this video, we break down the world of User Experience Design — what it is, why it matters, and ho...

39
Dec 2, 2025
ux designwhat is ux designux vs ui
UI Design for Beginners: Learn What Makes Apps Look Beautiful
6:16

UI Design for Beginners: Learn What Makes Apps Look Beautiful

Discover what UI Design really means — and why it’s the backbone of every great digital product.

30
Dec 2, 2025
ui designwhat is ui designui design tutorial
UX Designers: Never Skip This First Step
7:38

UX Designers: Never Skip This First Step

Before creating beautiful interfaces, every UX designer must have understanding the product.

10
Dec 1, 2025
understanding the productux design basicsproduct design process
UX Patterns That Work: Help Users Think About Their Actions
5:30

UX Patterns That Work: Help Users Think About Their Actions

Do your users click mindlessly, skip steps, or make the wrong choices.

22
Nov 30, 2025
ux designux psychologyuser behavior
Onboarding, Feedback, Reinforcement: The UX Tools That Change Behavior
6:12

Onboarding, Feedback, Reinforcement: The UX Tools That Change Behavior

To educate users and encourage users are from the most important skills in UX design.

7
Nov 29, 2025
ux designeducate usersencourage users
The 4 Principles That Make Apps Addictive | Behavior Design
6:02

The 4 Principles That Make Apps Addictive | Behavior Design

Learn how to support conscious action in UX design and guide users toward better behavior — clearly, ethically, and effectively.

41
Nov 28, 2025
ux designux psychologybehavior change
The Design Secret That Makes Apps Impossible to Resist
4:16

The Design Secret That Makes Apps Impossible to Resist

The Cue–Routine–Reward Model (aka the Habit Loop) explains how habits form — and why certain products become part of our daily lives.

21
Nov 27, 2025
habit loopcue routine rewardbehavior design
4 Phases Apps Use to Make You Addicted
5:53

4 Phases Apps Use to Make You Addicted

Nir Eyal’s Hook Model is the backbone of the world’s most engaging products.

11
Nov 26, 2025
Hook ModelNir Eyalhabit forming products
The UX Method That Instantly Improves User Behavior
5:15

The UX Method That Instantly Improves User Behavior

In this lesson from the @topfrontdev UX Design course, I show you how to *crowd out* old habits with better behaviors —...

18
Nov 25, 2025
user experienceux designintuitive design
Mindfulness Tricks To Stop Wasting Time Online
4:48

Mindfulness Tricks To Stop Wasting Time Online

Today, we're exploring how a little bit of mindfulness can shift us from compulsive scrolling to making conscious choice...

31
Nov 24, 2025
mindfulnessmindfulness tipsstop wasting time online
Do you know How Conscious Interference Really Works in UX Design?
7:20

Do you know How Conscious Interference Really Works in UX Design?

conscious interference in ux design: In this video, we break down how Conscious Interference works — a powerful 5-step U...

18
Nov 23, 2025
ux designux processbehavioral design
The Secret Tricks That Make People Click!
8:00

The Secret Tricks That Make People Click!

Welcome back to The Explainer.

18
Nov 22, 2025
behavioral science uxdual process theoryfogg behavior model
The Hidden UX Pattern Behind Addictive Apps: Replacing Routine
4:46

The Hidden UX Pattern Behind Addictive Apps: Replacing Routine

replace the routine ux patter: Designing great user experiences isn’t about forcing people to learn something new — it’s...

25
Nov 21, 2025
ux designuser experiencereplace the routine ux
How To Make Apps Way Less Frustrating!
5:11

How To Make Apps Way Less Frustrating!

This new video from our ux design course offers a practical framework for addressing common user experience design frustrations.

34
Nov 20, 2025
ux designuser experiencefrontend development
How UX Designers Build Habits: The Framework Every Web Dev Should Use
5:52

How UX Designers Build Habits: The Framework Every Web Dev Should Use

UX design: Helping users build better habits isn’t magic—it’s strategy.

70
Nov 19, 2025
UX designweb developmenthabit formation
Make Automation *Feel* Effortless with These UX Strategies
6:04

Make Automation *Feel* Effortless with These UX Strategies

In this ux design video, we break down how automation can transform ux frustrations into smooth, efficient interactions...

43
Nov 18, 2025
design strategiesdesign thinkingefficiency hacks
How UX Design Can Manipulate Your Emotions
4:56

How UX Design Can Manipulate Your Emotions

Some of the most effective UX moments happen when users discover features naturally—without pop-ups, interruptions, or heavy-handed onboarding.

12
Nov 17, 2025
The Power of Defaults in UX: How Pre-Selected Options and Placement Guide User Behavior
4:53

The Power of Defaults in UX: How Pre-Selected Options and Placement Guide User Behavior

Defaulting is a powerful practice in UX design where options or settings are pre-selected for users based on the most common or preferred choice.

5
Nov 16, 2025
Cheating as a UX Strategy: How Strategic Loopholes Enhance User Experience (UX)
5:43

Cheating as a UX Strategy: How Strategic Loopholes Enhance User Experience (UX)

Most users don’t follow the path you expect — they look for shortcuts.

108
Nov 15, 2025
The Fogg Behavior Model Explained for Web Developers (Build Products Users Actually Use)
6:45

The Fogg Behavior Model Explained for Web Developers (Build Products Users Actually Use)

Understanding why users take action — or ignore your UI completely — is one of the most important skills for any web developer.

69
Nov 14, 2025
Unlock the power of behavioral design and elevate your UX game!
6:15

Unlock the power of behavioral design and elevate your UX game!

In this video, we break down the fundamentals of behavioral design—how psychology, behavioral economics, and user experi...

109
Nov 13, 2025
Behavioral Design Explained: Influencing User Behaviour Through Smart UX
7:34

Behavioral Design Explained: Influencing User Behaviour Through Smart UX

Welcome to the channel.

18
Nov 12, 2025
Behavioural Economics (BE) in UX Design Explained
7:40

Behavioural Economics (BE) in UX Design Explained

Ever wondered how psychology drives user decisions in design.

35
Nov 11, 2025
Behavioral Science in UX Design: The Psychology Behind Great User Experiences
6:36

Behavioral Science in UX Design: The Psychology Behind Great User Experiences

Ever wondered why some designs just work — while others fall flat.

25
Nov 10, 2025
Persuasive Technology in UX Design: How Design Shapes Human Behavior
5:46

Persuasive Technology in UX Design: How Design Shapes Human Behavior

Ever wondered how apps and websites influence your choices—without you even realizing it.

16
Nov 9, 2025
Nudge Theory The Hidden Forces Shaping Your Decisions
7:03

Nudge Theory The Hidden Forces Shaping Your Decisions

Ever wondered why you make certain choices without even realising it.

25
Nov 7, 2025
Cognitive Biases (Your Brain's Mental Shortcuts) on UX Design
5:46

Cognitive Biases (Your Brain's Mental Shortcuts) on UX Design

Why do users make the choices they do — and how can UX designers use psychology to design better experiences.

49
Nov 6, 2025
Secrets Behind Every Click: How UX Design Controls Your Choices
6:09

Secrets Behind Every Click: How UX Design Controls Your Choices

In this video, we dive deep into the fascinating world of human decision making — exploring the psychology, cognitive pr...

75
Nov 4, 2025
ux design psychologyhuman decision makingcognitive bias in design

TopFrontDev

Front-end techniques that actually ship. Practical engineering you can use in production.

Content

  • Videos
  • Playlists
  • Articles
  • Resources

About

  • About
  • Sponsorship
  • Contact

Connect

Youtube logogithub logolinkedin logo

© 2026 TopFrontDev. All rights reserved.