https://scrimba.com/learn/imba

 
Courses
All coursesFrontend PathFrontend Bootcamp

Not sure where to start?

Let us help you find your perfect course.
PricingCreate AccountLog in
Why Scrimba?
Courses
All coursesFrontend PathFrontend Bootcamp

Not sure where to start?

Let us help you find your perfect course.
Pricing
PricingCreate Account
Log in
Go Pro!
Courses
All coursesFrontend PathFrontend Bootcamp

Not sure where to start?

Let us help you find your perfect course.

Karma

 
DashboardConnect to DiscordFind a courseSettingsNew scrim
Log out

Learn Imba

Unlock CourseGet started!

Join 185 other students

Log in to get

Access to 30+ free courses
Interactive hands-on content
Challenge weeks - code to win!
Join a friendly community
Unlock Course
Get started!
Subscribe to access!Subscribe to access!

Subscribe to access to this course and ALL other courses. You get a
30-day money-back guarantee, no questions asked.

Subscription includes

All courses, bootcamps, paths
100s of coding challenges
Certificates of completion
Exclusive Pro members chat
Subscribe now!
The course creator Nathan Manousos

with Nathan Manousos

Course level: Intermediate

Imba is a compile-to-JavaScript programming language that lets you
build blazingly fast web apps. It powers both the frontend and
backend of the Scrimba.com platform.

What's inside

This course contains 41 interactive screencasts

two girls
[ ]
Learn Imba

41 lessons2 hours

 
1. Intro
5:18
 
2. Intro to Imba Syntax
4:19
 
3. Conditionals
7:42
 
4. Loops
3:10
 
5. Functions
6:05
 
6. Anonymous Functions
4:00
 
7. Imports
4:19
 
8. Classes
2:37
 
9. Tags
6:33
 
10. Defining Custom Tags
4:18
 
11. Loops Inside Tags
2:48
 
12. Conditionals inside Tags
3:37
 
13. Inline Styles
2:29
 
14. Style Property Shorthands
2:25
 
15. Scoped Styles
4:49
 
16. Imba-Defined CSS Properties
1:53
 
17. Imba-Defined CSS Values
5:36
 
18. CSS Modifiers
6:19
 
19. Bonus Imba Styling Features
8:18
 
20. Binding
5:37
 
21. Binding Custom Tags
2:24
 
22. Event Handling
4:41
 
23. Emitting Custom Events
3:52
 
24. Local vs Global Components
4:05
 
25. Organizing The Project
1:46
 
26. Container Tag
3:56
 
27. Habit Adder Tag
2:23
 
28. Event Modifiers
6:19
 
29. Sending Data with Events
6:25
 
30. Adding SVG Icons
4:51
 
31. Making an Animated Drawer
5:05
 
32. Add the Icon Chooser
5:32
 
33. Cosmetic Improvements
2:03
 
34. Move Delete to Dopamine Box
7:50
 
35. Move Toggle to Dopamine Box
2:48
 
36. LocalStorage
3:34
 
37. Manage Empty State
2:30
 
38. Lifecycle Methods
2:59
 
39. Celebration Sound Effect
2:50
 
40. Reset habits and use imba.commit()
2:46
 
41. Wrap Up
1:10

You'll learn

Basic Imba Syntax

Integrating Imba with existing code

Conditionals

Loops

Functions

Imports

Classes

Custom tags

Inline styles

Imba's powerful styling capabilities

Style shorthands

Scoped styles

Event handling

Data binding

Emitting custom events

Adding icons

Managing state

Lifecycle methods

Imba and LocalStorage

How to structure an Imba project

You'll build

screenshot

Dopamine Box

Build a sleek Dopamine Box app to log your daily activities and mood.

man

Prerequisites

Before taking this course, you should have a basic understanding of
JavaScript. Here's our suggested resource to get you up to speed.

Learn JavaScript for free
161 lessons | 7 hours
with Per Harald Borgen
Per Harald BorgenBeginner

Meet your teacher

The course creator

Nathan Manousos

I'm a software designer based in California who co-founded and
designed Flinto - a widely used Mac app for creating high-fidelity
prototypes.

I enjoy creating small projects, researching, and sharing things I
find interesting on YouTube under the name We Deserve Less.

I've been interested in Imba since its inception, and am excited to
tell the world about it.

Why this course rocks

In this course you'll learn Imba, the programming langauge used to
build scrimba.com.

Imba is a compile-to-JavaScript language that includes powerful
features for building web apps like built-in tags and styles.

You'll learn the basics of Imba syntax, and build a Dopamina Box app.
By the end, you'll have enough knowledge to build your own web app UI
with Imba.

This course is intended for people who already know a bit of
Javascript.

scrimba logo

HomePlans & PricingGift membershipFAQHire a React developer

Community

Explore the communityCommunity HandbookPodcastsYouTube Blog

Courses

All courses Free coursesPro coursesLearn JavaScriptLearn React

Company

About usSupport centerCareersTermsPrivacy

Built with Imba