Curso Odoo Owl Framework

Curso Odoo Owl Framework

Aprende a desarrollar en el nuevo Framework JS de Odoo (v16.0 y 17.0)

452,84
452.84000000000003 USD 646,92
599,00
Responsable Juan Carlos Montoya
Última actualización 15/06/2024
Tiempo de finalización 22 horas 3 minutos
Miembros 16

Contenidos

INTRODUCCIÓN Y DESCARGAS

2

01:15 h
Materiales descargas del curso 00:15

Entorno Desarrollo

7

02:41 h
Información previa 01:30
Entorno de desarrollo #1 00:09
Entorno de desarrollo #2 00:05
Entorno de desarrollo #3 00:24
Setup Visual Studio Code con Odoo 00:16
Setup Pycharm Pro con Odoo 00:07
Extensiones Visual Studio 00:10

1 ES6 Odoo

15

04:49 h
Introducción a JS ES6 en Odoo 00:30
Let y Const 00:15
Arrow Functions 00:20
Template Strings 00:15
Object Array Destructuring 00:20
Modulos import export 00:30
Clases y Herencia 00:20
Promise Async Await 00:25
Built-In JS Functions 00:40
Spread 00:15
LiveClass Resumen Modulo1 #1 00:10
LiveClass Resumen Modulo1 #2 00:11
LiveClass Resumen Modulo1 #3 00:10
LiveClass Resumen Modulo1 #4 00:13
Test unidad 1 00:15

2 OWL Core

17

06:14 h
Documentación descargas 00:20
Components Introducción 00:12
Configuración Proyecto Introduccion OWL p1 00:24
Introducción OWL parte 2 00:19
Introduccion OWL parte 3 00:20
Introduccion OWl parte 4 00:15
Ejercicios de refuerzo 02:00
Product list App parte 1 00:03
Product List App parte 2 00:13
Product List App parte 3-1 Registro 00:07
Product List App 3-2 Services 00:16
Product List App parte 4 (RPC ORM Notify) 00:09
Sub-Componentes y Eventos 00:36
Qweb Templates 00:10
Qweb Atributos Dinamicos 00:07
Herencia JavaScript y Qweb 00:41

3 OWL POS Cliente Web

22

03:54 h
Creando un Website Form desde codigo 00:16
Web Controllers 00:08
Widgets 00:15
Widget Assets Load 00:04
Creando un Public Widget desde cero 00:09
Dynamic Html elements from qweb 00:05
Cargar y aplicar estilos SCSS 00:03
Introducción al POS 00:16
POS OWL - Cargar models fields revisión proceso y secuencia 00:09
POS OWL 2 - Cargar models fields práctica 00:07
POS OWL 3 - Herencia Qweb XML partner detail form 00:05
OWL POS 4 - Herencia JS en el modelo product 00:09
OWL POS 5 - Herencia JS, Registry, Notify, RPC Calls Backend 00:10
OWL POS 6 - t-model Qweb 00:06
OWL POS 7 - JS Inheritance PartnerDetail model 00:04
Extending Pos OrderReceipt #1 00:10
Extending Pos OrderReceipt #2 00:35
Extending POS OrderReceipt #3 00:09
Extending POS OrderReceipt #4 00:09
Extending Pos OrderReceipt #5 00:20
Extending PosOrderReceipt #6 00:09
Extending PosOrderReceipt #7 00:16

4 JS Framework

3

00:52 h
useBus Comunicación Backend Frontend 00:02
Creando una App para Cargar Productos Stock en Tiempo Real en Odoo #1 00:28
Creando una App para Cargar Productos Stock en Tiempo Real en Odoo #2 00:22

Extras

4

02:18 h
Python Conda para Odoo 00:23
Cursor Editor + Crear una App con IA para Odoo 01:37
Odoo Controllers 00:05
Controllers Parametros Odoo 00:13

CONTENIDOS DEL CURSO (Ver pestaña Información curso)


 Certifícate como

Odoo Frontend Developer con OWL

Requisitos y Fecha inicio

Desarrollador Backend Python

Es necesario que conozcas ya el Framework Python de Odoo para poder seguir el hilo de las clases ya que en este curso nos centramos mas en el Front, en esta web tienes el curso avanzado para Backend.

Ordenador Escritorio o Virtual 

SO Ubuntu 22.04 o  Debian  11 o 12

Docker

Necesario para crear contenedores y réplicas de Odoo fácilmente

Iniciamos el 4 Septiembre 2023

