All language subtitles for 1. Dev Environment

Hello, welcome in the first practical, a lecturer in these violence.

We all set up our development and environment and it will initialize our project so without any further

waiting.

Let's start open the new tab in your browser, and let's start here for a Node.js.

So the first thing we need to install is a notice, and I am pretty sure that almost all of you have

already Node.js.

OK, so let's start here for a node Node.js on the right and the Latin side.

OK, so the website Node.js or Oracle and you will go for the LDS version of please, not a current

one by the elty as well.

So sixteen point thirteen point two LDS, you can just click Add data will open the installation, you

will choose the folder and save it.

It's a very, very simple installation.

You just need to follow the installation wizard.

OK, so when this is done, we can go and it can open Adami else.

OK, so please open your terminals if you if you're on a mic as you can open your terminal like this,

or I can just type the terminal and open it.

If you are on a Windows Place, open a PowerShell.

You should already have a PowerShell in the Windows, though the latest versions.

OK, so let's open the PowerShell if you're on a windows, if for some reason you don't have a PowerShell.

No worries.

You can also install this package.

I'll show you it's called C MDR.

OK, it's a ghost console like emulators, so you can use the same commands as Adobe using CMD, a console

emulator.

OK, so portable console emulator for windows, but preferably please go.

It does seem there.

OK.

All right, so take a look at these no charges already downloaded so they can install it, let's click

on the notice and we'll follow the installations.

Let's continue continue and that's going to be basically it.

So let's click here at Gallery in Stella.

Little there, my password, and then I click here, install software.

It's very simple installation.

And after that, you should have an address on your computer.

OK, so just few more moments after that, they'll go to our terminals and I try a couple of commands.

OK.

So now open your terminal, al-azm it in for you, and let's say there are no that review, OK?

They should list your version of A.j.'s.

OK, so currently, what we have installed is a sixteen point thirteen point two.

We don't know, too, because the environment we can execute JavaScript locally on our computers and

also we can install the remote packages and we will use it to install the will to use it for the installation

of a SQLite.

And the is just a view command line interface that's going to help us to initialize our projects.

And we will be actually using a node for installations or downloading of that project.

But they will be using npm, which is a node package manager in the part of the notes of any built right

here and IPM 2b.

You should see also npm version, which comes with a not OK that they have this that we need to install

a valve morphing.

So let's open your browser as one more your new tabs, bungler type.

And let's start here for Vue Seelye.

If you click like this and you should see here, see a light dot view.

JS Oracle, let's click here.

OK.

And after that, let's click here to get started.

OK, here they get some of the guy to the Ireland interest.

They came into this villa go straight away into the installation steps and installations.

They're not here.

We need to go, I guess, to creating a project.

OK, they're assuming here that the elderly have UCLA installed.

Let's go to the installation in the end.

The installation tap on the left and here what we are looking for.

We want to install this view.

UCLA.

OK, so let's go this comment and paleontology at side of view slash UCLA Alex copy.

Let's copy this comment.

Let's go to our terminals and let's pass it here.

OK, so this and maybe then you are on mega machines or Unix like machines you need to prefix to be

this pseudo command so that this will ask you for your password on your computers.

So if you if there will be some errors in the installation, keep in mind that if you are on a Mac OS,

you need to maybe provide a pseudo command in front of it.

OK?

Because it's a global installation.

OK, let's press enter, this will install the UCLA after this now we can initialize our projects,

or let's take a look at the.

Let's go back to, uh, to our Seelye website and to let's take a look at how we can create a new project

here.

Create creating a project.

Here is a comment which will be available to you.

View space.

Create space and a name of the project, which will be our project.

OK, I will take a look at the terminal.

This can take some, uh, time.

I will show you a few things that you can do in your terminal.

You can, for example, open a new tap in the terminal.

You can open the new tap in the terminal by typing Command D or a controller to open a new tap in my

current home folder in in the Mac OS, it looks like it is in a folder.

OK, so that's my main folder.

If you are a windows, maybe you should see.

Here are some C folder program files and so on your already February release, but you can do here.

You, of course, can list all of the files in the folder as you can see them by command.

Else but else and you can see the current folder and, uh, going folders in that directory.

OK, then you want to navigate to some folder who doesn't override the command?

See the for a change directory space.

Name of a project or a file or a folder like two, I should say.

So let's go to the folder you then me projects.

OK, here it is.

You got me projects.

