The RO.IDEs Framework and Editor are designed to take the headache out of coding and debugging. One of the snazziest things about ModX is the ability to split your HTML (and dynamic components) so they may be created, reused, and tweaked at will. It makes ModX more flexible and powerful than CMSes like WordPress, MediaWiki, etc. It also makes development generally faster and easier.
RO.IDEs is a Resource-Oriented Integrated Development Environment. It expands all of the power of functional fragmenting to nearly every element of the web development experience. View what you want to view. Edit what you want to edit. Code how you want to code, and let RO.IDEs manage the file structure for you. Coding with RO.IDEs is
faster, debugging is
easier, functionality is more social
, and presentation is more
How RO.IDEs Works
RO.IDEs leverages the power of ModX's document management system, a pre-renderer, and post-parser to allow Resources to become dynamic CSS, JS or PHP. It allows you to move functional Assets (CSS and JS) and Elements (Snippets and Plugins) into ModX Resources. While non-intuitive, at first, this gives a significant number of benefits to all of these. Among these are:
How to use RO.IDEs (Manager)
- Code Parenting - Any Function, Class, or Block is automatically included into its parent file when run.
- Code Transclusion - Include code from any other RO.IDEs object. Choice of implementation is much more flexible.
- Arbitrary Categorization - Make groups of Classes, Functions and Statements to find what you need faster and more easily.
- Code/Namespace Aliasing - By creating a functional alias, others may use your functions and variables without having to know them.
- Pass-Through Data and Functionality - RO.IDEs runSnippet gives other Snippets (at their choice) functions for debugging and transclusion.
In the back-end, RO.IDEs is quite easily utilized. Simply create a document of the appropriate Template, and code. You may separate your code by taking it out of the parent and placing it in a child document with the correct Template. RO.IDEs will handle the merging when a request is made to that URL. If you are making a RO.IDEs Snippet, just be sure to call [[runSnippet]] with your snippet's name and its parameters; they will be passed to your Snippet.
How to use RO.IDEs (Editor)
The Editor is supplied to you in your web-site's Resources. Simply set the Template Variables to dictate what you want to manage and where. You may make multiple copies of the Editor setting different parameters each time. Security:
While RO.IDEs does its best to utilize ModX's security, be sure to set the Resource Group or place it in a Context where you can correctly manage access to it. The Editor can create/modify/delete Resources very quickly.
Once you set your Template Variables, just navigate to your site, log-in and browse over to your Editor. The RO.IDEs Editor was created using the RO.IDEs Editor and you may customize any part of it. It is best to be careful of such changes, however, as they could lead to breakage. Note:
If you have URL modifying Plugins, be sure to either a) account for RO.IDEs or b) set the RO.IDEs Ajax Plugin to a higher priority.
RO.IDEs will be released in two packages. One for the ModX Manager and another for the front-end Editor. The RO.IDEs for ModX Manager package requires only some simple configuration, and comes with 12 Templates, 2 Snippets, and 4 Chunks. The RO.IDEs Editor comes with 9 Resources, 1 RO.IDEs Plugin, 1 ModX Plugin, 8 RO.IDEs Snippets. Thanks to BobRay for pointing me in the right direction.
Demos and Screencasts
Although, these were originally made to demonstrate theory and practice, they are still useful until I have time to make better ones. Each one demonstrates a RO.IDEs different language and will have a Front-End and Manager Demo.
RO.IDEs CSS ModX Manager Screencast Demo
This 11 minute video demonstrates how RO.IDEs improves your CSS development in the ModX Manager. Through demonstrating this without a dedicated IDE, I hope to demonstrate how much easier it would be with
RO.IDEs PHP ModX Manager Screencast Demo
This two part series demonstrates how RO.IDEs improves your PHP development in the ModX Manager. This essentially turns ModX into a miniature IDE allowing fully functional PHP projects to be developed directly within ModX. This demonstration explains the RO.IDEs Snippet process and walks through how to do many things directly on a live server. At a later date, this will be edited and revised for size and time.
Topics covered are: a) how to convert a popular ModX Snippet to RO.IDEs Snippet and why; b) split php code; c) utilize passthrough functionality; and d) include code from other sources.
YouTube: (Part 1) http://youtu.be/Cj6sno0rKOE
YouTube: (Part 2) http://youtu.be/-6RYUHO7XJc
[ed. note: fuzzicallogic last edited this post 6 years, 11 months ago.]