Las clases se subirán 2-3 veces por semana (si te gustaría asistir a las clases en VIVO déjame un mensaje en el formulario de contacto de esta web y debes estar suscrito al curso.

Soporte Ayuda

No estarás solo!, te ayudamos durante todo el proceso de formación desarrollo del curso. Tendrás acceso directo al chat en vivo para enviar tus dudas durante el curso.

CONTENIDOS

Mod. 1 JS ES6 en Odoo

Para desarrollar en odoo Front desde v15, 16 y futura 17 es necesario entender la incorporación de ECMAScript o Javascript ES6

odoo comenzó a incorporar características de JavaScript ES6 en sus módulos a partir de la versión 14.0 Antes de la versión 14, odoo utilizaba principalmente JavaScript estándar (ECMAScript 5) para la programación frontend en sus módulos.

JavaScript ES6 (también conocido como ECMAScript 2015) introdujo muchas características nuevas y mejoras en el lenguaje, lo que permite escribir un código más limpio y estructurado. Algunas de las características notables de ES6 incluyen:

  • Declaración de variables let y const.
  • Arrow functions (funciones flecha).
  • Plantillas de cadenas (template strings).
  • Desestructuración de objetos y arrays.
  • Módulos ES6 (import y export).
  • Clases y herencia (similar a los Modelos del backend en Python).
  • Promise  Async Await
  • Propagación Spread (...)
  • Utils forEach, filter, map
  • Ejercicios en vivo con todo lo aprendido

Mod. 2 OWL Core

Es el corazón del Framework, por eso en este módulo nos centraremos en enseñarte a jugar con las piezas clave que se utilizarán en la mayoria de componentes de las Apps para el frontend.

  • Componentes y subcomponentes
  • Hooks
  • Eventos
  • Reactividad
  • Qweb Templates
  • Herencia XML Qweb
  • Herencia Javascript v16
  • Herencia Javascript v17 (En el POS se vuelve a cambiar :( )
  • Ejercicio práctico Crear una App en OWL con lo aprendido.

Mod. 3 JS & POS

Este módulo aprenderás a desarrollar para el point of sale, una de las Apps mas lindas para aprender a desarrollar en odoo, y es que conjuga bastante complejidad, aprender Python para Odoo, XML QWeb, Javascript por ejemplo.

Cosas que aprenderás en esta unidad:

  • Website Forms
  • Web Controllers
  • Widgets
  • Assets y estructura de una App
  • Creando tu primer App para el POS en OWL de cero
  • Estilos tipos CSS, SASS, SCSS
  • Herencia componentes y modelos JS en Odoo 16 y 17
  • Herencia componentes y modelos Python y XML
  • Screens (PaymentScreen)
  • Extendiendo el Ticket o Receipt (Tips Factura-e)
  • Recuperar Datos del backend y llevarlos al Frontend
  • Aprender a manejar Asincronía en JS
  • Nuevo store Models JS v17.0
  • Nuevo pos_store lib JS v17.0
  • Migrando un modulo de v16.0 compatible con v17 (ejercicio en vivo Practico)

Mod. 4 Odoo JS Framework

Odoo JavaSscript Framework es un conjunto de herramientas y bibliotecas de JavaScript que se utilizan para desarrollar aplicaciones web y móviles en la plataforma Odoo. Permite a los desarrolladores crear interfaces de usuario interactivas y dinámicas, gestionar datos en tiempo real y crear componentes reutilizables de manera eficiente. El framework utiliza tecnologías modernas como ECMAScript 6 (ES6) y ahora OWL que ofrece un sistema de registro y organización de componentes para facilitar el desarrollo y la colaboración en proyectos de Odoo. Con el nuevo OWL  JS Framework, los desarrolladores pueden crear experiencias de usuario avanzadas y personalizadas en sus aplicaciones, mejorando la eficiencia y la usabilidad.

Estas son algunas de las novedades que incorporamos en este módulo

  • Revisar y entender la documentación oficial
  • Entorno de desarrollo y depuración JavaScript
  • Revisión del WebClient segun Odoo S.A.
  • Environment que es y como usarlo
  • Assets
  • Widgets
  • Services
  • Notifications

Mod. 5 Website Themes

Website Builder de Odoo es una excelente herramienta para crear un sitio web totalmente integrado con otras aplicaciones. Utilizar las opciones y bloques de construcción del tema es sencillo y te permite personalizar tu presencia en la web de la manera que desees. Sin embargo, puedes llevar las cosas aún más lejos.

En este capítulo, aprenderás a personalizar un Theme desde módulo el cual será capaz de

  • Agregar paletas de colores personalizadas
  • Sobreescribir variables de Estilos (SCSS)
  • Override Bootstrap default Styles
  • Agregar fuentes personalizadas desde un CDN o locales
  • Modificar Header y Footer del Website


Mod. 6 Odoo + AI (NEW) 

Herramientas para desarrollar Odoo Apps con Inteligencia Artifical.

Desarrolla, Depura, aprende a utilizar la AI a tu favor con Odoo

Te enseñaré  qué? cómo? preguntarle a la IA para crear sistemas y Apps eficientes, sepas filtrar y acotar tus prompts.