March 28, 2020
UX Design and Code Generation for Angular Apps

UX Design and Code Generation for Angular Apps


>>On today’s Visual Studio toolbox, Jason is going to show us a tool that gives you
the ability to create really good looking angular
apps and then he’s going to generate all the code
necessary to make those apps real.>>[MUSIC]>>Hi, welcome to
Visual Studio Toolbox. I’m your host Robert Green
and joining me Today is Jason Beres from Infragistics.>>How are you doing Robert?>>Hey Jason?>>How are you doing?>>Welcome back to the show.>>Yes. Thank you. Good to be here.>>It’s been a very long time.>>Too long.>>Since we were together.>>Yes.>>So, we’re going to talk
about UI design today.>>Yeah.>>Alright. So, if you think about the things that go into building an app there’s
obviously the code.>>Yes.>>We’re all good coders
and we all know how to become better coders, right?>>Yeah.>>You practice, you read up, you’ll watch other people and learn.>>Yeah.>>Pretty straightforward on
how to be a better coder.>>Yes.>>There’s practices
like DevOps and testing and what not and it’s straightforward
how you get better at that. We’ve done a bunch of
episodes on that recently. But the one thing that we all, I’m going to be polite could
get better at, is UI design.>>For sure.>>It is not at all clear, how you start getting better at that.>>Yeah.>>We can look at people
who are really good at it, we can look at apps in
the store that are beautiful and in all likelihood it wasn’t a developer who designed it. Right?>>Correct.>>Because developers can’t design.>>That’s true.>>There is some designer
who did that.>>Yeah.>>Not all of us are in
a position of being able to go hire a professional designer.>>That’s correct.>>So, as developers, how can we get better at design?
You’re going to tell us.>>Yeah. I’m going to talk
a little bit about that today, like Infragistics has several areas where we help developers
be better at design. Today, we’re going to look at one specific product that we released this year
called Indigo design. The nice thing is, it starts with
a design tool called sketch. Sketch allows you to create user interfaces and
normally at that point, a designer or a developer
would like get approval on them and then they’re like,
“Okay, what do I do next?>>Yeah.>>Do I have to go write the code?>>Right.>>So, we’ve done some tooling with Visual Studio Code and the cloud to help get code from those designs
which is pretty sweet. Some other areas around WPF,
Xamarin, Windows Forms, we do a lot of plugins
into Visual Studio that help developers make
things look prettier. So, there’s a lot of
like pre-built apps, a lot of control configurators
and things like that. But when we start talking about
this really high fidelity design, you almost need
that high fidelity tool which is sketch, which does, and if you’re not
familiar with sketch, it’s sort of like Adobe Photoshop or any graphic tools or
vector graphics tools. So, you can basically do
what you want with that. What we’ve done, is we’ve taken
our web product in angular product and we’ve created UI
kits and sketch and married the widgets
with the design tool. So, that means anything you
design in the design tool, we can successfully
generate code with that.>>Okay.>>That’s the whole point.>>Cool. So, again
this is for Angular?>>Yeah.>>Today?>>Yeah.>>Then there will
be additional areas.>>Yeah. On our backlog we
have a pretty rich backlog. With this we’re getting
a lot of feedback. We started with Angular because there was a lot of customer demand on net new Angular and there
was a lot of rush to like, “I’m going to move
from desktop to web.”>>Yeah.>>Which is fairly complex because a lot of developers don’t know how to build Angular apps.
They’re coming from [inaudible] .>>That’s why you need to learn.>>Yeah.>>You need to learn
the whole web stack HTML, JavaScript, TypeScript,
Angular as a framework.>>Yes.>>Then, you know.>>Make it look good.>>How do you make it look good. It was pretty easy to
create the first Win form. You just drag and drop. Right? Pretty easy to
create your first WPF. You type a few things,
you drag and drop.>>Yeah.>>But then it looks
battleship gray. Right?>>Yeah.>>So, it’s just
another thing to learn.>>Yeah and we do want to
support other platforms. So, for example react
will come later. We’ve had requests for
things like Xamarin, for mobile platforms, WPF we
talked about a little earlier. I’m not sure if we would do
the whole Wizzy Wig in WPF, but we have tossed around the idea of doing like resource dictionaries because a lot of the battle in WPF is you want
a very branded experience.>>Right.>>That’s difficult to do easily. Like I want to say, take
this beautiful design, give me the resource dictionary so I can style my entire application. So, that is something we could also do with the tooling and sketch.>>Cool.>>But why don’t we go through
a little example of how this works.>>Yeah, let’s do that.>>Cool. So, okay see my
screen up there and basically->>Sign up for free.>>Yes.>>I like free. But then it says
how to buy. Now I’m confused.>>So, there’s a free version
and then there’s a paid version.>>Okay.>>Pretty much obviously
there’s a trial version. So, you can try this thing
out for 30 days. But the nice thing about
the paid version is that, you not only get the design tools, but you get our UI controls as well.>>Okay.>>So, the UI components would
normally be a whole another price. Now, those are open-source for non-commercial and education uses
while they’re up on npm, super easy to get started
with that product as well. But yeah, so, what I’m going to
show you today pretty much you can just sign up for
free and go to town. You can do exactly
what I’m going to do today on your own computer.>>Alright. Let’s see it.>>What I’ll do first
is just scroll through this web page really quick because
there’s three parts to this. It’ll clarify for the viewers. The first pieces around sketch. So, you need to design
the app in Sketch. You’re doing that with the UI.>>Is sketch a separate product?>>Sketch is a separate product.>>Okay.>>So, the reason sketch is
taken off in the market, is because it’s 99 bucks
and you can use it forever.>>Okay.>>Whereas Adobe’s a little bit more expensive and you get
a bunch of other stuff. Sketch is really like taking the world by storm in
the last few years. It’s pretty amazing. So, yeah. We’ve created these UI kits and sketch that map to
our angular widgets. Then the next part is we
have a Cloud Service. In the cloud services, where you get usability studies in
collaboration with stakeholders.>>Okay.>>So, the big thing is, I can design something
that looks good. But do I know- Will I know
if it works with my users? So, that’s where the usability
studies come into play and I’m going to show you how to
create a usability study today.>>Okay.>>That goes up in the cloud and then finally our Visual Studio part where we have this cool plug in, which links up to
the cloud and you pick what screens you want to
generate and it splits them out.>>Cool.>>Yeah. So, there’s
a little bit of code you have to write but you’ll see
that it’s not so bad. Then everything that
we’re going to do today, you can just download right
from the app gallery here. So, what I’ll do first
is bring up sketch. This is one of the pre-built apps
that we ship with the product. So, we have a Budget App,
and a People App and then your prototypical
iPad/Desktop web or mobile app. They have like
maybe three to five screens. There’s not a ton of stuff going on. It’s more of these point focused
apps that you see today. But the nice thing about this, is once you install the UI kits and if you’re
not familiar with sketch, the way you install a UI kit, is basically you go to your plug ins and- actually we have a plug
in too, I’ll show you real quick. But we have these libraries
here and you’ll see we have three libraries
that begin with Indigo.>>Okay.>>We have components,
patterns and styling. So, all of the patterns that map to the widgets we ship and then we’ve built a bunch of UX patterns
like login screens, like, news feeds and
things like that. So, the developer or
the designer doesn’t have to think about how do I cobble
these things together? I just want to drag this onto
the forum and get started.>>Right. You want a log
in screen that looks like every other log in screen that
people are used to using.>>Yes.>>But why should you have
to create it yourself?>>Exactly. Then we have styling
and the nice thing about styling, is that the styling library is inherited by everything
else that we ship. Which means if you
customize the styling, which is all the colors, all the fonts, that can be your custom brand and then
everything magically changes. So, this is where it
gets really cool. If you’re a developer, you can figure this thing
out in no time. If you’re a designer, you’re
already familiar with sketch.>>Right?>>So, it’s not that big of a deal.>>Okay.>>Then we have a plug-in too which allows you to sync with the cloud. So, I’ll walk through
how that works as well.>>Okay.>>What I want to show first is, if in Sketch basically you
don’t have this toolbox, like on Visual Studio
which is a right-click, essentially you have
a dropdown which is where you take your symbols and you
drag them onto the screen. So, we’ve got our patterns here
which is what I mentioned. We’ve got different avatars and different preset styles with avatars, different checkbox groups,
detailed forms, file upload et cetera. Data grids of course, charts and things like that. So, those are all preset patterns that you can just drag
and drop and then the components is
a much broader list but even if the components have a bunch
of preset configuration. So, you don’t really necessarily have to think about how all this works, you can just drag and drop
these onto the screen. They’re more or less done and you can then see how they
look when you generate the code.>>Okay.>>Now what we’ve done, which is
unique to the sketch UI kits, is we’ve actually created
overrides on these libraries, we sort of mapped to properties
that are in the UI components. So, in your typical on
the right-hand side here and sketch, these are your typical properties
that you would get. So, it’s basically has to do
with positioning and layout. There’s not much more else than that. But if I look at something
a little bit richer here, I’ll zoom in this grid down here, and this budget management screen, and we’ll take a look at what’s
going on with this budget screen. On the right-hand side you’ve
got all of the symbols that make up this screen
and how it would look. Almost in Visual Studio, it’s just rearranged
a little bit differently. But you’ll notice that
this says IGX grid and there’s this like little
red X next to it. IGX actually the name
of our Angular widget. So, what happens is sketch
is a file format and we parsed this file and we’re looking for things in there that say, “Hey, this is something
that we should care about. Let’s go generate
some code on this thing.”>>Okay. Then we decipher all the
styling and things like that. What ends up happening is as we click on these individual elements, you’ll notice on the right-hand side, we’ve got this override section. Then the override is where
you can actually either swap out the components or change
the styling, change the colors. So, we’ve actually added
all those properties to the UI kits, sketch reads it and puts it
into the layout nice and easy. Some other neat things here
that are happening if I click on a specific cell
inside of the grid, you’ll notice on the right-hand side, I’ve got a data property. So, what we’re doing is, is not the perfect way to work but if you’re a developer
it makes perfect sense, if you’re a pure designer and you’re not used to this stuff,
you might not know. But we allow you to set events and data properties right
in the sketch file. So, what that means is
when I generate the code, it’ll just magically data bind. So, if I have data in my app, and I have like in this case it’s
going to be called budget data, and budget data has
a property called budget, we’ve got a property called
amount down here, oops! Let me cancel that. We’ve
got amount, et cetera. All of that will just flow
through into my generated code.>>Okay.>>So, it ends up being
actually pretty sweet. All right. So, essentially, I would Wizzy Wig this drag and drop. This screen is already
done for the sake of time, it’s probably better to
use a preset screen here, but it does show
a few things and this is why it’s going to be pretty cool
especially for a developer. It’s going to be responsive, it has a bunch of different
widgets on it and it has data. This is really where you
want to get started.>>Do we have time to do a very quick brand new screen
but in a text box, “click” the button with text box says something
or button and a label?>>Yeah. We could actually
add an art board here.>>Yeah.>>Let’s do that. So,
let’s add an art board here and I’m not a sketch expert so.>>That’s fine.>>But let’s move this out
of the way a little bit. But here, if I move
this art board over, basically what happens in sketches, you’re working with art boards.>>Okay.>>Now, I’m going to drop
this down and I can go to a pattern for example or components. So I can grab like
a horizontal calendar component, and it drags out to the screen.>>Got it. Okay.>>So, this is how you start
coupling together screens. Now, the way this works as well, and keep in mind when I said that the properties that we’re getting from sketch are basically
around alignment. A lot of the alignment
becomes important because when you’re doing
a responsive design, you want to be able to ensure that when the screen resizes,
the alignments correct. It’s almost identical to the way
it works in Visual Studio, with Windows phones, with the WPF. You’re setting Dr. Right,
Dr. Left stay on the top, pinned to the bottom.
It’s exactly the same.>>Okay.>>So, yeah. We would just
go through this process and start adding UI widgets, we could change colors, we could change controls. So, like I said earlier, I can go ahead and
start changing colors. I can change the font elevations. I can do whatever I want
with these properties.>>Yeah.>>So now, let’s say I’m
all happy with this. Life is good, I’m ready to go. I want to either do
some usability work with this or get it to my developer
to write some code. So, we have the plug-in up here, and I can sync this with the Cloud. So, I’m going to go ahead and click “Publish” and our plugin will pop up and I think I’m logged
in. Yeah. I’m logged in. Now the nice thing about this plugin
is it will actually let me decide what type of form factor
I want to display this in, and in this case I’m
going to do iPad. Up in the Cloud, we have
different workspaces. So, in this case, I’m going to
put it in my personal workspace, but the way this works is, you work with teams on projects. So, if I’m a UX team, a lot
of times in the enterprise, the UX team is shared amongst
a bunch of different teams. So, they might have
different workspaces. So, I’m going to put this
in my personal workspace, and I’m going to go ahead
and click “Publish.” So now, this is jumping
up to the Cloud, and this might take a second or two. While that’s happening,
I’ll go ahead and open up the browser and I’ll show you
what the Cloud looks like. So here, we’re going to go to cloud.Indigo design
and this is where, if I click on the login, it would basically allow me to
login and take me right to here. So what happens is, in fact there’s the budgeting app, it’s already started to upload. But what happens is it brings me to my own little like
workspace here and in my workspace I have all of the prototypes that
I’ve been working on. From here, I can do things
like if I select this guy, I can edit this prototype
and it’s going to render all the screens
and the nice thing is, it’s actually, if I select this highlight UI
elements on the bottom, it’s actually telling me all of the UI elements that
were in the sketch file. So, it knows that these are widgets
that I can now co-generate, which is actually pretty sweet. The other thing this does is, if you remember in that sketch file, there was a bunch of arrows
flying all over the place.>>Yeah.>>That’s navigation. So,
this tool can actually add the navigation or will suck it
in from the sketch file as well. So like, if I click
this little guy here, it’s going to go to
this screen on a tap fade, but maybe I want to do it on
a flip or something like that. So you can set these properties, because the whole idea here is, I want to be able to create this screen and I’m going to set this guy’s my home,
his area as my home. I want to create all these screens. I want to be able to run this
application and do things with it without having to write any code.>>Yeah.>>So, at this point, I can
actually share this with you on your iPad and
you can go through it, and if you don’t like something, you can actually add
comments to and say, “Hey, this doesn’t make
sense or whatever.”>>Then when you get
to a design you like, you actually have
the ability to deliver it?>>Yes.>>Because you’re going to
bang up to code for me.>>So, this is what’s
going to happen now. I’m going to Visual Studio
Code and what I have here is, I have an app or an Angular app, I did NG new and it
created this Angular app, and what I did to it
is I added some data. So, when your typical application, you’ve got your guys working on data, people working on the UI or
a lot of guys are full stack. But anyway, for
the purpose of this demo, I have data in my app. So what I want to do
is, I want to generate that main budget screen that we saw. So, what I do in
Visual Studio Code is, I do my Command Shift P, and I bring up the Indigo
design code generator. So, this is our plugin. Now, what the plugin will do, is it will give me a list
of prototypes that I have up in the Cloud
already or I can just paste the URL of the one
that I was just working on. So, I’m going to grab, actually
let me do this. Close this out. Let me go back to the Cloud
here and I’ll just show you real quick how you get that URL. Let’s say “don’t publish”. So, I’m back here, I’ve
got this little link. I’m going to do a control C.
This URL is like I could email to you so you can run this prototype or I can use it to actually
generate the code. So now, if I bring up
my code generator again, I’m going to paste this in, hit “Enter” and it’s
going to do the same.>>Is there a way to do this
from the local version? Or does it always have
to be in the Cloud?>>Right now it’s in the Cloud.>>Okay.>>So, we just shipped
this piece in June, like end of June. We’re actually looking,
because we have an on-premise version of this
and we have a Cloud version. So, we’re looking to get all of
this working locally as well. So, you don’t have to
always have the Cloud.>>Right, I’m on an airplane, I don’t really feel like
paying 30 bucks for Gogo.>>The issue is that we want-.>>That’s a hypothesis of course. I’m always happy to pay that.>>Well, it was 25.99
this morning on my way from Vegas. That was Alaska Air. But this is the issue, is that, we want you to be able to
do this without a Mac, because sketch is a Mac app. Right? So, if you want
to do this on a PC, you need to somehow parse
that sketch file and sketch has these command line tools that
allow us to do that in the Cloud.>>Okay.>>So, there’s a little bit
of complication there, but we’re working on some things
now which are completely removing the need to use
a Mac for using sketch.>>Okay.>>So stay tuned for that.>>That’s good to know.>>Maybe early Q1 will
be talking about that. But anyway, this is
actually pretty sweet. What this does is it brings me
all the same screens that I had earlier and I have
the same experience as I hover. You can see on the right-hand side, it’s showing me these areas
that are in the screen. Now, I want to create
this budget screen. The budget screen, the way
we’ve done this is because it’s angular just like if it was
WPF or any other product, you would have your own class, files, you would also have
your module names, you would have your dataset names. So, you can customize
whatever you want from here.>>Okay.>>We’re going to pull things
in from the sketch file. So, if you recall the data source, was called budget data.>>Yeah.>>It just brings it right in. The name of the module is Test Module and the name of
the screen was Budget Screen. We also allow you to change
a few other things in the co-generation settings like how your [inaudible] work and
all this other stuff, we’re not going to
mess with any of that. I’m just going to go ahead and
click “Generate Code Access.” So, what this does now is it just takes a simple JSON file
up to the Cloud and says, “Hey, here’s what they asked for. Now, bring me down my code.” So now, we’re actually adding
the code, you’ll notice here, this folder just appeared and now I’ve got all this code
that was just generated. So, I’ll format this document
and you can see that this was the grid that was in sketch. If you recall, when I showed you
the cell of field names they all came across as well as
the name of the dataset.>>Right.>>So, budget data is
already in my application. So, this just brings it
all up and then here’s all of the other UI that’s
on this screen.>>I think that’s just so cool because there are some [inaudible]
sketch works on a Mac. But if you think about
the onetime investment in buying a Mac, right? Now, what you’re going to
get is the ability to pretty quickly and obviously
there’s a learning curve, but reasonably quickly
put together a screen->>Yeah.>>-show it to people
and then generate that exact same screen, right? You’ve got the colors, the padding, the height 184 PX.>>Everything. It’s pixel perfect.>>Right, and you’re literally
delivering what you showed them. So, for a modest in
the grand scheme of things a modest upfront cost,
this is tremendous.>>Well, here’s the cool thing. The designers already
have Macs, right?>>Yeah.>>So, the developers,
they need a browser.>>A lot of developers
have Macs these days.>>Wow. I go to these conferences now and all the rock stars
are using Macs.>>Right.>>Like so, I want to
be like those guys. So, I’m going to go buy a Mac.>>I have one. Even I have one. It’s not just the rock stars.>>Why didn’t you tell
me that before then.>>I have one.>>So, now let me
open up the browser. I can’t believe it and
tell me, you get a math. So now, this one’s running
at local host 4,200 and so this was the screen. Now, there’s no data here, right?>>Right.>>So, if you remember earlier I said that you might have to
write a little bit of code. So, what we do though is
we help you along the way. If I go to the actual code behind, the type script for this, we’ve actually added the import
statement for you because we read the sketch file and we
know and we’re going to assume that there is
something called budget data, because that’s what you called it. We also know that you’re going
to want an instance of that, so we have added that code for
you in the code generator. The only thing we
don’t do is actually fill that object up to populate it. So, here we’ll just tell it to
do a new instance of that guy, and there we go. We’ll just call it
populate and we’re done. We’ll save this out and now we’ll go back and magically,
everything shows up. In the sketch file, we actually use, we read the glyphs in the header
and based on what the glyph is, we will do something
like this which is essentially add a filter dialog. So when we look at this guy here, if we zoom in a little bit again, you’ll notice that there’s
a glyph here and that is going to make this a filter UI, because that’s what that
means to this design.>>Right.>>So essentially, this was a whirlwind tour of
how you can go from design to the cloud to code
and it is pixel-perfect.>>Awesome.>>Yeah.>>That’s tremendous.>>Where it’s like.>>So, how much of what you showed, so far, is in the free version?>>So the UI kits are free forever, so you can design with free forever. The co-generator is not
in the free version, it’s a trial version and the cloud stuff is in
the free version as well.>>Okay.>>So, everything in
the cloud is in the UI kit. So what that helps is if you are a design team and let’s
say you have a bureau, an agency and you have a bunch of
customers and your customers are buying our products but you’re
just kind of the designers, like we don’t want to buy the product because you’re not
doing anything else. So, with this product, you get all the design
stuff; the UI kits, all the cloud stuff, all
the usability, studies, collaboration, plus all
of our Angular widgets. So if you’re familiar with
Infragistics like our WPF, a Windows Forms products.>>Oh, who isn’t.>>Yes, exactly. The Angular stuff is
basically the same thing.>>I know, the episode we did on
the controls was many years ago.>>We did something at
build like five years ago.>>Yeah.>>Yeah, it was a lot of fun. But yeah, so you can try
it today if you just go to infragistics.com or Indigo.Design. Everything’s there
for you to test out.>>Fantastic.>>Yeah.>>That’s awesome. Then, if
you’re not doing Angular, then you’d stay tuned and impatiently wait for
you guys to extend that.>>Yeah, and we’re actively, we are racing to other platforms and racing to remove
the Mac on restriction. So we have many people
working on that right now.>>Okay.>>It’s a big party for us.>>I mean I understand why you
would do it for places where people are greenfield like there
are a lot of people getting started with
Angular and a lot of people who are getting
started with Xamarin. There aren’t as many people
necessarily getting started with WPF. There’s a lot of existing apps
but it’s going to be way harder to redesign an existing app
that already has UI written, already has code written. It needs to start from
scratch here, right?>>Yes.>>Here, you sketch it out, you generate, there’s your app.>>Yeah.>>You tweak, right?>>Yes.>>But obviously, the business
logic you have to write yourself.>>Yeah.>>That’s fine, but the UI, you wouldn’t necessarily
even have to ever code.>>Right.>>You just go back into the sketch, and move things around.>>That’s what happens.>>That way.>>Yes.>>Yeah.>>Yeah, that’s what happens.>>I would love to see
a Xamarin version.>>Like I said, we’re
racing to other platforms.>>Okay.>>But the big thing for us, I think from the
developer perspective, is removing the sketch dependence.>>Yes.>>That’s really, once we
do that and I can have my PC here or whatever computer
and I don’t need the Mac, it would really open it up
and so we’re going to do. We’re doing that first,
we’re actually kind of doing that a little further ahead
of some other platforms, but Q1 maybe next year, maybe around the build time frame.>>I know it’s easy for me
to say because it’s not my money but if you think
about it, you buy a Mac. Even if you buy it yourself, a couple grand, 1,500 bucks. I don’t know how expensive
a Mac you have to buy, but let’s say it’s
a couple grand, right?>>Two grand.>>Okay, do not have
to hire a designer.>>Of the ROI.>>They’ll charge you
more than two grand.>>Yeah, the ROI is huge.>>To be able to deliver these apps, your bonus is probably going to be more than two grands because
you’re now such a rock star. It actually probably could pay for itself even if you have to
show out from your own pocket.>>The fact that.>>Easy for me to tell other people
what to do with their money.>>But you’re exactly right. This is wizzy wigging.>>Yeah.>>A beautiful experience
that will be pixel perfect. So the ROI is huge. Like 48 percent of development apps
is spent on the UI.>>Right.>>Then, 80 percent of maintenance downstream
is based on UI mess ups.>>That’s business opportunity. If you’ve got good at this, because you could be
an independent designer working with developers and especially
if you know Angular, you can talk the developer talk just to the design aspect for this.>>Well, that’s why that
whole part of the product.>>Really opens up
a lot of opportunities.>>Yeah, that part of
the product is free with the UI kits at the design piece
because that is exactly it. Robert, you want to just
design apps, right?>>Yeah.>>You’re going to get hired
out by these big companies. Just like here, I share in
this workspace in the cloud. You guys have license, go grab it. Then you’re done, your work is
done but they save all that time. If you think about it, going
back to this code, this CSS is.>>Yeah, how long would it take
you to learn how to do that?>>Just forget about it.>>Yeah.>>You’re never going to do it.>>Exactly.>>Then one last thing
I’ll just highlight is we do have tons of
videos and tons of that.>>Okay.>>So, even if you are like, hey, I don’t know anything about anything, we’ve got like these video
tutorials that will walk you through every aspect
of being a designer, figuring out how to do the code
and then by each component, we’ve drilled down and we go
through every single component, how to style it and then what
the code would look like. So we’re really trying
to be proactive about the documentation so you can be
successful with the product.>>Cool. That’s awesome. Thanks for showing us this.>>Thank you Robert.>>All right, I hope you
enjoyed that and we will see you next time on
Visual Studio Toolbox.>>Thank you.

8 thoughts on “UX Design and Code Generation for Angular Apps

  1. I don't think this helps a developer be a better designer, design decisions are not about the tools, a good designer can sketch a good design on paper, this is like bootstrap, gives developers the illusion that they are good front end developers 🙂

  2. that is really awesome , you solved my main issue . and hope to see more components and designs regarding Angular . now its worth to get the kit

  3. are you using Ignite UI for Angular? or other product because I found many products and not sure which one he used in the video , interested only in Angular

Leave a Reply

Your email address will not be published. Required fields are marked *