OWL 2.x - The Complete Guide to Odoo OWL

Name: OWL 2.x - The Complete Guide to Odoo OWL
Rating: 3.7 (46 reviews)

Dive in and learn OWL JS from scratch. Learn one of the fastest UI Framework based on best aspects of Vue and React.

Created byMiracle Ayodele

Last updated 1/2025

English

What you'll learn

Learn how to build apps with Owl
Use both basic & advanced Owl concepts
Build advanced & highly dynamic components in a safe way
Use Owl hooks to factorize code

Course content

5 sections • 23 lectures • 1h 51m total length

Welcome To The Course!1:28
Course Outline1:13
The Birth of OWL Framework: What is OWL and Why OWL2:42
Understanding OWL Framework Architecture3:57
Getting The Most Out of This Course2:37

Standard QWeb Directives plus OWL Directives3:30
Outputting Data using t-esc, t-out2:38
How to Set Variables with the Template: t-set, t-value1:09
How to use Conditional Directives: t-if, t-elif, t-else2:20
How to Loop in Owl Template t-foreach3:39
Dynamic Attributes in Owl Template: t-tag, t-att-class, t-att5:08
QWeb Translations (t-translation), Debugging (t-log) and Restrictions (block-)7:03
Sub Template, Dynamic Sub Template with t-call4:08

Understanding OWL Component Lifecycles and its Hooks5:15
We will explore the lifecycle hooks like: setup, willStart, willRender, rendered, mounted, onWillUpdateProps, onWillPatch, onPatched, onWillUnmount, onWillDestroy and onError.
OWL Component Lifecycles in Action - A Short Demo9:56
Other Hooks: useState, useRef, useEffect, useComponent, useExternalListener8:43
Sub Components and Dynamic Sub Components (Task: Track Mouse Position)4:57

Requirements

Basic Javascript knowledge of core concepts is needed
NO prior Owl knowledge is required

Description

This course will be regularly updated with fresh content and new features, ensuring you stay current with the latest advancements introduced in the OWL framework.

Welcome to "The Complete Guide to OWL", the ultimate course for developers, and enthusiasts looking to build dynamic business applications with Odoo. Whether you are starting from scratch or have some prior experience, this course is designed to guide you step-by-step toward mastering OWL, Odoo's modern web component framework.

Throughout this comprehensive course, you will explore the fundamentals of OWL, gaining insights into its lifecycle, hooks, components, and templates. You'll learn how to work with OWL independently, outside of Odoo, and seamlessly integrate it within the Odoo platform.

With detailed video tutorials, hands-on exercises, and practical examples, you'll develop the skills to create efficient, scalable, and robust Odoo modules. By the end of the course, you'll be confident in building custom modules using OWL, whether it's for personal projects or professional deployment.

This course is perfect for both beginners and those with some experience in Odoo development. A basic understanding of JavaScript is all you need to get started.

Don’t miss the chance to future-proof your development skills and elevate your career. Enroll in "The Complete Guide to OWL" today and unlock the full potential of OWL for building high-quality Odoo applications!

Who this course is for:

Odoo developers who want to improve their knowledge on Odoo's UI Library
Anyone who wants a fast framework different from React and Vue

OWL 2.x - The Complete Guide to Odoo OWL

What you'll learn

Explore related topics

Course content

Introduction5 lectures • 12min

Getting Started with OWL - Environment Setup and Project Setup4 lectures • 28min

OWL Building Blocks with Templates8 lectures • 30min

OWL Components, Lifecycle and Hooks4 lectures • 29min

Form Input Binding, Reactivity, Slot2 lectures • 14min

Requirements

Description

Who this course is for: