Original subtitles

Ok

In the previous version of Windows

3GS magazine

Classics

And I don't think the 3DS library directly from the web

This has limited

Custom edition it doesn't include some of the class

The reason is very simple it's just

Too many classes in Cypress library

To have them all inside 15

OneFile

Define would be

Too heavy and most people don't even know about those classes as I decided to train

Glasses

And we need those classes are going to use some of this

7 problem is that we need to run a server

A server to emulate a website and it's for security reasons

We are going to use a textures

In 3GS we do some

Work on the stitches

And brother doesn't let you do that thing when you just open the website by double

Subtitled by -♪ online-courses.club ♪- We compress knowledge for you! https://t.me/joinchat/ailxpXoW3JVjYzQ1

On the phone

We need to run a local server

We are going to use a bungalow

No anybody else around

What is a bunda

A bundle is a

That you will put on your computer

In which used in many types of assets

CSS HTML images but also more advent acid like

Babes

Play Loose

SAS and many others

The modification and

How to put a web friendly bundle

Just greet CSS HTML images and it's like that

It would convert the typescript

The satisfied

And all those kind of website

The Builder can do even more

The bundle

Can run the local server depends on what's below using but the one we are going to you

You are can run a local server which is exactly what we need

He can also manage

So we are going to load dependencies

By using this bundle

It can also use models

You will see that we are going to load

Library

Open answers by using something name Moses

Maybe you already know my juice which is just great but I want to make sure that everyone

Understand what we are doing here

You can also improve compatibility like you can it's cold

I forgot the name but you can make sure that you transfer that

You can transfer your JavaScript

We can work on all Brothers

Brothers

It's very useful we can optimise the fight and you can even

Help you deploy your website online and many other things

Oh yeah it depends on the bando you're going to use the one we are going to use candles

What going to use webpack which is a title of the lesson

Listen

Ok why weather

There are many others and the other

Probably

Grit

But we're going to use wet back if you want you can now you can stick on the link on the beach

If you really want to go to the website don't forget that

On this lesson you're looking on the page you're looking right now you can access all the links by clicking on the sleigh

Hilltop on the bottom right

And just click on the links

Yeah way weather

Just it's very popular

This way many of you original how to use wayback which is great

Secondly it can handle most of our needs like local server

Debenhams sister forgot all of this will be handled by wea

Webpack has a good documentation very good documentation of big huge

Always walking on my way back

It's swimming time we have updates regularly

Better Prime

Webpack is how to configure

You have been loved you just run

Two fingers in your terminals

And it goes great

But unfortunately we're back might be a little harder to consider

Even though you can have her like very simple command lines to use when we need something more advanced

Do not worry

I will provide you a starter fight with each lesson

Which is the case of Mr Sandwell going to download

Run it and I will

Explain everything I need to know ok and you will just have to do but we will learn

On this lesson

But each start are we download for the next

If you go anywhere back it's bonus you will know the basics of web

How to use the templates

First

You need to install node JS

The link otherwise connects

On the page you are looking at right now on the small tab on the bottom right

Auntie commodious

Use the latest version can be LTS but if we working

Is a recommended one you can be sure you won't have any problems if you use this one it will be the same

The number we probably be different for you

Do not worry

The template we work ok just maybe don't know this one if you don't have energy

If you do have installed on your computer

Maybe

Check

If you have arrived in the following are part of the licence

Maybe it's because your version is too old

Gonna destroy your version maybe everything will be just

What's the video

Download in standard yes and get back get back here

Once nauseous is downloading and install

Download and unzip the Spotify

Dyslexia

Ok you're you're right now on this page you are looking at this video

If you scroll lever

You can have the bigger version ok that's not what I want to show you

You can have the starter

This is what we want to download

By the way if you want this instruction you can just click on this how to use it and you will get to pop in

Which is exactly what we are going to do right now

Let's not use that

I don't know the starter

Should be my download folder

Yeah

Which starter will have a different name so we can just use that name and everything will be order

Obviously I recommend you to have everything not in the downloads folder downloads for nothing

