Owl 2.X - The Complete Guide To Owl

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

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

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!

Overview

Section 1: Introduction

Lecture 1 Welcome To The Course!

Lecture 2 Course Outline

Lecture 3 The Birth of OWL Framework: What is OWL and Why OWL

Lecture 4 Understanding OWL Framework Architecture

Lecture 5 Getting The Most Out of This Course

Section 2: Getting Started with OWL - Environment Setup and Project Setup

Lecture 6 OWL Devtools and Environment Setup

Lecture 7 Starting an OWL Project - Just HTML and JS

Lecture 8 Refactoring for Static Server

Lecture 9 Starting an OWL Project - Using Tools like Webpack

Section 3: OWL Building Blocks with Templates

Lecture 10 Standard QWeb Directives plus OWL Directives

Lecture 11 Outputting Data using t-esc, t-out

Lecture 12 How to Set Variables with the Template: t-set, t-value

Lecture 13 How to use Conditional Directives: t-if, t-elif, t-else

Lecture 14 How to Loop in Owl Template t-foreach

Lecture 15 Dynamic Attributes in Owl Template: t-tag, t-att-class, t-att

Lecture 16 QWeb Translations (t-translation), Debugging (t-log) and Restrictions (block-)

Lecture 17 Sub Template, Dynamic Sub Template with t-call

Section 4: OWL Components, Lifecycle and Hooks

Lecture 18 Understanding OWL Component Lifecycles and its Hooks

Lecture 19 OWL Component Lifecycles in Action - A Short Demo

Lecture 20 Other Hooks: useState, useRef, useEffect, useComponent, useExternalListener

Lecture 21 Sub Components and Dynamic Sub Components (Task: Track Mouse Position)

Section 5: Form Input Binding, Reactivity, Slot

Lecture 22 Form Input Bindings

Lecture 23 Sharing Content with Slots: Default & Named Slots

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