Links mentioned:
no links yet
Details automatically generated.
summary

Speaker is a JavaScript developer. They have three tutorials. One of them is how to create an application from following the tutorial.

Speaker explains how it works. Jaco will come back to show-and-tell, sign up and talk about something they found interesting. Speaker sends a link to a preview of a video on Twitter. They explain how a Jaco works. Speaker explains how the room management system works. They have added the ability to share screen and audio chat in Jaco. Even if they don't have text-to-speech enabled, they can still follow along.

Speaker wants to send everyone back to work before something else breaks. They send Anthony Cruz, AKA butter, with some traveling music and they help They set up Anthony Cruz's phone.

Speaker has a problem with uploading an image to GitHub. They will work on the front end of the project. Speaker created Unto it not works to make them set aside time to work on projects and to get things done. They advise people to get up stretch and watch a video. Speaker is using the speech recognition API that's built into Chrome browser. They are tired, they took a walk and it's hot outside, so they are going to create a highlight video.

Speaker is going to create a new look for the break session work session. There's a button to join the chat or ask questions. Subscribe has all the upcoming features.

Speaker has created a music player. It's a bank can't player. They can buy the track from the artist, share the track and help spread the word. Speaker shows how to delete, delete, check box and send a completed task to the done section. After the hour, they show a list of tutorials. Speaker has links to the Orion Project and free code camp for people new to coding.

topics
  • coder creator
  • work session
  • break session
  • web development
  • view button
  • text chat
transcript

Welcome back, your dreams were your ticket.

I welcome back that same old place that you well then since you hung around but those dreams everything, and they turn around, they need you Welcome back.

All right stretch.

Oh yeah, okay.

All right there, a little bit of an in between the ciphers.

I think I figured out what my issue.

Is with the side project and uploading an image to GitHub.

I think it's because I just tried like a whole brand-new.

Another GitHub Library, like another wrapper around the API endpoints, I am getting the same thing, so I think it's the data that I am sending to it to the back end.

So I need to work on whatever is happening in the front end.

So, all right, so that's the plan of attack, but this is the reason why Unto it not works exist.

It's a thing I created to basically make me set aside time to work on projects and to get things done because I am the type of person.

If I don't set aside time, I will never find time and that.

So that's saying unto it not works consists of ciphers.

Each Cipher, the three-hour block of time when it's within each Cipher, there are sessions.

There's a work session in a break session.

Work sessions are like 45 minutes, heads down just working on what you're working on trying to make some progress brick sessions happen.

15 minutes after the hour I will pop up here with the video and talk about stuff.

I found interesting on the internet where you can talk about come up here and talk about stuff you found interesting on the internet.

All right, so like I said, you will see the video pop up the whole site will change.

So that's indication to you to get up stretch.

Walk around them drinks and water, or to sit here watching talking, about random things.

Now, below there.

The video.

If you ever jump into the site and where the middle of the break session, you may need to click play to start and stream because it looks like it's frozen.

And that's because browsers don't allow for autoplay video with audio.

So that's why the notice is there to remind you that if you may need to click play to start the stream because otherwise, you won't be able to it look like it's frozen.

Then I am using the speech recognition API that's built into Chrome browser.

So if you click that button, that's next to that.

To that, not warning.

But whatever, I am tired.

It's been a long day.

I took like a walk and everything, so it's hot outside but yeah.

Next a little notice it says, open closed caption the space out.

Open up will hopefully have the words I am saying accurately placed into that box, all right?

Then if there's ever anything interesting during these break sessions, you can add a clip that you What happens is, you will go back a couple of seconds and Mark a timestamp.

You get five clips and their five seconds apiece.

So, before I can end these breaks, this break session, if you click create a highlight video, it will save those timestamps.

Take the recording of the break session cut out and time stamps to make some clips join them together.

Put intro, put it out row and then you will be able to preview it and I will show you where the other check it out.

Then there's a countdown timer countdown to when the next work session happens.

There's a button to join the chat or ask questions, whatever, what have you?

All right, so now the break session work session will look, something similar to this.

And recently, the API that I used to get the random nature image like they shut down.

So right now it's just black but normally there would be a random nature image in the background.

I will I am going to create something to do that but neither here nor there upper right-hand corner.

We have a menu.

Take notice to subscribe.

Subscribe has all the upcoming Cipher so you can subscribe to get notified when we go live on the other side.

There is an audio player.

So don't listen to some music while you're working on what you're working on.

You can, it's a band camp player which I kind of turned into like a playlist player.

So I had some friends of mine who make music to submit some instrumentals for random projects like this.

So it's a bank can't player so you can purchase the track from the artist.

You can also share the track and then help spread.

Word.

I added a tweet link so you can tweet out that you like the track help.

Promote, you know, some really cool artists then toward the center, we have to do section where it says, add a task you type in your to do there, hit the enter or plus button it will add it to the list, click the text of an of the task and it to edit it.

You can click the x button to delete it and you one market done, you click the check box, and we will send it to the done section, where you can click the word done.

Done and see all the things you got completed.

Now before I end the day off, if you click the Twitter icon it will open up Twitter and list out all the things you got completed.

Nice way to kind of end the day.

Over on the right-hand side, we have a column there.

At the top, we have a countdown timer countdown doing the next break session happens.

Again, 15 minutes.