Stop order try to organise yourself it's your problem but try to organise yourself

Tell me a religious

Take it

Take the contents

And put it inside my exercises for the which she's

Sorry cookie

And I put

Ok just because

Here that's my fault

Structure for oldies project

But you do

As you

It's my eating the exercise for my kids

Greggs

How to use it

First we need to open the terminal

NEC is the part where big enough might be worth what time in US

I don't have never used

Do not worry I will give you some tips and we will just use the basics of a terminal

And you'll be fine don't worry

You have multiple options to use the terminal

You have

If you're on me

UK news

Terry Waite

Get squiggling

If you're on microwaves you can simply open the terminal application for research for

Play radio pain on the side I would just for you

How to make your plug for you

Thank you

This is a terminal

Amazonian

Great you can use this

If you are on Windows you can use the command prompt

Which is fine

Be careful the comments are different

Between the command prompt of windows and terminal of Mac

Which is a problem because I'm going to show you some commands

But we probably not work for your command prompt

You are using Windows

Do not worry I have the solution

You have

Visual Studio code terminal

Integrated terminal all you have to do is

Review

Just like this

You can see the shortcut are always recommend to learn the shotgun

The bean time it's up to you you can also click on view and terminal each time you want to do

And it's hard to guess what exactly that I won't tell you the truth not here because

3D pen on your eyes

Keyboard what keyboard you are using

And your and many other things for me it looks like control and the child Witcher

This one

But for you it might be different ok so just

Try to find it if you want to adjust the shortcut for Windows I think it's control and it's the you

With the

Accent I would say

This one right here

She don't say it it's ok you so

You you can say to her

So I proceed

And here is the turning

Great so I can use that tell me now

Claudius

Rowdy City Hall so we have more

Ok cool

I reckon you to use this because it's great it's inside a Visual Studio code end

The comments I will show you

We work

Where as you are you are on

Macos or windows

Which is right anything else I chilli

Next

Subtitled by -♪ online-courses.club ♪- We compress knowledge for you! https://t.me/joinchat/ailxpXoW3JVjYzQ1

First thing you have to do

Is navigate

Through da storm

To the folder you've just downloaded an app

So this one

This is my project for the this is the starter I don't know

I have to move

The terminal

Insulated food

Ok your terminal is always

Inside a father you have to move

How many ways of doing it

You can do

Ellis

To show the different folders inside the current folder

If you want to know the current folder you can write

Pwd

So I can see that I'm inside uses two to three J's journey

And then I can move maybe two

Listen

This folder

By writing CD

Lessons again

Preston

What's a computer

Ok

Where am I

I'm inside three J's journey

Licence

I can list

The other

Folder inside that photo

I want to go inside 0 for weather

What is sticking to run I will give you a small gift

I will give you 2 tips

The first one

To do CD

CD is to move to directory

As you have some days before

Space

And then you drag and drop them forget the space it won't forget the space and then you can

Drag and drop from your Explorer of find out if any issue on windows and mac and you just dragging

TV space

And I drag and drop this for the

Here and I press enter

And I'm inside the right for the as you can see

Is L23 journalists

Always make sure that you're inside the right for me

Ok that's the first solution

The second solution is to simply open that food

Inside desk

You're probably

Already know about this feature but you can simply drag and drop the project the website you're looking on

Inside vs god

Love you both

As you can see the colour change

The project

Is open inside it's so you may not have a fight that will cancel my trip with Michael

And when you append the turning out from here

Review

Tamilo

Order shortcut shortcuts

You are automatically inside that further so you won't have to do

CD blah blah blah

Ok

Gone this

What's we have to do now

That we are inside the rifle doesn't make sure you're inside the right photo

Hades

Pwd

Check this stuff

If it's the right back

Gone if not

Try to find the problem

What you need to do now is run npm install

Npm

Space

Install the shortcut for this have you seen

Let's use the PC

Usage of this

What

Is MK

Npm is a little library

That has been installed with Rogers

From you might have to meet her right and steering not yes

An npn is dependencies

