[MUSIC]
>> Right now what I want to do is dive a little
deeper into what we can do at Power Pages
as a professional developers.
We have a Principal PM from Power Pages,
my friend Sandeep, to show us how it's done.
>> Thank you, Greg. Hello and welcome to
the session pro development with Power Pages.
I'm Sandeep Dhanrajani Product Manager on the Power Pages team.
First about the product.
Much of Power Pages is a secure local SaaS platform
for creating external facing business websites.
You can get started quickly by creating modern sites and
customize them to your needs without code or with code.
Take some of the techniques that you'll
be seeing today in the session.
Power Pages supports website development by
fusion teams that comprise of members of all tech fluencies.
On the tech fluency spectrum if you see,
we support the needs of business users who want to create
sites in a no code visible way to the IT pros
and site admins who would want to
administer and govern their site using configuration and settings.
All the way to the other end of the spectrum,
we support the needs of
the professional web developers who
would want to extend Power Pages sites by writing
code to meet the complex business requirements
that their use cases demand.
In this diagram, I would like to summarize and
show you in a glance options
that our makers and developers
have when it comes to developing with Power Pages.
First of all, let's look at some of the low-code,
no-code options where you can get started quickly creating a site,
creating the content for your web-pages,
creating and managing your web-pages,
the sitemap, choosing of course styling themes,
configuring your authentication and authorization,
multilingual support, content, snippet, site settings, etc.
Also, you can quickly configure forms and lists over data.
Our pages does support multi-step forms as well.
Also in a role-code way,
you could be configuring your web roles
Table Permissions because Power Pages supports
the role-based access control mechanisms.
In terms of the integrations as well,
Power Pages integrates natively with
Power Virtual Agents for creating chatbots,
embedding Power BI reports,
other Microsoft products like SharePoint, Azure AD B2C,
and also you could leverage the native integration between
data verse in Power Automate to trigger actions as Cloud flows.
Now coming to the pro development options really,
pro developers can now create
custom front-end UI and code using JavaScript, HTML, CSS, etc.
They can create custom page layouts and stylesheets.
Bar pages supports Bootstrap as the styling framework,
and also create some custom data presentation.
Use bound or unbound PCF or code components
to represent or override your field controls on the forum,
use dataset controls for grids or galleries, use cases,
and also, like developers can leverage
the liquid code support that Power Pages
provides for reading data from Dataverse.
And if you have to really build complex integrations,
you would also leverage the web APIs
that Power Pages support to query your Dataverse data securely.
In this segment, last but not least,
is you can also use
the Dataverse extensibility options
in terms of plugins and processes.
And also the virtual table support,
which allows you to query data from
other sources and show them in dataverse and also in Power Pages.
Now before we see some examples for Pro-Dev extensibility,
let's take a look at first how
Power Pages promotes developer productivity.
Power Pages supports the Power Platform command line interface,
using which you can download your website code
locally and then using Visual Studio Code,
you can edit that in the VSCode itself.
But what we have recently launched,
and I'll show you just in a bit now,
is the Power Pages studio integration
with the Visual Studio code for web.
With zero install VSCode footprint,
and from the Studio itself,
you can invoke VisualStudio code for
web editor and get into editing the source code of the page,
its header, and other files.
Once done, you can save and sync all your updates.
And then you can view them within
the studio or browse them on your site real-time.
Now we'll look at some practical examples of how you can use
these tools to build rich experiences
and implement your advanced business scenarios.
Pages supports code components that allows you to create
your own reach custom controls or use some
of the out of the box reach controls.
In this example, you can actually
have a list on a Power Pages site
represented as an editable grid using
the Power Apps native editable grid control.
You can give all of
that functionality to your Power Pages site users.
You can also extend and create your own controls or use
some out-of-box controls like
niche text editor for your comments,
prompts, description, details, etc.
Another advantage of code competence is re-usability.
As you can see in this example,
a signature control built as a court component works equally
well on a Power Pages site and Power Apps Model-Driven app.
The benefit with Power Pages is
code sensibility is that developers can
use familiar languages and frameworks such as HTML,
CSS, Power Pages support pushed up like as I said before,
JavaScript, liquid templating, web APIs,
everything you should already be aware of.
Here's an example of data being read on a form.
I'll just quickly show you the code.
Here, Power Pages supports the open source
liquid templating language and gives you
objects from Dataverse that you can securely
read data from and show them on your form.
For example here we are using that to query data from Dataverse
and show it on the form section for the first name,
last name and the other user details.
While implementing form and pages
behaviors as well can easily be done here.
You can use client scripts to fill data,
show, hide fields,
make them read only,
and that's allowed on the forum or on the whole web-page as well.
Then you can always create
your own custom experiences that interact with
data in Dataverse using the web APIs that Power Pages provides.
I have to highlight that web APIs not only honor
the page role-based access control mechanism,
but also provides much granular control in terms of security.
At a record level, you can control
the permissions like create, read, update,
delete, and also you can
control the columns on which that's allowed.
Then last but not the least,
Power Pages fully supports the build and
deploy phases of a typical DevOps lifecycle.
You can source control your website,
customizations configurations, even GitHub or Azure DevOps,
and then create CICD pipelines,
which is continuous integration counters deployment pipelines
with Azure DevOps and GitHub actions to automate your builds.
Some of this information is more in
detail available on our learn documentation.
That was a quick overview about
Power Pages pro development options and I would encourage you to
deep dive into other capabilities
and Pro-Dev capabilities on our learn site.
With that, I'll hand it over to Greg for the next segment.