Curso Odoo Owl Framework

Curso Odoo Owl Framework

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

419,30 €
419.3 EUR 599,00 €
599,00 €
Responsable Juan Carlos Montoya
Última actualización 04/04/2024
Tiempo de finalización 19 horas 8 minutos
Avanzado Frontend Nuevo Desarrollador 16.0 17.0
  • INTRODUCCIÓN Y DESCARGAS
    • Vista previa gratis
    • Materiales descargas del curso
  • Entorno Desarrollo
    • Información previa
    • Entorno de desarrollo #1
    • Entorno de desarrollo #2
    • Entorno de desarrollo #3
    • Setup Visual Studio Code con Odoo
    • Setup Pycharm Pro con Odoo
    • Extensiones Visual Studio
  • Módulo 1 ES6 Odoo
    • Introducción a JS ES6 en Odoo
    • Let y Const
    • Arrow Functions
    • Template Strings
    • Object Array Destructuring
    • Modulos import export
    • Clases y Herencia
    • Promise Async Await
    • Built-In JS Functions
    • LiveClass Resumen Modulo1 #1
    • LiveClass Resumen Modulo1 #2
    • LiveClass Resumen Modulo1 #3
    • LiveClass Resumen Modulo1 #4
    • Test unidad 1
      10 xp
  • Módulo 2 OWL Core
    • Documentación descargas
    • Vista previa gratis
    • Components Introducción
    • Configuración Proyecto Introduccion OWL p1
    • Introducción OWL parte 2
    • Introduccion OWL parte 3
    • Introduccion OWl parte 4
    • Ejercicios de refuerzo
    • Product list App parte 1
    • Product List App parte 2
    • Product List App parte 3-1 Registro
    • Product List App 3-2 Services
    • Product List App parte 4 (RPC ORM Notify)
    • Sub-Componentes y Eventos
    • Qweb Templates
    • Qweb Atributos Dinamicos
    • Herencia JavaScript y Qweb
  • Módulo OWL 3
    • Creando un Website Form desde codigo
    • Web Controllers
    • Widgets
    • Widget Assets Load
    • Creando un Public Widget desde cero
    • Dynamic Html elements from qweb
    • Cargar y aplicar estilos SCSS
    • Introducción al POS
    • POS OWL - Cargar models fields revisión proceso y secuencia
    • POS OWL 2 - Cargar models fields práctica
    • POS OWL 3 - Herencia Qweb XML partner detail form
    • OWL POS 4 - Herencia JS en el modelo product
    • OWL POS 5 - Herencia JS, Registry, Notify, RPC Calls Backend
    • OWL POS 6 - t-model Qweb
    • OWL POS 7 - JS Inheritance PartnerDetail model
  • Extras
    • Python Conda para Odoo
    • Cursor Editor + Crear una App con IA para Odoo
    • Odoo Controllers
    • Controllers Parametros Odoo

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


 Certifícate como

Odoo Frontend Developer con OWL 

Requisitos y Fecha inicio

Recomendados

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 DEL CURSO

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
  • PopUps
  • 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.