Mendix Magic: Mobilize Your Responsive Apps with No Code

Discover how Mendix enables rapid no-code and low-code development, with Studio Pro, integration connectors, and agile collaboration to build scalable enterprise applications.

Explore no code and low code approaches that let users design, develop, and deploy apps via visual drag-and-drop interfaces, pre-built templates and components, and rapid application development.

Uncover how no code and low code speed rapid application development, improve accessibility and cost efficiency, and provide flexible, agile solutions tailored to project requirements.

Discover why Mendix leads the no-code and low-code landscape, enabling rapid application development, accessibility, inclusivity, cost efficiency, and flexible customization for modern apps.

This course requires no prerequisites, but a basic understanding of software development concepts and familiarity with web and mobile apps will help your learning.

Create a Mendix account to manage licenses and apps. The next video provides a quick demo on how to set up your account.

Create a Mendix account by signing up with a work email, logging in, and preparing to download Mendix Studio Pro for the next steps.

After obtaining the Mendez account, download the tool, Mendix Studio Pro, the current name. Watch the next video for a quick download demo.

Download Mendix Studio Pro with a trial license and install or use portable Windows. Review release notes and version history from nine to seven, plus long-term and mid-term support.

Learn how to install Mendix Studio Pro by downloading multiple versions and following a three-video guide for steps across versions 10, 9, and 8.

install mendix studio pro, set installation and workspace folders, understand java and gradle dependencies, and learn to launch, log in, and use version selector for no-code web and mobile apps.

Demonstrates installing mendix studio pro v9.19.0 for a demo and compares versions (v9, v10) to balance latest features with compatibility, referencing lts and mts.

Install Mendix Studio Pro v8.18.27 on Windows, compare versions, and learn why and how to run multiple Studio Pro instances on one development machine.

Learn why you need multiple versions of Mendix Studio Pro to maintain project compatibility, upgrade for new features, and support testing, collaboration, and quality assurance.

Learn to use the Mendix version selector to manage multiple Mendix versions. See parallels with version tools like nvm for Node.js and similar selectors in Python, Java, Go, and Scala.

Demonstrates using the Mendix version selector to launch installed versions. See the version grid and how to manage multiple builds, including selecting version nine or ten.

Launch a hello Mendix app with Mendix Studio Pro 10.6.1, starting from a blank web app, no code needed, and run it locally in the browser to explore responsive views.

Learn to build a hello world Mendix app with v9.19.0 by selecting templates, creating a blank web project, using a git repository, and running locally.

This demo walks through creating a hello world Mendix app in version 8.18.27, highlighting different folder structures, UI, and running locally with a responsive browser view.

Initialize a Mendix Studio Pro project to build a responsive photo album app, select a blank native mobile template, and configure git workflow with domain and data models.

Demonstrates building a domain model in Mendix for a photo album app. Create a picture entity with title and description attributes, and outline domain, logical, and physical data model steps.

Configure the Mendix UI by inserting a template grid bound to an entity, convert a static image to dynamic data, and set card building blocks with title and description parameters.

Learn to model back end logic with micro flows in Mendix, including client-side validation for title and description, save to database, and refreshing the UI after commit.

Run and test the app after fixing errors, viewing a responsive web app in action. Upload images, save changes, and use search to manage content as the underlying magic unfolds.

Demonstrates designing and planning a no-code app to consume a REST API, build a simple front end with input and button, and display extracted JSON results.

Create a web app in Mendix Studio Pro 9, copy the JSON structure into a module named raster car show, then refresh to auto-detect fields and set up import mapping.

Create an import mapping to connect JSON to entities, expand all, use checkout, and log details for troubleshooting as you prepare the dummy model input.

Demo step adds an input entity to the dummy model, assigns a title attribute, and links it to summary through import mapping and associations.

Add a macro flow in Mendix, drag and configure an input parameter, set up a rest api call with import mapping, and update the app object to refresh the UI.

Build a Mendix page using design and structure modes, add data views connected to a rest API, map input data models, and configure a macro flow with tables.

Create the input macro flow by mapping user input to the input variable and returning a new input object for the rest service call. Test and run the app.

Run and test the Mendix app, publish to cloud or run locally, and verify REST API integration with UI built from JSON and macro flows.

Learn to design and plan a mendix-based rest API using a simple order and order item data model, publish endpoints, and preview swagger-style schemas.

Initialize the app using the latest index version to create a rest api, starting from a blank web app named order api and using git.

Learn to define a simple domain model with orders and order items, and optionally create 64x64 PNG icons for each entity using the image tool and properties.

Create a domain model with an order entity and an order item entity, defining attributes like order ID (number, default 1) and quantity (integer, default 0) and a one-to-many relationship.

