Imba is a compile-to-JavaScript programming language that lets you build blazingly fast web apps.
Overview
COURSE DIFFICULTY
Skills Learned
After completing this online training course, students will be able to:
Basic Imba Syntax
Integrate Imba with existing code
Conditionals
Loops
Functions
Imports
Classes
Custom tags
Inline styles
Imba's powerful styling capabilities
Style shorthands
Scoped styles
Event handling
Datab binding
Emit custom events
Add icons
Manage state
Lifecycle methods
Imba and LocalStorage
How to structure an Imba project
01. Learn Imba
- Intro
- Intro to Imba Syntax
- Conditionals
- Loops
- Functions
- Anonymous Functions
- Imports
- Classes
- Tags
- Defining Custom Tags
- Loops Inside Tags
- Conditionals Inside Tags
- Inline Styles
- Style Property Shorthands
- Scoped Styles
- Imba-Defined CSS Properties
- Imba-Defined CSS Values
- CSS Modifiers
- Bonus Imba Styling Features
- Binding
- Binding Custom Tags
- Event Handling
- Emitting Custom Events
- Local vs Global Components
- Organizing The Project
- Container Tag
- Habit Adder Tag
- Event Modifiers
- Sending Data with Events
- Adding SVG Icons
- Making an Animated Drawer
- Add the Icon Chooser
- Cosmetic Improvements
- Move Delete to Dopamine Box
- Move Toggle to Dopamine Box
- LocalStorage
- Manage Empty State
- Lifecycle Methods
- Celebration Sound Effect
- Reset Habits and Use Imba.Commit()
- Wrap Up
SKILLS LEARNED
Skills Learned
After completing this online training course, students will be able to:
Basic Imba Syntax
Integrate Imba with existing code
Conditionals
Loops
Functions
Imports
Classes
Custom tags
Inline styles
Imba's powerful styling capabilities
Style shorthands
Scoped styles
Event handling
Datab binding
Emit custom events
Add icons
Manage state
Lifecycle methods
Imba and LocalStorage
How to structure an Imba project
COURSE OUTLINE
01. Learn Imba
- Intro
- Intro to Imba Syntax
- Conditionals
- Loops
- Functions
- Anonymous Functions
- Imports
- Classes
- Tags
- Defining Custom Tags
- Loops Inside Tags
- Conditionals Inside Tags
- Inline Styles
- Style Property Shorthands
- Scoped Styles
- Imba-Defined CSS Properties
- Imba-Defined CSS Values
- CSS Modifiers
- Bonus Imba Styling Features
- Binding
- Binding Custom Tags
- Event Handling
- Emitting Custom Events
- Local vs Global Components
- Organizing The Project
- Container Tag
- Habit Adder Tag
- Event Modifiers
- Sending Data with Events
- Adding SVG Icons
- Making an Animated Drawer
- Add the Icon Chooser
- Cosmetic Improvements
- Move Delete to Dopamine Box
- Move Toggle to Dopamine Box
- LocalStorage
- Manage Empty State
- Lifecycle Methods
- Celebration Sound Effect
- Reset Habits and Use Imba.Commit()
- Wrap Up
