Connect(); 2015 Keynote Highlights

you
excited announced today that were
releasing the release candidate of the
new asp.net 5 as well as the new dotnet
core runtime there now available for you
to go ahead and take advantage of and
use they also include a go live license
and that enables you to also now start
to go into production and start deploy
relapse to real customers using all
those technologies now we've really
built up vs code to have tremendous new
capabilities and we really excited that
today's release is officially now the
Visual Studio code beta and is available
for everyone to download on any platform
and be able to use for any technology
we're going to take that open approach
one step further by officially releasing
the source code of Visual Studio as open
source as well we're actually renaming
Visual Studio online to now be called
visual studio team services and
releasing a whole bunch of great new
enhancements to it that make this the
core services even better I'm really
excited to announce today that the
release management support is available
for the first time in public preview
we're also making available for the
first time in public preview our dev
test lab support starting today we've
integrated hockey app now into visual
studio team services a hawk app it will
also continue to be available separately
just like it was previously we've got
some other great as your announcements
that we're going to be talking about who
in particular I'd really like to
highlight is the public preview of our
new Azure service fabric service the
other great announcement we have today
is that the Microsoft graph API is now
available in general availability form
today we're announcing our new visual
studio cloud subscriptions you can
basically now subscribe to visual studio
on either an annual or now also a
monthly basis in addition to obviously
continuing to purchase it the way you do
today on a perpetual license also really
excited to ants today our visual studio
dev essentials subscription on this
basically the centralized program for
everything you need from Microsoft to
create applications that run on any
device or OS visual studio team services
extensions this goes above and beyond
what you can do with sort of plumbing
and API capabilities and enables you to
integrate your user experience

Dates, Times, and Drop-Down Lists (10 of 18) Building Apps with XAML and .NET MAUI

today we're going to continue building
out the UI of our app and we're going to
look at dates and times and drop-down
[Music]
lists hi welcome to visual studio
toolbox I'm your host Robert Green and
I'm your presenter Paul sheriff and we
are continuing on in our 18p part series
on building apps with zaml and Maui and
as you may have noticed lesie is not
with us she's unable to make the second
half of the recordings so it will just
be me and Paul but since Paul's the
guest we promise it'll be just as
exciting so previously uh we looked at
switches and radio buttons and today
we're going to continue building out the
UI of our app and we're going to look at
dates and times and drop-down lists
that's right very cool stuff should be
pretty fun so so what we'll do is we'll
switch over to the screen here and we're
on our user information screen we're
going to keep adding to this screen here
I'm going to add one more additional row
and then we're going to go down here to
the bottom like we've been doing we're
just going to insert some areas here so
I'm going to
change these two rows here so we're
going scoo those down and then we're
going to add another
label and we're going to add what's
called a date picker so the date picker
as you kind of expect is one that looks
like just a regular calendar that will
pop up on the screen now this is on
windows so if you you know bring this up
on your Android or your iPhone it's
probably going to look a little
different right it might have those
little things just scroll through to
figure out date and then the uh you know
the day the date and then the year so it
might look a little bit different
depending on the operating system that
you're running on yeah because we kind
of didn't we didn't talk about the
architecture of how all this works but
basically you
write s just as you write HTML and it is
nothing more than the instructions on
the renderer some rendering engine on
how to draw a page zaml is essentially
the same thing and when you build the
application um behind the scenes Visual
Studio is building a native Windows app
a native Android app a native iOS or Mac
OS app so you're going to get the native
control so there will be differences you
just write the ex once and then
sometimes you got to wait and see what
it looks like on the actual platforms
and then you may have to adjust as
needed right so basically they're just
taking that zaml translating it to
whatever the real code is that will
actually run on iOS or Android or
whatever yeah y so all right but this is
kind of nice you know we have a little
uh date picker here so you can choose a
date and then you know of course it
updates the screen and then in a little
bit here we're going to talk about Act
doing The Binding back to a an
object all right so there's a date
picker let's now go up and add yet
another row so all I'm doing is just
changing those row that row definitions
attribute and I'm just adding on an
additional row and most of them are
going to be Auto all right if you have a
list which we'll talk about later in
this uh series we'll probably start
using the asteris to say take up the
most room for that particular list but
for now we're just going to stick with
the
auto so by adding another one that means
down here I'm going to be able to insert
right after the birth date here A Time
picker and then of course I'm going to
increase these rows here by one and now
this actually does look very similar to
what you might see on iOS or
Android this little time guy here right
so you can choose from the different
columns here you can move up up and down
and you can choose AM and PM and you can
just choose whatever time that you want
you click on the little uh check mark
there and that says accept it otherwise
if you'd made changes and everything you
canel it it just stays where it
was all right so time picker we have
date picker and then I'm sure a lot of
you have been doing development for
quite a while and so we always have some
sort of drop- down list where we want
the user to be able to choose
values so we going to give them a list
of values and they're going to choose
one so again I'm going to go back up
here go to
auto and once again we're just going to
increase everything down
here we change this one to 11 this one
to
12 like I said I really hope in the next
version they're going to give us a
little more help on that
so all right so what I'm doing in this
one is I'm adding label as you can see
here on lines 103 and
104 and then I'm using the flex layout
again so I wanted to be aity to have an
entry area and then a picker right so
now the Picker you'll notice that I'm
getting these squigglies here and the
reason why is when you add a picker and
it's got this hardcoded array you must
stop and restart in order for that to
take so if that ever happens to you
you're going to if you see those little
squigglies you just got to restart so
that squiggly is just a hot reload thing
it's nothing wrong with your code you
got it got it yeah so if you're you're
dynamically adding things you're getting
squiggles and you know that that code is
correct it probably just means you got
to do a you know the hot reload isn't
gonna be able to reload that guy so
you're gonna have to restart and then a
few episodes ago you would talked about
the difference between just writing the
straight zaml and using the property
windows so is this a perfect example of
when instead of doing picker. item
Source xarray type equal and then
wrapping all the values in strings that
you could do that more easily with the
properties
window you know I haven't tried that one
that's a really good question let's
actually go here let's bring up the
properties's window I always just write
the actually I never write hardcoded
stuff like
this um I mean but if you doing a
prototype or something you might want do
something like this right so what you're
asking really is could you come in here
and actually go into the items and add
something so I'm I'm sure you can uh
let's see if we do an ad here no see it
doesn't work on the items okay
interesting might on the item Source
let's see okay so let's see
here well I've not seen any direct way
to do it here it's just giv me an object
and the object itself isn't really going
to work for us because we need this for
okay yeah good good question though and
that that would be normally something
that I think you could do um I typically
used it like in WPF when I was building
uh menu items and things like that I
found it pretty helpful um but tell you
the truth I don't really use it a
lot pretty much stick in the zaml which
is I think what you do too sure but
that's how we grew up uh doing that's
right did we ever grow up Robert come on
no that's what we have SP our career is
doing let's put there we go that's
that's a better good
point all right so let's go back here
and so what I wanted was I wanted this
ability to have an entry screen entry
area here and so I can type in a phone
number for
instance and then I wanted to drop down
so the user could choose hey what kind
of you know phone number is this right
so is it mobile is it home is it other
and you see those values here now being
represented here in this picker or drop
down
list right yeah so and the reason I use
a flex layout is I didn't want to use I
didn't want to have to have the grid
three columns I think I mentioned this
before I find it better if you stick
with just two columns for entry screens
if you have more than you know two
things that you need go to this Flex
layout because then if if for some
reason it needs to you know wrap and I
don't think I actually put the wrap in
here on this one so we do Wrap like
so okay and then let's see direction
would be
row and that way it could push this
underneath I think that's another one of
those I got to restart but you get the
idea okay okay so anytime you have more
than one thing in that second column use
the flex layout and that's going to give
you the most flexibility and so so
basically if you narrow the
screen then instead of being off the
screen and not visible that picker would
just flip down below that phone number
okay just like these check boxes did up
here if you remember those were also
wrapped within the flex layout you can
see here yeah so I think the wrap and
the direction I think that has to be a
restart on that or could even just be a
hot reload uh I think it's a a restart
type of
situation so you just want to you know
make sure you're always putting that in
if if that's something that you need I
personally like I said never go beyond
two so I I do use this Flex layout quite
a bit
so all right let's try this out this
should actually give us what we're
looking for here oops there we go let
see mobile
one that oh oh you know what it can only
go so far see look at this it's on the
same here okay so which means that it's
determining that the minimum width is
you're fine basically because that I
mean there's no way a phone's going to
be less than about like that okay right
so so in this particular case it didn't
need it which is great but you could see
let's say if we added a little bit more
room to this right I did a minimum
request here you know if I if I move
this out a little bit maybe it will
cause it to
wrap and for some reason boy it's just
not wanting to is
it so well I I you know I think it's
just one of those things where it's
termining that hey you know what we're
fine but y we'd again have to check with
that and well main thing you try it on
your Android or your iOS and make sure
right cool all right great so there we
go date Pickers time Pickers and those
uh uh drop- down lists which is just
simply called a
picker excellent and then of course
there they come with all kinds of
properties so you can set default values
and you can that's correct absolutely so
you can see on the time I did re I did
set the default time here to 6: am y you
know you can do the same thing on the
date picker you can set the date
property and then maximum date minimum
date Etc oh yeah so if you're doing a
some type of thing where you can only
enter a date that's a week from today
you can set the minimum date to today
plus s Etc you got it and again let's
say you wanted to do something a little
more than Dynamic you don't want a
hardcoded datee in here or hardcoded
minimum and maximum date right that's
one of those times when you would name
this control yep you know the date or
whatever yes yeah because then in the
back you know in your code behind you
can actually use C to say the date. DAT
equals date time. now for instance right
you know and minimum date could be you
know today's date and maximum date could
be plus you know 30 days or something
sure so cool yeah so anytime that you
need to find yourself going to write
some code to dynamically set things like
maybe you want the time you don't want
to default it to 6: am you want it to
whatever the time is right now or the
nearest hour to that right again give it
a name and then in the code behind which
we're going to talk about little bit
more code behind here coming up that's
where you would then be able to set
those particular
values excellent y all right so what's
in our next episode so coming up next
we're gonna actually start talking about
data binding which will be great um
we're gonna kind of got a couple of uh
versions of data binding we're gonna
look at the first one is actually going
to be just kind of binding controls to
controls so like on the screen you want
this control to affect how this control
works we'll talk about that and then
we're going to talk about creating C
objects and binding those
to our UI cool can't wait all right all
right so thanks for watching and we will
see you next time on Visual Studio
[Music]
toolbox

Debugging Tips and Tricks in Visual Studio 2022

>> Hello everyone.
My name is Hashada.
And today I will be sharing some of
our recent updates in
Visual Studio Debugging
and diagnostic space.
Let's get started into the demo.
Here I have an open source
application called ShareX.
It runs on your local and let's take
screenshots on your screen
or perform different tasks.
When I was working
around this application,
I noticed a inconsistent
bug sometimes when I was
trying to launch that it's not
able to find a local path.
I started my investigation ended up
on this method for
Update Personal Path.
When the name and
the code looks like
somewhere here we're setting a path.
It is a placement breakpoint
here on-line 462.
As I mentioned, the
pair was inconsistent.
I didn't want this breakpoint
of it every time when
I run my application.
I thought, why not convert this
to a conditional break point.
I'm going to go to settings
and select conditions.
Now as you know, conditional
breakpoints are really great
if you are to be in control of
execution of your breakpoint.
You can decide when and when
not the breakpoint can fit.
But sometimes coming up with
those conditions even remembering
syntax or understanding
different options
is not always straightforward.
And that's why I'm going to
ask Copilot for a help here.
As soon as I place my cursor,
you can see Copilot works in
the background and provides me
with these three
expression suggestions
which might work for my code here.
As I'm very familiar with this code,
I'm going to go with the first one.
You can even create
your own condition if
you don't want to use
the Copilot suggestion.
These expression suggestions also
works great with
actions or trace point.
Copilot actually can suggest some of
the status messages
for your application.
I'm going to close here
and you can see now
my breakpoint point is a
conditional breakpoint here.
As you're talking about
breakpoints here,
do you guys could've had
a scenario when you are
actually debugging a
complex application or
you're debugging multiple
issues at the same time and
then you end up having this
huge list of breakpoints.
That list is definitely not very
easy to navigate or even manage.
I used to have that too.
But recently, I started
using breakpoint groups.
As you can see here in
my breakpoints window,
I already create many groups here.
Creating a group is super easy.
You can do that using this new drop
down box and select
break point group,
and moving the breakpoint
to a group is more easier.
You just need to select
drag and drop to the
breakpoint group you need.
Now, if I need to focus on
particular area of debugging,
for example, for this demo,
I'm not really interested in any of
these non-demo breakpoint list here,
I can actually disable this
whole set of breakpoints in
a single click and I can focus
an area where I need to.
In our recent preview
release that is 17.11 P2,
we added another improvement
here that is called
default Breakpoint Group.
You can select any of
the existing group and
mark the breakpoint group
as default, like this.
What it does is, after this
any of the Breakpoints
which are created,
will get automatically added here.
For example, I'm going to
place a random Breakpoint here
on-line 459 and you can
see that gets added here.
This makes it more easier to work
around Breakpoints and also
around Breakpoint groups.
Now as we have looked
into Breakpoints,
let's continue further and
see what else we have.
Another thing I wanted to show you
here is this particular method.
Looks like we are setting
up some of the tasks
which we can perform
under this application.
I was more interested to see
different values which are
coming in this variables.
Instead of havarding
over each of them,
what I can do is I can
actually havard over
this object and use
IEnumerable Visualizer.
As you can see, I can see all
the data in just single view.
If you don't know, Visual
Studio actually supports
many different types of debug
visualizers such as HTML,
JSON, XML,
DataSet and IEnumerable Visualizer.
And, we recently made all of
our [inaudible] as non modal.
What it means is that you can
keep it handing like this,
or you can actually go
to this drop down menu,
dock it as a window,
or dock it as a tabbed document.
And the best part is, you can still
interact with the
editor in the back.
I'm going to comment out
this particular item here.
Continue my debugging and you can
see the real time change here.
You can actually also use
multiple types of visualizers
at the same time.
You can have a Text Visualizer
and IEnumerable Visualizer
open at the same time.
Maybe even the different screens
and it will still work fine.
Again, in our recent preview
release that is 17.11 P2,
we added another handy feature
and that is this
expressions textbox here.
This expression textbox,
let's write your own link
queries to filter on data.
Now I have a very small data here,
but imagine in the data with
hundreds and thousands of rows.
Having your own query
will make it super
easy to filter out on
the way you want to.
I'm going to write a
very simple link query
here or link expression
here to filter out my data.
As soon as I hit
enter you can see it
automatically filters out
the data however I want it.
That's what I have for today.
There are many other
Copilot assisted features
which we released
recently in our 17.10 GA.
If you haven't already,
please check out
our GA blog and learn more
about exception assistance,
deadlock detection and
profiler auto in sites.
Thank you. Thank you for joining

CMake Debugger

hi everyone today I'm going to show you
an exciting new feature in visual studio
for your cmic development my name is
Tina bakunja and I'm a product manager
here on the C plus plus team at
Microsoft focusing on cmake and
cross-platform development we have a new
cmake debugger integrated into Visual
Studio that allows you to debug your
cmic scripts and your cmake list.txt
files let's take a look at how it works
in Visual Studio
alright so now I'm in visual studio and
I have a cmake project open there's a
few different ways I can access the cmic
debugger from this point the first is I
can navigate to the project drop down
and select configure my project with
Scenic debugger this will spin up the
cmake debugger for this project
the next is I can also right-click any
of my cmake list.txt files in the
solution Explorer and the same option
will populate to open the cmake debugger
also if cmic cash generation fails for
any reason there will be a notification
that populates in the solution Explorer
to debug your project with the cmake
debugger
alright so now let's take a look at the
scenic debugger in action what I'll do
is open the cmakelist.txt file that I
want to debug I'm going to open the C
link list of txt file under the test sub
folder in this case
this file includes all of my testing
logic
I can start by setting a breakpoint for
my debugger on a line number and then
running the cmic debugger from the
project drop down
okay I can see that the IDE has entered
the debugging state in the locals window
I can see the state of the target I
defined under the added executable
command called test instant savior
I can expand to see more information
about this target like that it is using
ninja to generate and then I can scroll
down to verify that the source of this
target is set up properly
now let's watch the first test called
test one and step through the debugger
line by line I can step through this
code like any other debugger in Visual
Studio
I can now view the properties for this
first test that was set called pass
regular expression this can be super
useful as you get into larger cmic
projects as you can view all the state
of these types of variables at a given
point in time
as you can see in the locals window I
can also expand and view the state of
all of my cmake cache variables as I
step through code
I can set watches on variables by
right-clicking and selecting ad watch
these variables will now be watched in
the watch window
you can also navigate over to exception
settings and see the different C make
specific exceptions that you can set
your code to break on for example I'll
set a breakpoint on any warning that is
thrown and you'll see as I click through
my debugger and step through my code
that it will break on the first warning
message
this can be toggled to any other kinds
of Errors you see as well
all right so what do you think the cmake
debugger can allow a lot of insights
into your cmake projects at configure
time and works like any other debugger
would in Visual Studio as you could see
download the latest version of Visual
Studio play around with the cmic
debugger and please let us know your
thoughts we hope this helps you with
your cmake workflows and makes them a
lot more efficient also be sure to check
out the pure virtual C plus conference
on June 6th for more C plus plus content