Name: 炫酷的兒童Javascript代碼（有性感的打碼鏡頭）。 (Cool Kids Code In Javascript (with SEXY CODING FOOTAGE))
Uploaded: 2021-01-14T10:47:12.000Z
Duration: 11 min 19 s
Description: 【看影片學英語】數萬部 YouTube 影片，搭配英漢字典即點即查，輕鬆掌握單字發音與用法，長久累積看電影不必再看字幕。

What's poppin guys, it's very special day. It is Saturday in the morning, and we have a special guest

情態助動詞 A2

Okay, no we don't have special guests. It's only me today, but you know we can still have fun with just me I

祈使句型

Don't have any plans for today. You know none of my friends invited me to anything

So yeah, let's go write a let's go write a web app. You know cuz cuz there's nothing else to do apparently but come on

Okay all right, so let's write a simple web app. I don't know what I want to build

All right, so usually what I like to do. I like to start off with a

Template so usually what I do is I like to put it on Heroku

I like to host on Heroku cuz it's just a lot faster

And I don't need to think about the servers and stuff like that so

I made a template called nodejs template and what I'm gonna do is

I'm gonna get clone it on to my computer, and then maybe rename it to something else maybe called

And then let's go here as you can see let's see if it works. No js' index

That is because we have to npm install first so this will install all the packages that my template uses

But yeah, so we got expressed. Ejs okay. That's cool cool cool

All right, so Express is basically a web framework, and yeah, so let's try it out

No js' the index listening. Let's see localhost 5000

Seems to work real well all right, and then next I kind of figure how to do this, but next I'm gonna deploy to Heroku

Come on come on yeah, yeah compressing done launching oh

They gave me this URL fast hollows all right, and then let's see if it works

Mm-hmm okay, cool all right Jonah is a douche

It's already deployed to vas hollow, so now I have the deployment ready, so I am ready to code

But I'm not a coder not a Lapras all right so now

I have to think about why I don't want to build hmm

So usually I like to think of a problem that I have and then find a solution for it

So all I have to do is find my most annoying problem. I

All right, I'm gonna take a break. I'm gonna go get lunch, but I'll think about it nothing about what to build

Kinda want to build something for me and my

Non-existent girlfriend so that we can watch YouTube videos together, and it will sync together

You know for example if I play, and I pause or I stop the video

It's gonna do the same to her or if she does the same thing now this probably already exists, but it's good practice

Alright so first we're gonna take off this abomination of a page okay?

Mm-hmm okay, and the next what we're gonna do is we're gonna learn about the YouTube

Player JavaScript, okay, and then we read the documentation and see how we use it

Cool all right so now we have a YouTube player and what I'm gonna do is I'm gonna learn about how to

You know use the JavaScript to play stop pause and also I'll I'll make it a little bit more pretty alright first

Little bit prettier change that to 720 change this to 480 I see what it looks like

Okay, it's a little bit bigger cool. I want to change it to this pretty video

Because I like to you know I like to have fun while I code you know, but now I'm not a coder though

I think I'm just gonna increase the margin a little bit, so let's go to CSS I mean

There's no more headshot. Let's put this to the player and

Let's chain it to maybe 50 see if that lets see that looks good

All right, so this is it before the aesthetic

Just so that I can code better, so I have more motivation to code now and then

What I'm gonna. Do now is I'm gonna look at this API

I'm gonna figure out a way to send these information to my server so that I can sync it between all the people on

All the people on the website watching the player

So after looking at the API, I realize that they don't have everything I need it's because sometimes

I kind of just want to send the request to play or to stop to my server before they actually play but the

YouTube player doesn't allow me to do that so I'm going to have to make a

Controller that is an extra layer above the YouTube player so that I could send a request to my server

Without it having to actually play so I do that so that I can actually

Synchronize both of the users while they watch it so the first thing of what I that is

I stripped out all the YouTube player stuff

And I learned that you can take out the controls by control equals zero disable keyboard shortcuts modest branding and stuff like that

But now we got to add our own stuff, so what we're gonna

Do is we're gonna add some buttons, so I you just go let's see bootstrap

So right under the player. I'm gonna make a new div called the player controls or something

字幕列表影片播放

炫酷的兒童Javascript代碼（有性感的打碼鏡頭）。 (Cool Kids Code In Javascript (with SEXY CODING FOOTAGE))

stuff

apparently

figure

accurate