Finish the domain model and optionally publish the rest api service. Generate the overview pages for your domains by right-clicking the entity and choosing generate overview pages.

Update the order new edit page by adding a data grid, selecting its data source (database or association), and configuring the order atom to automatically fill the grid.

Update the home page by adding a navigation item with a dollar icon linking to the order new/edit page, and set the mode to overview for the next data-writing step.

Run the Mendix app, add sample data, and verify the home and order pages, local URL and published Mendix remote cloud URL, by creating orders with items and quantities.

Create mappings for the API by adding a message definition (MD), selecting the other entity, and ensuring all relevant items are checked, while noting a UI quirk.

Configure the rest service by adding a get order by id resource with a path variable parameter and create a macro flow for this operation.

Create a microflow by defining an order ID integer variable and retrieving the first order from the database using an XPath constraint.

Explore building a builder export mapping for a GSM REST API, map order ID, customer, and order item, and configure a JSON HTTP 200 response with headers.

Demonstrates running and testing a Mendix no-code app, using swagger to execute rest api requests, verify 200 status, and plan error handling in the next video.

Learn to test your Mendix app api using Postman, create a collection, run simple get requests, and view json responses in pretty or raw formats.

Learn to implement 400 bad request error handling in a no-code Mendix app by validating inputs, returning friendly json error messages, and configuring http responses in the macro flow.

Test and refine error handling for 400 responses using postman, delivering clear messages such as 'order ID is a number; please provide the integer' and practical examples.

Implement robust error handling for not found orders by returning 404 when an order ID is missing or nonexistent and 200 for responses, using friendly JSON messages and dynamic parameters.

Use Postman to test a Mendix no-code app, verify the API runs, check 200 happy paths, and implement 400 and 404 error handling for orders.

Design the app using Mendix to publish and retrieve images through a REST API, recreate the domain model, and use microflows for backend logic.

Begin by initializing a Mendix no-code app with a blank web app named CMS image API, selecting the latest 10.6.1 version, and launching the upload to get started.

Learn how to create 64 by 64 png icons for entities in a dummy model, including publishing and retrieving the image, resizing it, and marking the step as optional.

Create the CMS image domain model with auto-number image ID, a 200-character title, and an unlimited description, then add a performance index and generate an overview page for testing images.

Generate the overview pages from the dummy model, review the two created pages, and test and verify the app, then add the home page link in the next video.

Rename the default home to CMS home web, add a CMS image entry with a camera icon to the navigation, and test the app with data via REST APIs.

Demo shows running the app, verifying navigation and the home and image pages, and uploading various image formats (png, jpeg, svg) and mp4 to populate the image page.

Publish the domain model as a REST service by creating a CMS image service resource, configuring get all, post, and delete operations for CMS images.

Explore api specs with swagger to inspect a rest api; view and test endpoints such as get all, post, delete, and get back key on the local server.

Inspect the Get_ByKey endpoint within the ECM CMS image service, verify API specs with swagger, and understand binary image responses in the macro flow.

Update the get_by_key microflow by setting the http header to image content and a 200 status, enabling png, gif, jpeg, or bmp, and test the flow for swagger image display.

Run and test the APIs to verify image responses, check multiple formats (png and svg), ensure proper image content type, then export phase two and plan postman testing.

Learn to test and verify APIs with Postman alongside Swagger, validating image endpoints for JPG, JPEG, PNG, and BMP formats, handling errors and not found responses.

Create a cms client module to consume the cms service and set up an entity to retrieve images from the published stories rest service, then save changes.

Generate the CMS client overview page by right-clicking the entity, choosing the default value, and reviewing the data grid with name and sites retrieved by experts.

Add the CMS client to home page navigation and link it to the overview page; select the image icon, save, and run to view the image on Mendix US site.

Add the image widget to the UI by selecting the image URL, choosing the first URL, saving, and running and testing in the next step.

Design and initialize the app, publish a REST service, and run the CMS client locally, testing with Swagger UI and Postman to verify images and navigation.

Design and plan the flow to publish and retrieve PDF files via a rest API, using the application/pdf content type and an HTML widget for the UI.

Initialize the Mendix app, select version ten, create a new blank web app, and prepare a 64 by 64 pdf icon by editing and resizing an image.

Create a domain model in Mendix by defining the CMS pdf entity with id, title, and description, set an index, generate an overview page, and publish to the rest API.

Publish a rest API service for a cms pdf resource, verify the swagger/open API spec with swagger UI, and test the get operation and tool integration for postman.

Learn to test and verify REST APIs using Postman by creating a CMS pdf service API collection, uploading PDFs, and performing create, update, and delete operations.

Demonstrates retrieving pdfs from a published rest api by building a pdf client, embedding an html snippet, and testing with embedded urls to verify navigation and rendering.