General Manager Manager

Npm npm download the dependencies you need for your

We don't need to know exactly what will be done load.to it will be inside a project that won't mess up with your computer

Bye running in Cayman so it will install update dependencies

Have a sit inside the package that she's on fire

We won't go inside this because it's not a webpack tutorial

If you're curious just opened white ginger jars and I have to show it to you obviously

Here you can see that there are a lot of differences

Open package season there is a lot of difference

And there is one

Mind

You guessed it

Fridges

When we run npm install dependencies and we now have

3GS

Insider new emoji

If you don't have the new modules for this right now might have a problem we will see the potential

Just after

But there is a lot of dependencies right now

And if you scroll to

Yeah

PGS

Right here

You don't need to go to that not moderate it was just an example I wanted to show you

3DS has been

Using npm

Which is great

Don't use enough money for that don't touch that for that you're not supposed to

Ok

What's

What's next very simple address on npm

Run

Death

Don't forget the spaces npm

Run Dev

And this is a scrape

That I've created very simple scratch and it's basically like you if you wash them

The east to west bank documentation this is ok

Things you would be doing

Press centre

Whateley seconds

You should have your brother you're different brother opening

Something like this ok to White beach don't worry would change that

Shortly

So we put it there

I can close this

This is a white page if you get an error if you get things like that will you talk about this later

The real you are

Sorry it's very hard to see from a friend

Is something like this it's probably different for it for you at least if you have this way

Great

The next time you want to stop the

You don't have to do npm install

Npm start just

1 time

When you

Get the project you're on a felt it fits

The dependencies

You only have to run npm run Dev then ok so you will sleep you're dreaming of 3

Monster forgot

You wake up the next morning

You want to stop cutting

Your open your tell me now using the Ocado you you

Any terminal you you want

Can you just run npm run Dev and should start opening your brother

The wrong brother

Open

Just the way you are

And operating the Wright brothers so I recommend Chrome

We'll find the other one

The other ones that are

It's up to

Ok

Is everything when

Right

Good things for you

If you have Heroes let's see what we can do about those errors

First

If at any moment here inside the terminal

You'll get an excuse related error

Shields red thing telling you that ex card is not

I don't know I forgot about the other exactly

Do not worry

It's ok

The project might be working

Even if there is dispute warning or error with colour

But if like me you don't like to receive your kind of around because it's fully your terminal

You can read of it by clicking on

This article so you get can fetch it from the panel right here

To resolve x god error message

This is a small article about this problem

Related to Sony on Mac Windows you should not have this error

And just follow the article

It should be fine

Basically

You should just run this

I am a six the problem for many of my student just by running this inside the turning

Then

You will be guided through

I don't know maybe 10 installation something like that

It's not that you don't need to install xcode

And everything should be working fine without any error

Ok

Next

If the template doesn't work so you don't get this white page

So you can open the run it again

Npm run Dev

I will show you have to stop it

Mary shop

If you don't get this white page

Maybe you'll get another page or maybe you get a photo or false not found page

First

Check carers entitled terminal

Enlarge the terminal and see if there are errors that can help you

My ID information just read error and he will discover

I don't know

Maybe you're not in the right folder

Just childcare

Just make sure you're inside the right follow this is a classic mistake I do it sometime are you think you are

Say the right order but you are not

Let's say you put you open the terminal inside the right folder but you do need some money for the insurance

The father like you change the name you change the position of the foot

When does the Terminator between

Inside that new folder you've made so just make sure you're inside the right folder

Make sure that the starter isn't corrupted you should

Behaving like ghostface

Ok

If you're have like SLS meeting for the

Re-download the starter

Redo the process and can install a run

It should be fine

Make sure you have installed a recent version of the Gs if you have a very old version of my GS

Just update no Jess

Green star energy

Erase the previous election

Make sure you're running at your computer is running on a local network

WI-Fi or written

I wish you well

Very soon but you need to be on to

Any networking should be working

And if

It's still not working what you can try is Open this year

See when you run npm run Dev

It opens inside

The brother

