Modern Frontend With Java | Jmix In Action

Practical insights to help you design modern and effective UIs for your web applications with Java and Jmix

What you'll learn

Learn advantages and challenges of building frontend with Jmix

Jmix Studio frontend tooling

Building views, notifications, dialogs, and outcome logic for user actions

Navigating views within the application

Understanding view lifecycle and handling events sequence on the view

Purpose and use of facets

Binding data to components, elements of components

Requirements

Basic Java and general web development

Familiarity with HTML and CSS

Description

Hello and welcome! With this course we invite you to join a guided journey on fast development of enterprise-grade UI with Java and Jmix.Jmix is an open-source platform for creating full-stack web applications in Java or Kotlin. It helps developers quickly and efficiently build various types of applications: from basic CRUD applications for internal use to highly specialized systems classified as ERP, CRM, EAM, SCM, WMS, ECM, ERM, HRM.Unlike our introductory full-stack development course, this one is more targeted, placing a greater emphasis on UI. You will learn how to customize Jmix applications for different needs. However, due to Jmix's full-stack nature we'll also touch on its backend functionality. By observing a fully-featured web application you will gain valuable context for understanding the backend logic, which can often seem abstract when viewed through code alone.The course covers a variety of frontend-related topics such as library of components, binding components to data, building custom views, setting up navigation and handling lifecycle events. Lessons are organized in a straightforward, step-by-step format. Each section in the course tackles an independent hands-on project focusing certain UI aspect. This will enhance your understanding and enable you to bring UI advancement to your own applications.By the end of the course, you will have a solid understanding of frontend development with Jmix and the confidence to create more custom user interfaces for your applications.

Overview

Section 1: Introduction

Lecture 1 Hello!

Lecture 2 Overview of Jmix and Course Content

Lecture 3 How to follow this course

Lecture 4 Commonly asked questions

Section 2: Installing Jmix Studio

Lecture 5 Info

Lecture 6 Installing Jmix Studio

Lecture 7 How to start a new project?

Lecture 8 How to run the application?

Lecture 9 Hot Deploy

Section 3: Jmix UI

Lecture 10 Overview

Lecture 11 Component Types

Lecture 12 Component Types (text)

Lecture 13 Data-aware Components

Section 4: Closer look at visual components

Lecture 14 Overview

Lecture 15 Jmix PetClinic on GitHub

Lecture 16 Generic Filter

Lecture 17 Data Grid

Lecture 18 Demo Applications and Flow UI Samples

Lecture 19 Links to Jmix Demos

Lecture 20 Share your ideas!

Section 5: Main Menu

Lecture 21 Studio tools for Main Menu

Lecture 22 Access to Menu

Lecture 23 Searching through Main Menu

Lecture 24 Main Menu Badges

Section 6: Views

Lecture 25 Overview and Hierarchy

Lecture 26 List Views and Lookup Views

Lecture 27 View Annotations

Lecture 28 View Lifecycle Events

Lecture 29 View Lifecycle Events

Lecture 30 Link to project

Lecture 31 View Lifecycle Practice

Lecture 32 View Methods

Lecture 33 Section Resources

Section 7: Navigation and Opening Views

Lecture 34 Overview

Lecture 35 Link to project

Lecture 36 Links and ViewNavigators bean

Lecture 37 Methods of ViewNavigators bean

Lecture 38 Opening View in a Dialog Window

Section 8: Facets

Lecture 39 Overview

Lecture 40 Link to Project

Lecture 41 dataLoadCoordinator

Lecture 42 timer

Lecture 43 urlQueryParameters

Lecture 44 settings

Section 9: Notifications

Lecture 45 Overview

Lecture 46 Data-aware Notification

Lecture 47 Notifications add-on

Lecture 48 Links to Resources

Section 10: Dialogs

Lecture 49 Overview

Lecture 50 Creating Dialogs

Lecture 51 Practice

Section 11: Application Theme (In making)

Lecture 52 Under Construction

Java developers of all levels interested in building a full-stack application,Developers and teams exploring tools to boost productivity,Anyone looking to create a web application based on open-source technologies