Welcome to this custom Entity Framework demo
Below you should find a custom widget that translates text via a CURL rest API.
This represent and example of how our Framework works, and gives you an example to work with completing the development tasks listed below.
Please read the entire page, and complete the Development Tasks found below. You can zip the code up and email it back once complete.
How it works
To the left is a custom widget called an Entity.
- CSS = Less Stylesheet
- HTML = TWIG view
- Javascipt = Client side logic
- PHP = Server side logic
This allows us to create and re-use elements, prototype and create test driven applications that are fast, reliable and secure.
As a developer this allows you to spend more time on building features rather than re-inventing the wheel.
1. Add another language to Translator widget.
2. Make the Translator widget translate the text when the language is changed.
3. Improve the styling, user feedback and improve in anyway you can.
4. Add TextToSpeech to convert the translated text in to an Audio output.
5. Create your own Entity Widget that does something unique.
References / Documentation
Technologies used within the Framework.
- Less: http://lesscss.org/
- TWIG: https://twig.symfony.com
Think of every Entity as a control or a widget. The PHP defines what it is and does any server side logic. Every Entity has a client side equivalent, these work in harmony and create an object that can be re-used.
The framework does all the AJAX / communications for you.
You have to import and export functions within the PHP setup function.
How it works
The object is "compiled" in to /assets/generated/entity.js and /assets/generated/entity.css, which is loaded by the client side browser.