With natural

But you can also try this one

I had some of my student that can

Access the website using

Disaronno

But they could with this one so just tested it would be the same result I can show you

I got my work my page now

Which is fine

You still have a problem

When I can recommend you a simply go to this website the page you're on right now

Click on the drone discord button

And use the members only discuss about you have your own invitation code

If you click it will be working if not you can use that code inside discord to open that server

It's a member of my server you have access to eat and I will do everything I can to help you

Because you deserve to have the project running so

Explain your problem and I will try to help you and if it's not me probably as someone else with

We won't let you down

Do not worry

Ok let's talk more about with bad because it's probably kind of blurry right now I have a few things to

Tell me about this

So I can see your way back home please

You can use wet

Many ways but here is how we are going to use

First as I told you before you need to run npm install only once

When you get the project you're on npm install if it is a dependency

And you don't need to do it every time you want to go

You have to run npm run Dev each time you want to start cutting so when I wake up in the morning

I just want a go in my terminal in the right for the one I run npm run

Can I present any tulip inside my brother

You tell me now mate

SIM stuck I'm trying to do stuff pwd LS and nothing is working

It's because

The server is running local server is running right now

The terminal is like

What you can do

To Stubbs the server and get back your terminal is press

Control

John windows

Maybe pressed multiple time control see and maybe the terminal

Promise you something like a are you sure you want to

Press

To do it surprise for and then press enter

It's a little longer sorry for Windows users press ctrl-c and talking about control

Not coming

Even on Mac

And you should get your tablet back but obviously

Your server is not running anymore

Ok and if you want to restart the server address on a Monday

And quite a few seconds and it's working

When I sing about

The Script

Is that chicken

Beyond the website

Meaning that's you get the face the bundle is famous bundle that will be able to

Online

Do that

You can run npm

Run build

Ok it's like a run that but you replace

Death by beer and when I do this I just wait few seconds

Monkey about warnings diesel fine don't worry

And I get this

Folder

Directory

Anything

All this country

Which are the

Bundle and put them online

Anyway have your website

Easy

I think so I will delete it because I don't need it right now

About the structure

Structure

Your photos and Fire

The walk-in fights of the fights you're going to

To put codeine side effects

Are inside the src folder

We have our script we have our HTML and we have our CSS

It's almost empty

Let's talk about those fine

You have to understand one thing is that the script

PS5

Slight your route

Everything starts from here

I know there is a index.htm a HTML file that should be the roots of everything of our

But it doesn't work like this inside my back and

Most of the country of sanctuary

Consider it like the the roots of Old York

You don't need to add this

Find the script on the S5 inside the HTML as you can see here

If you put lights in it's a console.log

Hello wet vac

You can just follow you don't have to do it

And then you run

The server obviously because I stopped it to npm run Dev

Running cool

Open the console

I have my hair with

You can ignore this this is library loading I'm going to explain explain this

Edit a letter

Just after actually

You can see that it's working

But I didn't I never added the Script find inside the HTML if will be added

One of the things is that you don't have any style here

As you can see I have an imported this time

But still look at this

If I put

Body

Bagram

Look at this

I get my red background

It's because the CSS file has been imported from the sky

Yes fine

It's like this up with userweb back and module isn't that like

And there is a room inside where by the tears

If it's a CSS file just put the CSS inside the page and this is white work

Indian dress

Don't load the CSS file

Right from the HDMI photo

Jervis Street

OK one more thing maybe you've noticed it but

If I change anything

Refresh reload

I need to have sites auto reloading it's live reload in Ark

Live reloading sorry

If I put hello hello 3DS Johnny

I just say

And as you can see

Hello fridges Tony

Which is great

We're just getting like future guns on each Project

Why not

Making mistakes

Let's forget a character

Will result in an error inside the console

And you will get something like failed to combine and sometime you will have more information inside the page depends on the

Where are you did

So you

You understand that

I give my picture

Ok

This is

Kind of useful but be careful some mistakes

Suit mistakes

Might break

The auto reader

Ok so sometimes you win