After the hour, we have view tutorials.

So, I have a list of tutorials there because I am a JavaScript developer Advocate, right?

And part of My old.

Well, first I have links to the Odin camp and only have the Orion Project and free code camp.

And those are there for somebody who's like brand-new to coding and just kind of like want to try something.

And from what I have seen from like the curriculum and what people have told me about them, if you go through them, I think at the end you will have a good understanding of what it takes to do, web development and then from there you can make an educated decision on whether or not you want to spend more time and more money in pursuing it.

So there is that.

Now let us say you are pursuing coding and just want like a project that uses like follow some directions, get something working and then maybe be able to expand upon it, right?

Like I said, I am a JavaScript developer Advocate advantage and part of my responsibility, to look after like some tutorials.

And so, I have three tutorials there and if you go through them, like one of them is you create an application from following the tutorial.

You can put your real-world phone number in that box.

Application, hit call and I will wring your real-world phone and you have a conversation back and forth, then I have one.

Where is the reverse?

We get a virtual number you call from your real-world phone.

That virtual number is linked to an application that you make, and you will be able to answer it and have a conversation back and forth.

Then there's other one where two users like log into the application and you're able to like my video went out fine, either, they're going to keep you going.

And then from there you will be able to two players.

Two individuals can log in the browser and you have to have a conversation back and forth.

Cool.

Well let me stop my think.

I am not sure what just happened here.

You're back.

Yeah, that was weird.

I have no clue what just happened there.

Fine.

I mean do this quickly so those are the links under tutorial.

Jaco will come back to show-and-tell, sign up if you want to come up here and talk about something you found interesting show-and-tell sign up, a walk you through that and then that video that you sent to be created highlights quit.

First under highlights is a status submitted when it's being worked on and was ready to be viewed at a status done with a view button.

Yo the preview you click that you The preview.

The video, you will be able to download the video and you will also be able to share to Twitter.

Sometimes Twitter doesn't show the video as a preview with a link, so I just went attaching the video.

I downloaded to the Tweet.

So I know it shows up there because I post to Instagram anyway, so I have the video downloaded Then hot cocoa stands for help a coder / Creator out and it's a thing I created.

So if you ever get stuck with something, you can create a hot coal which is a roommate.

You invite people into the room to get you the help that you're looking for or the feedback.

And so if you were to click view, right?

I will show you all the different codes that were created.

You can click the Creator's, name to see that their Twitter and GitHub defend, what they logged in with.

And See whether or not you want to join the room.

There's also a filter so you can search by like you can filter out by keywords and then you can join.

If you were to create a Jaco, you're presented with the form and you put in the title and three keywords that can help describe what the Jaco is about.

Hit.

Create it will then generate a URL where you can copy the URL or you can click the share to Twitter and then when you join your Jaco, it looks like this the titles at the top.

Right-hand side.

You can leave or you can open the menu to open up some new options, more options.

We have a text chat over in the right-hand side, or a left-hand side with a countdown timer counter.

When the next break session happens, you can copy the URL, you click the share to Twitter.

And when someone clicks the link, they just don't hop into your room automatically.

You're actually requesting to join your room.

And so from there, you can click their username to open up their Twitter or GitHub again, depending on when they logged in with check out their profile to see where the They're not, you won't let that person into your room.

And then from there, you can decide whether you approve or deny them.

If you do approve them, they turned out to be a terrible person.

You can always ban them.

All right.

Cool.

Now, You as the owner of the Jaco only, you can share your screen and the point of that is again, the Jaco is for you to get the help or feedback that you're looking for and I think by being able to share your screen and everyone else, seeing what you're seeing, you will be able to, they will be able to give you the help that you're looking for because they have more context.

Then there's the way you communicate in the Jaco is through the text chat.

All right, so you put in your message and the bottom there and the input box hits and it will add to the list of messages.

I also added the ability to enable audio chat.

So anybody has an audio chat enabled, we have to speak to and hear each other.

Now, for people who don't have it enabled, you will still be able to follow along because whatever people are saying and audio.

That we turn into text and put into the text chat.

All right then we have the opposite where it's from text-to-speech wear anything.

Like so if you're not looking at the text chat you can still follow along because if you enable text to speech, any text chats, put into the text, any text chat.

They messages in the text chat would be read out aloud by your browser so you can still follow along and then again you can check out all the different codes have been created and that is it Cool.

Let me get you all back to work before something else breaks?

Yeah, so let me get you back to work.

So I want to send you all off with some traveling music and this is me get this set up, Anthony Cruz, AKA butter, the track is called, thank you.

Because thanks again for hanging out.

So well there's some stuff I need to do.

I need to pay my bills for the month.

I need to set up this phone.

There's a few things I need to do.

I need to start my laundry.

Maybe I am kind of behind on that right now.

And yeah, so a few things I need to get done.

I just kind of got like stuck on this, trying to get this thing to work my side project, but I am going to work on some other stuff, so I can get some things done.

I can always come back to that.

So, yeah, that's the plan, at least.

That's what I tell myself.

All right, so we will see what happens.

But right now, we will send you off with Anthony Cruz.

AKA butter.

The track is called.

Thank you.

And till After hour.

I wish you much productivity to the next break time.

All right.

Thanks again for hanging out and see you around.

I will be easy piece.

Thanks.