Mendix Magic: Mobilize Your Responsive Apps with No Code

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.

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.

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.

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.

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.

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.

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

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.

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

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.

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.

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.

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.

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.

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.

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.

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.