Nothing with seems to be working the library loading

Since

Do not watch it

Press come on there or you can just click on the refresh refresh button like this

Entropy fine ok just

Watch this

And finally

You have a static folder

Located right here where you will be able to put all the starter fights and b

31st I mean assets like images big models

Htaccess file sitemap.xml stuff like that

You would put everything

We won't be using this one right now but little awesome we put some pictures on stuff like

And you can access the spine

Basically

I will show you

How

Later ok it's not the subject of Peace lesson

We will be using the static for there

Shop

Oh yeah one more great future I can show you

You can access your local project from any other device

On the same network that typing the same real

I'll be using this smartphone

Right there you go

Wait for it

So what's the exact

You alright

As you can see

I get this blue screen and look at this

I will just change to red I save

This page

Has changed on my desktop

And look at this you have it

Hear it

Which is greater 2 also work visa scraped and everything else

You can test easily with any devices you can have a like a PC and marker tablet or smartphone the TV

All running the same website from the local

And you can test on all of the strings at once which is

Just

That being said

Yeah so now we have we're back running Windows to the basic school but we still want to get our

I will sing back like a 3GS we want 3GS to go to work inside out with back

Project

How can we do it

First if you remember so you can run the service on a rendezvous

If it's not running

If it's running you can simply

Close the terminal

Tell me now and I will also

Or you don't want it doesn't want to hear that

Open the the HTML5 and we will start there

If you remember from the previous and the first thing

Thing we need to do is add a canvas

Because we are going to draw

Produce

Brenda the wedding ringer

Inside Out canvas

Canvas

Like this and don't forget to put the class so we can get this canvas from the chemist

And we used website

Ok

As you can see

It has been Reloaded

If you look inside the elements you can see that our canvas

Right here

The elements tab you can see the camera

Red hair which is fine

We are done with the HTML we don't need to add the Script we don't need to add the CSL they will be added

Next things we need to do

Is to access the three

Viable

From our script we're going to put h

Here but if I write something like

3

I get an error

Go to the concert you can see that 3

You don't know it's not define

The hardware Gate

Remember that

3GS is currently entitlement your photos

In the three somewhere else

Do not Road NE5 directly from the normal tip for 4

What you need to write is

This

Import

Stop

As

3

From

And this is the name of the dependency

3GS with somewhere it's just

Because it's 3:30 GSE save inside mpn

You can see that by the name you

Radio

Just

New imports fights

If you ask a script AGS file ok so you involved everything you need the order is not that

You can put the star first or the three first

Wii reload other libraries

Then

Sometimes the import syntax is different but for 3G as well you have to write it

This way

If we save

And go back to our website

As you can see I had to refresh refresh on my own because the reliability got stuck

Maybe you have to do it

But as you can see I have an object right here called module

If you open this model

You can get all the free classes we have before

Babe something like perfect camera if you remember this one

I have access to the perspective camera class

Using the three viable

If you want to rename three you can do it like I don't know

Sorry

This

Rockschool

Let's you three so that matches the documentation of

3G

Great

We are almost there

We need to do is put back the card we we brought on the previous racing

Who can find it at the bottom of the lesson

Of this page you're looking at

Right here

But don't forget to let to let the style.css file and to let the imports

A star as

3 from

Can you have to keep this if you want to apply to work

We haven't much god inside the day but we will in the next race

I would simply copy it

Westwood previously

I refresh and I get my

Back which looks more like a square we are coming to fix that in the next bus

Ok great let's remove this body and red body

And we get everything just like before but we are now using weather

We will be able to use more classes

From 3 I will show you how later

My have the server running and we have live reloading

Other features that we will discover

Later

Rates

Oh yeah that is a little hard

Really Powerful

Music

Just because there are many of that but some are better on

Specific features are so just make your own opinion on that

For each lesson you will just have to download the starter just like we did here

Can you use call lilo and you don't know the starter

You move your terminal to the file you and

And you just run npm install

This one ending npm run Dev

We will do that

Together in the next lesson so if you're still not comfortable with those