Hi everyone, welcome to CodeRage
My name is Marcos Antonio Moreira. I'm Embarcadero MVP
also director of Research and Development
at company TreSaúde and IT manager at Unimed Governador Valadares
Developing for Web is Simple with TMS Web Core
I'll demonstrate quickly in this presentation
is that with TMS Web Core you have in Delphi IDE
and Pascal, an excellent framework
to quickly develop fantastic applications
for web and i'm saying there client application there
you will have a JavaScript with HTML5
CSS and all
web universe ok
Well we know that Delphi there supports application
for various Android, iOS platforms
MacOS, Windows 10 and Linux i.e. with
a single code we can be on different platforms
but something was missing,
we have Delphi development solutions, traditional web
but these tools nowadays they generate
web applications with Delphi
but actually these tools are applications
on the platform that generate HTML for the browser
are tools developed for Windows
generate on the server you
you have there the Windows server
on the server that answers the html at the tip
should not be so not by
least shouldn't she have to have
an application that supports
web server ie IIS market
or Apache among others that answers
there for the client in the browser
so this is the traditional get post
client who is the browser server
there made in Delphi for Windows that has to be managing session
application server and database connection
that answers html there at the tip
as I said web development was missing
but it is now no longer missing with TMS Web Core
you have it all very easily and quickly
but what is the TMS Web Core Marcos? TMS Web Core is
framework of a modern technology for developing applications
web clients from Delphi
using the RAD development methodology
and a component-based framework
TMS Web Core is based on Delphi code compilation
for JavaScript. Generating client applications
in the concept called Single Page Application or SPA
and then the post as I said. JavaScript application
all communication in JSON. REST Service
market web server ok
a plugin in the Delphi IDE
Pascal compiler for JavaScript with RTL and Web API
Debugging code in browser. Framework with multiple components
yeah we're saying here it's layered
JavaScript layer for the compiler
and so until you get to the larger layer of more advanced components
SPA application and HTML5 based application
component structure
Pascal code debugger in browser
is a solid and proven JavaScript compiler
Let's go here for a quick demo
time here. When you open Delphi File new
You will get in Other there
this guy here oh
There will be a wizard there for you
be able to do TMS Application
I've done here I put here due to our time here
Two Edits and a Button and a Code
simple here ok
Application has not changed anything. Nothing different
Let's compile this application here
Well we have an application
There is our application
if you hit f12
go to the debugger in google chrome
you will observe
look at that
all fully HTML. If I click one of these here
uncheck one of these options look there, change everything
In real time
Well, as I said compiler if I come here
let's compile here for example
I will click the button
I'm already doing the debug look there
here as in normal Delphi's F8
so debugging in the browser
Good is
Showing here also if you view
Like I said there is an RTL
that does all that I said
commands all the work
it's in the part here of pascal
it pre-processes your code
ok well it was just to show what gave time
Come on. What i want to do now
Now I want to take this here and put a full login screen
responsive there and with a bold layout
If you go there on the internet and put login screen will come
Two hundred options. I downloaded one over there
this one. I downloaded one here
What is this Login here
What i did here
I took all this structure from them here (Ctrl + C)
I came here
on my
example and pasted them here (Ctrl + V)
Beauty. This structure
What I need too. I also need the html code
This guy
Let's edit it here
I even edited it here to save some time this guy here
Let's copy him
and let's go here at Delphi
Let's edit it here. He comes like this
I will replace
One change I made to the html file
I put it here oh I'll put it here sorry
Here we will put here quickly
Here in this tag the same ID
name here which is login
OK
Here in the password
ID
password
Oops, I did it wrong here
Here on the button too
ID
Log in
OK. I did it here guys to have
this reference here oh
Here oh. When I go there in my edit
Now I have this option here in ElementID
Make reference of this guy
Look there Login
password
Automatic look there
and the button
Log in
There is an option here too
Right-click Manager JavaScript Library
I came here and put these options
This one
It changes here in my html
So let's compile to see how it behaved there
our example. If he already has a garment there
From a fully bootstrap login screen
responsive. Let's see
There is our screen
I can type here
Code
Rage 2019
I clicked here and it already appeared. As I said, responsive
Let's see if you're responsive
Fully responsive
For iPad
Look
Simple and fast with our friend
TMS
Web core
OK Let's go back here for presentation
So you saw that with TMS Web Core everything
is simpler is fast. My contacts are there
Any Facebook info,
Twitter and Instagram. Thank you very much
Thank you for the opportunity, presence and participation of all
See you. Take care