JavaScript

JavaScript-focused Tutorials. Be it general Vanilla JavaScript knowledge, VueJS, React, JQuery, Odoo Specific JavaScript Framework or, OWL.

14 posts

Odoo 16•17 min read

Odoo 16 JavaScript Tutorial: OWL Field Widgets reference and full example.

In this Odoo 16 tutorial, we will see how to write field widgets in OWL. What are the standard props, how to commit field content to the database, lifecycle hooks, listening to Bus events for tabs switching, extracting props from XML attrs, and more!

Philippe L'ATTENTION•18 Nov 2022

Odoo 15•13 min read

Odoo 15 JavaScript Tutorial: OWL View migration guide.

Odoo 15 is out, and big internal rework has been done to the WebClient. You can still write Views in…

Philippe L'ATTENTION•26 Oct 2021

Odoo 15•17 min read

Odoo 15 JavaScript Reference: OWL Views, WebClient, Services, and hooks.

Odoo 15 is out, and with that comes a big rewrite of the WebClient, a new Odoo JavaScript module ES6-like…

Philippe L'ATTENTION•18 Oct 2021

OWL•13 min read

Odoo JavaScript Tutorial 101 - Part 3: Adding Drag and Drop to our OWL View

This is the third part of our ongoing tutorial series about the Odoo 14 JavaScript Framework. In the second part,…

Philippe L'ATTENTION•11 Oct 2021

OWL•18 min read

Odoo JavaScript Tutorial 101 - Part 2: Creating a new OWL View

In this second part about Odoo 14 JavaScript basics, we will now review how to create a new View from…

Philippe L'ATTENTION•20 Sep 2021

OWL•20 min read

Odoo JavaScript Tutorial 101 - Part 1: Classes and MVC architecture overview

In this series, we will go over the basics of the Odoo JavaScript Framework with the end goal to create…

Philippe L'ATTENTION•6 Sep 2021

Odoo 14•15 min read

OWL in Odoo 14 - How to extend and patch existing OWL Components.

In this article, we will see how to extend, monkey-patch and, modify existing OWL Components in Odoo 14. There is…

Philippe L'ATTENTION•8 Aug 2021

OWL•20 min read

RealWorld App with Odoo OWL - Part 4 - Refactoring into OWL Hooks

This is the fourth and final part of our tutorial series about creating the RealWorld App (Demo link) and our…

Philippe L'ATTENTION•28 Jun 2021

OWL•19 min read

RealWorld App with Odoo OWL - Part 3 - Dynamic routing, willStart, willUpdateProps

We are now in the third part of our tutorial series about creating the RealWorld App (Demo link) and our…

Philippe L'ATTENTION•14 Jun 2021

OWL•17 min read

RealWorld App with Odoo OWL - Part 2 - OWL Store and Authentication

This is the second part of our tutorial series about creating the RealWorld App with OWL (Odoo Web Library). In…

Philippe L'ATTENTION•7 Jun 2021

OWL•21 min read

RealWorld App with Odoo OWL - Part 1 - Components and Router

In this series, we will create the famous "RealWorld App" from scratch. With OWL Framework (Odoo Web Library) ? as…

Philippe L'ATTENTION•31 May 2021

TDD•10 min read

Create an Odoo 14 Markdown Widget Field with TDD - Part 3

Introduction This is the third part of an article series where we use TDD to develop an Odoo markdown widget.…

Philippe L'ATTENTION•16 May 2021