Hands-on: Building web design for a RAD Studio TMS WEB Core project

Hands-on: Building web design for a RAD Studio TMS WEB Core project

I have been a Delphi developer since 1996. During this journey, I have learned new skills and acquired new tools to keep up with the demands of the the software market. In the early 2000s, I learned about AJAX, web services, and basic web design. However, my studies did not require extensive software development for the World Wide Web, and I was happy to go back to developing user interfaces with Delphi in the VCL.

Times have changed significantly since then, and I have to be honest that right now I am still learning about web design for modern web development each day. It has become a major part of my daily routine to learn one new aspect of web development each day. I consider web development a mandatory tool in every software developer’s tool belt. Basic web design skills go just along with it.

If you struggle with HTML and CSS just as much as I, look no further. I might just have the video tutorial you need. The best thing about it: It’s free. It will start right at the beginning.

From the perspective of a Delphi developer, you will learn step-by-step how to build my application that I built to make ordering my books easier.

As you can see, you can select the store and book title you want to order and the application will navigate to the page for you where you can order the book.

Very simple. Or really? Three months ago, the design of the page would have been an impossible thing to do.

You will learn about:

  • Separating application development with TMS WEB Core and web design
  • Bootstrap
  • FontAwesome
  • Using (free) plugins in Visual Studio Code for web design
  • Emmets and code completion for web design with Visual Studio Code
  • WYSIWYG of your web design in the web browser
  • Link you web design to your application controls

If you have a TMS WEB Core license and use RAD Studio, this tutorial will get you started how to develop web applications with external web design. For the external web design, we will use Visual Studio Code.

If you like this tutorial and the hands-on approach, you will find more examples of this type in the book series. You can use the form above to learn more about each book title on Amazon.

Tags: , , , , , , , ,
4 comments on “Hands-on: Building web design for a RAD Studio TMS WEB Core project
  1. Darian says:

    Uncaught ReferenceError: Sentry is not defined | ReferenceError: Sentry is not defined at Object.rtl.module.rtl.createClass.Init (https://webcore.flixengineering.com/books/BookOrder.js:1:271061) at Object.rtl.module.rtl.createClass.AfterLoadDFMValues (https://webcore.flixengineering.com/books/BookOrder.js:1:269962) at

  2. Darian says:

    Apparently a browser compatibility issue… works on IE, Edge (old+new), Firefox, but not Chrome. Version 85.0.4183.102 on Windows 10.

    • Holger says:

      I also updated the application. Let me know if it still fails for you on a certain browser. Thanks for your feedback!