Welcome back to another developer, Fundamentals Video, and you know who we haven't seen in a while,
my friend Jean-Claude Van Damme.
How are you doing these days, John?
All right, so what is this developer fundamental that we're going to teach?
Well, I have over here animatics, and this is another case file that we can download to animate things,
so all I need to do is click download and Amdocs and I have the case file.
Download it for me.
So let's open that up.
You'll see over here that, yeah, this is a massive txt file that I just downloaded and this is how
bootstrap that we've seen in previous videos works, they're essentially providing a access file for
us with all these properties already preset.
And we also have all the classes that we need to use them.
So let's say I wanted to use this and I'm just going to copy this for now and I have an empty website
and I'm just going to copy and paste this txt for us.
Just think about how powerful that is, we're able to not start from scratch, but use what other people
have created to make our Web sites faster.
To show you this, let's open up this file so into our browser.
OK, it's completely empty, and let's just have a header, one that says Animate me.
I'm going to save and refresh.
And looking at animated, I can add the let's add bounce to our header.
All we need to do is click on something like this on GitHub and it will explain for us what we can add
and I'll just save you the trouble of reading.
But all we need to do is this copy and add the class.
Animated and then whatever animation we want.
And this library, that's how it works, you just need to stay a class.
And type animated first and then any of the actions that were provided on the website, so in our case
there was infinite bounce.
Save and refresh and, well, we have a link to our stylesheet here, so let's do that.
And we should be really good at this by now, because we've done it plenty of times, save and refresh.
A header is now animated.
Let's see what else we can do with this.
We can do Gelo.
Actually, let's do something more exciting, maybe flip.
Well, I like that one.
OK, so we want to do flip.
We can type in flip and refresh here.
Let's do that Infinite Jest so we can see it.
Woo!
There you go.
I'm going to stop that because that's going to get us dizzy or fresh.
There you go.
Now, the fundamental here that I want to show you is that when we're building websites, it is very
rare that we build something from scratch.
Most of the time you want to build on top of something that has already been created.
Otherwise, the whole environment of being a developer would be very, very tedious.
How much of a waste is it if somebody has already created a solution that you need?
So as a developer, you want to be efficient with your time and your limited resources, so you want
to find things like bootstrap or even animatics if they solve your certain problems.
And that is true for success as well as JavaScript.
When we get into it, you want to find solutions that already exist.
And only if they don't exist already, then you can implement your own.
Finally, I wanted to show you one other tool, and that is creative, Tim.
So if you click on Creative Tim.
They create bootstrap themes, they're using the bootstrap toolkit to build their own styles and their
own little customized actions to make it even better.
So if I go to Catagories over here and we'll do UI kits, you'll see over here that they have all these
things that we can use.
So if we click on paper kit to let's find a free one.
Actually if I click on.
Price low to high.
There you go.
We have the get shit done and we also have people get to so if I click on this and I'm going to make
this full screen.
This allows us to build something like this very, very easily with their own custom design.
And all we need to do is do a free download.
And you'll see that when we download this.
We have all the files that we need and let's open it up.
Look at that, we have this website that just like.
Bootstrap, we can use these buttons and these different styles and navigation progress, bars and forms
and everything that you need, and because we know now how HTML files and access files work, we can
actually start customizing this and we can open up an index file and start editing.
Or if we go into assets and success, we can start adding our own access values to it.
And you'll see a lot of developers that do this exactly, they're freelancers and people need just websites
built and they're able to build websites really, really fast by using something like Creative Tim,
because as you can see, they've already build really nice looking components for you.
There's paid ones that you can get, and that is one avenue that you can go.
But I do argue that these type of websites can only take you so far and in order to build real applications,
real complex applications and and even garner higher salaries and make your skills really valuable,
we need to learn JavaScript and we need to become better than just using templates and access.
And that's what we're going to get into the next section.
That is JavaScript.
That is when the real power comes.
I'll see you on that one.
Bye bye.