I can type here.

It manually double world warrant, but if I will type a tap out to feel for, maybe there is such a

folder starting with Udemy.

OK, so then I will press a tap.

It will feel for me.

I can go to the Udemy project and now I mean, you do the Project LS Command to list all of the folders.

And in this directory you can click a screen with a clear command.

You can see the bottom in there and I think clear I laid out Perfect and I want to go to the previous

directory.

I just need to press city space dot dot to go to the previous folder.

OK, and again back in my home folder and I will stay here for now.

OK, so I got to let you stop here.

It's everything is in, I can close my previous stop, I can clear it out and I can initialize our project.

So you will do it like this.

It will create here in your folder.

You can do it.

Also, of course, from your from to find out from a file explorer, Tlatelolco man can create a new

folder for your projects, but they'll create a new folder for our project from here.

All we can do.

I'll do it.

I will do it from the home folder allocated here in your folder.

Like eMMC data for I make directories bayes the name of the directory, which will be, let's say,

Vue Dash project the light of the list, all of my view related project press enter.

I will navigate there.

See The View Dash Project Output Enter and I'm here.

It should be empty folder.

Now I will go with the command.

You can list, you can see here if you create and the name of that project.

So let's get here and let's have right here a view create in the name of the over application will be,

which will be exchange application.

We'll be exchanging their products in the application.

That will be the main part.

So let's right here and exchange.

X change x, uh, like this exchange, alright, extended out of the U.

Or you can you can already maybe you have a name of your project like bases named for your projects

or an exchange or in this case, because that will be the name of our project, what application we'll

be working on.

So if you create X to injury and let's press, enter and initialize project, but you will ask us first

question first.

So what you would like to have initialize out of your project could be you would like to use the latest,

you would like to use that view.

Three.

OK, so let's click here on the default view 3.2% there.

And to that, that's actually what we have been asked for.

This can take some time.

Will be installation should it be that long.

Depends on your internet connection.

And in meantime, Aldi is installing here and doing its things.

I will just get to use the Visual Studio code for coding.

Okay, guys, I'm really feeling comfortable in this editor, so I highly recommend it.

You can just search for it if you don't have it already.

You can just search here for Visual Studio code and.

I like to go to this other research.

OK, visual and visual studio code download.

All right.

OK, so is also the account.

It's very simple, you just choose your system, you will download it and install it, and that's basically

it.

OK, so let's go with your results to decode.

OK, let's take a look at how these are programs of a project, it's still in progress.

So what we're doing meantime we can go to we can open if you have a lot of their code and you can look

at our project.

OK.

That's how it looks like we all click here.

File Open.

And if you locate here, it's in my home folder, so I will go to the home folder.

I will find here a few projects.

Oak View Project is down here, and it looks like open.

Yes.

OK, and here is exchange, I actually needed to go exactly to the open the folder, so click here.

Open one more time and I like extend you and I will open it.

OK.

We'll go to the files on the folders in the next lecture.

For now, we just you should see here are projects.

OK, perfect.

I'll take to get a little more time.

It's it's finished installation sort of thing to do.

You can see here it's suggesting you to provide a command, see the exchange area to go to the directory

we have just created and the parents set up to run our local server.

So clear the screen, please.

And let's right in here.

Let's right here.

See the exchange area and pan around.

Serve you, OK?

The was terrible local server and localhost eight thousand eighty.

You can copy the address.

You can go to your browsers.

Of course, you write in a browser and let's open.

Here you tap and let's provide here.

Localhost eight thousand eighty.

And that's a project that's our initialize initialize voters project in.

Then I'd like to we'll be talking about the moral standard of worry.

But before we will finish this lecture, open a browser as one more time and install an extension,

guys.

Go on the left here on this panel and extensions, click here.

Here you can search for extensions and what you are searching for will be better extension there, Tora.

OK.

This what you are looking for a letter from a pine.

The YouTube link for Visual Studio called it will provide you IntelliSense and all of the things you

need for a huge scolding.

For me, it's currently installed, so I have your only uninstall.

Uninstall option, but you should see here install option.

So click here.

Installed isn't installed.

These are studio.

Nobody really started, but you should have it in your visual studio after that.

Oops.

OK, so here, let's keep it open in our Extranjero folder there.

Everything is running.

Remember to keep your elbows running up to eight thousand eighty.

And we can't continue guys in the next lecture as I hope to see you there.

Yes.