Changelog Frontend Feud

to Syntax. This is a bit of a fun show. We've got another collab with the folks over at ShopTalk Show And, the folks at another web development podcast, The Change Log, have had us on to do Front End Feuds, so we are going to be airing that show rid for you. It was a hoot. You had a lot of fun landing it, didn't you, Scott? I had a blast. Yeah. I had a great time. The rules were not as fair as I would like them to be, but the circumstances a little salty. Yeah. We gave we we we put our best foot forward, and, if it's rigged, it's rigged, but We had a great time.

But what can you do about it if it's rigged? I mean, I can't do anything about it. Yeah.

Sponsored by 3 awesome company, .tech rid. Domain names, which is in the name, what they do, LogRocket, JavaScript session replay, and Mux, Online video streaming, everything you need to host your video platform.

We'll talk about all of them partway through the episode.

With that, let's get into it.

Please hold. Your feud is important to us.

It's time to play Front End Feud.

Hello there, and welcome to Front End Feud. I am Jared Santo, your host for today.

It has been a while since we played this game, But we are happy to be here today, and we have a podcast super collab. We got together some of our friends from some of our favorite web dev podcast In this space, I'm sure you've heard of them. And it is gonna be team syntax versus team shop talk. Hey, everybody. Welcome to Front of Feud.

Hey.

Woo hoo. Now we wanted to give we wanted to give it a little JS party flavor, so we've mixed in. We re Prinkled in some JS Party panelists onto each team. And so joining team Shock Talk, which is Chris and Dave Rupert is Amelia Wattenberg. So, Amelia, you are on team shop talk. What do you think? I love it. We're gonna win.

Oh, absolutely. Good answer. Good answer. Good answer. Good answer. Chance.

And joining Team Syntax, which is West Boston's Scott Talinski is Divya. Divya, welcome to Syntax. Hey. Hey. Coop. Coop.

Best team. Best team. Divya is an old pro at front end feed, but I believe the rest of us are all new, even Amelia.

So So we should have a lot of fun. I'll quickly explain the rules. So this is a game all about the JS party. Lovely listeners. We had a 140 people rid Fill out our front end feud survey. We appreciate you all for doing that.

I really appreciate you because I went back to the form at the And then realize the average take time was 37 minutes. I am so sorry. That thing took forever.

And that's because we asked 25 questions so we can play the game a few times without rid I'm gonna go back and do more surveys. So super appreciate all y'all for filling those out. The goal of the game is to match our listeners' answers. So we have pulled them on different things, And each team is gonna try to match the answer with the most answered from the survey.

And as you go about doing that, you win points. If If you fail to do that 3 times in a round, the other team can steal, and the team with the most points at the end of the game wins.

Any questions?

Yeah. It's not the most correct answer. Right? It's not it's like I used to play apples to apples with my super pedantic uncle, and he's always like, but my answer's more correct. And you're like, Dennis, It's not about correctness.

Oh, such a Dennis move. That's exactly right. In fact, many of our questions are subjective. So it's according to, like, the people's tastes or what they think, ready. And so, there really aren't right answers. The right answer are the ones that the most people said. So we will start off with a face off. This is where 2 contestants rid Step forward virtually and get a chance to answer first. The person who gets the highest answer on the board takes that board for their team, and their team participates In that round. So ladies first, we will have Amelia and Divya. Please step right up.

Round 1. We'll start with Emilia. Emilia, if you get the highest answer, you immediately take the board. If you don't get the highest answer, Divya gets a chance to take it.

We asked a 140 lovely jazz party listeners, what is your primary web browser?

Oh, no pressure.

I'm gonna go with Chrome.

Good answer. Good answer. Good answer. Good answer. Number 1 answer with 52

responses.

So that means team ShopTok is on the board. So we will now go Right. We will go in order.

You can keep guessing there are 6 Browsers in the list. So you have to match all 6 to take the board. Oh. You have the number 1 answer, which is Chrome with 52. There's 5 left. Let's go to Chris.

Firefox.

Firefox.

Show me Firefox.

Number 2 answer with 43 points. Very good. Mhmm. Mhmm.

There's no conferring. Who goes next? Me? Because I go conferring. Now we go to Dave. So we go in around. Dave, it's your turn.

It gets, like, infinitely harder from here on out.

Rid. Go Edge.

Show me Edge.

Number 4 answer with 11 points. Edge is on there. So you have four Of the 6 or sorry, 3 of the 6, and now we go back to Amelia.

Literally do not know any other browsers.

I don't wanna say Internet Explorer.

Is that your answer? It is not.

My answer is gonna be better than that. Okay.

What is your answer then? You got it. No. It's gonna be Internet Explorer.

Okay. Internet show Explorer show me IE.

Sorry. I'm sorry. That's your 1st strike. It's all good. That's okay because that could have been, like, a total troll answer. That I feel like that was of Yep. Fully valid. Yeah. Yeah. I was truly For all the Yeah. All the testers out there using IE. Yeah.

Gotta represent. Yep. Alright. We go to Chris. So do we keep it? Because strikes yeah. Yep. So you have 1 strike, you have 2 strikes left, and then there'll be a steal opportunity.

I'm gonna go with Safari because it feels like one of the the big three.

Show me Safari.

Number 5 answer with 8 respondents using Safari. Remember Oh, so the number 3 is still available? Remember, it's their primary browser.

Okay. So now we go back to Dave. You got this. Oh, boy. I'm gonna go brave.

Show me brave.

Number 3 answer. There it was. Number 3. 18 people on the 23 of their primary. So We have 1 strike against you. You have Chrome at number 1, Firefox at 2, Brave at 3. You also said Safari at 5.

Did you say the number 4? You did. You said Edge at number 4. So there's 1 left. Wow. That's nuts.

And We're back to Emilia. You have 2 strikes, so just take a guess.

Dang it.

There's that one where it has oh, I'm not gonna give any Please.

I don't actually know the name.

Okay. Do you wanna guess something random, or you wanna just take a strike? I use one called Stack that I know no one else uses. Show me Stack.

You are correct. Nobody else uses Stack.

Rid Damn. So we don't get a point for that? She was correct. She was correct. Then nobody uses it. So we go to Chris now. This is your last guess before the Before

gets to steal. Oh, we're gonna steal it.

I gotta go with the big o opera. I know it's a wild card, but just feel like it might be hanging on. Show me opera.

Woah.

Three strikes, And you are out. So team syntax gets one guess you can confer amongst the team. And if you get it right, you steal the ball. Can we confer openly? Yes. Yeah.

Samsung.

I was gonna say Oh.

Vidal vy? Yeah. Maybe. Vivaldi.

Vivaldi?

Vidal vy? Isn't that what it is? Rid Vidalve? Vivalve. I always have that. Vivalve.

I'm just naming browsers here. Yeah. I thought it was Samsung because, like, they have a bunch of developer advocates and rid And also, like, you use it when you use your phone. Right? So They don't have a desktop browsers though, do they? No. I think it's only mobile.

I think it's just like a mobile thing, which is why I'm like, is it I don't I don't know. What's Vivaldi?

Vivaldi, v I v a l d I. What is it? We can't Google it, so I can't Google it. Yeah. That's true.

I don't know. Okay. So we have Sam you're thinking Samsung. You're thinking Vivaldi. Vivaldi is also a famous person.

I think Vivaldi is like a, it wasn't it like a, like, security focused browser? So I could see there being, like, 1 Oh, Otter, actually, which is also a thousand. Can you use that as a

Man, this is tough. Alright. Let's make a decision here. What are you guys thinking? Okay. I think we should go what do you think, Scott?

Oh, I I have no idea. In terms of browsers that I just heard mentioned recently, Vivaldi was one of them, so that's why I Yeah. That sounds fine, I rid I don't know, though. Yeah. I have no idea. Samsung could definitely be it too. I've seen it on Hacker News a few times, which is why I I wanna go with that.

RJ's party listeners, Orange Folk 2?

I don't know. There's gotta be a 1. Yeah. It's a good question.

The SV 1. Yeah. Alright. Pick 1. Let's move on. What do you got? Hey. Vivaldi.

Vivaldi.

Is that number 5? Show me Vivaldi.

No

way. I told you. Yes. 5 JS party listeners. Rid 5. Five people used That's funny.

Five out of 1 40. Yeah. Who builds Vivaldi? Did they get all the points for the entire round? They stole a 100 and 37 points on that. We made those points. Well, we anyone can guess the other browsers.

Well, I can't.

Edge? I went out on a limb with Edge, I felt like. It was the 3rd one I wrote down when I was writing down browsers here. There you go. Amazing.

Alright. So after round 1, we have team rid with a steal, a 137 to nothing. There's lots of game left to play. So we now go to round 2, a face off between Chris and Scott.

Hope it's about browsers again. So we gave Amelia the 1st guess last round, so we're gonna Got the 1st guess. If you don't hit number 1, then Chris will have a chance. Okay.

We asked a 140 of our fascinating JS party listeners, name a Tool or technology that you use but don't fully understand.

Okay. Do is it speed? Do we go in speed? No. We're going, Wes, and then you if he gets number 1, they'll take it. Otherwise, you get a chance. But don't understand.

Use but don't understand.

I am going to say it is I have a lot of options here. Let's just say Let's say Webpack.

That's a good answer. Show me Webpack.

Number 1 answer.

No.

You're a dare it. I knew it. Hold on. I had to close my door. My wife was texting me what's going on.

He's having too much fun.

Alright. So with that, Scott takes the round, and team syntax will play. Now there's 5 answers on the board Of which you have taken the number 1 answer, so there's 4 left.

And we go now to Divya.

So this is front end frameworks People don't understand? Let me read it again. Name a tool or technology that you use but don't fully understand.

A tool or technology that people use that they don't understand.

Oh, man. This is like a very open ended question. You know, like Webpack.

Like Webpack.

Yes. I'm so impressed to you that you got that, Scott.

I have a lot of options here.

Alright, Divya. We need an answer?

I wanna say what's another tool that's similar to webpack? Snowpack?

Show me Snowpack.

Oh. Not enough users of Snowpack. Sorry. Snowpack was not on the list. Okay. Wes, we go to you. Redux.

That's a good guess. I like that one, but did it make the list?

What? Rid what? I guess everyone knows Redux. That was almost one of my number ones here.

We got 2 strikes, and you still have Four answers left on the board. We go back to Scott now.

Docker.

Oh, that's a good one. Show me Docker.

Number 2 answer, Docker with 12 responses. I guess I gotta go gotta go to CICD now.

Ku Kubernetes. This is probably

wrong. I grouped out with Docker because there are people answering both. So those are together, Docker and Kubernetes. Oh, I had Kubernetes on my list too. Yeah. They're very different tools, I will say. I know they are, but people were mixing and matching them. So please, pick another one.

Let's see.

I can't believe Redux was

Can I just say CI, or does it have to be a tool?

A tool or a technology?

CI a technology, technically? I think so. It's in a concept?

I think it is. CICD.

Alright. Show me CICD.

Oh.

That's surprising, actually. There's no way they'll steal this. That's okay. No sweat. There's no way everyone understands CICD.

But maybe they don't use it. Yeah. It's a technology that you use but don't fully understand. Maybe they don't think about it. Come on.

Deployments?

Maybe they do. Maybe they don't.

Alright. Team ShopTalk can confer on a chance to steal.

Okay. Okay. We've got a couple of possible options. You got 3 possibilities here. I've got thoughts too. I feel like the troll answers just just say CSS because people like to be like, I don't I don't understand. You know? Oh, Okay. Okay. Okay. Yeah. And then the one that you probably actually don't understand is Git.

Oh. That's for sure on there. Oh, man.

I, But those are just ideas, you know, whatever. I had Git too. I also had Bash. JavaScript is a troll answer too. Bash. Okay. JavaScript is good. Bash and,

babble, which I don't know about. Oh, babble. Oh, I just thought of 1.

What do you think, T? You can say it. No. I'm not safe.

I'm gonna message Wes and I had, like, serverless and stuff like that, but I, know, I think I like Git. I like Git. Or

yeah. What do you think, Amelia?

I like Git. Okay. I like it. We're gonna go with Git. Alright. For the steal, Show me git.

Yeah. Yeah. Big steal. It's a game of steals. That's the number 4 answer with 8 respondents

saying Git. Interesting. So there's a missing 3. Number 3 was React.

Yeah. Oh, okay. And number 5 was NPM.

Fair enough. Yeah. Couple of honorable mentions. I'm actually surprised no one said Regix.

Oh, that would've been good. Sense of kooping. Rid Or readest thought about it. Tools that make me fall asleep. But if you don't knew it, maybe you just don't use it. Maybe. Chris, 4 people said CSS. It just barely missed the board. Oh, okay. 3 people said node. 2 people said dependency injection, which I think you should know how it works before you use that one. And 1 person said PHP, and then in parentheses, they said, I don't anyone will ever fully understand PHP.

Oh, okay. So some commentary there. It's it's all WordPress.

Yeah. Just use WordPress. Cool. That was fun. Alright. So let me add these up here. It's a nice steal. Cool.

And that is So is it 1 to 1? Is that how it works? No. We're still winning by far. It's points. It's points based, but I'll tell you the last rounds, the points double. So there's usually a chance to come back near the end. Double. Okay. So you stole in 63. There were 63 points available that round. So currently, syntax is still in the lead, 137 to 63, but everyone's playing quite well Nice. Within reach.

Re Real quick break for one of our sponsors, .tech domain names. And the name says what they do, they provide domain names with .tech. If you need to find a domain name for your next Project checkout and see if you can grab a pretty wicked .tech domain name. Everybody's doing it. I got users.tech as my own domain name. I have wes.tech, which rid. I need to know what should I put on that. That's that's pretty exciting that I was able to to grab that, such a short little URL.

Lot of value in .tech ripped. Domain names. It's really popular in the web development industry as well as just in the general technology industry as well. So check out the domain that is taking the tech industry by storm. We're gonna go to go.techforward/ syntax rid is tech.

Link for that in the show notes. Make sure you use the coupon code syntax 5, and that's gonna get you re Eighty% off of a 5 year registration. That's a pretty deep discount. So, tweet us what you have built with your dot tech domain name. We're at syntaxfm. Thank you, dot rid Tech for sponsoring.

Alright.

Let's move to round 3, which is gonna be Dave versus Wes.

Re Now Team Syntax got the guest first last round, so we'll go to Dave for the 1st guest.

We asked 140 brilliant jazz party listeners, re What's something you do to reach a state of dev flow? Yes, Dave.

Music. Do I need to be more specific? Mhmm.

Like electronic music? Music's just fine. Show me music.

Number 1 answer.

66 rid People say they listen to music. They also had a bunch of different kinds of genres and stuff, but I just combine them all together. So That's team Shop Talk. You guys get to play this round. You already have the number 1 answer. There are 5 total answers, 4 left on the board. Freaking a. And we go to Amelia.

Uh-huh.

What something people do to reach a state of dev flow?

I drink a lot of coffee.

It's gonna be totally on there. Good answer. Good answer. Good answer. Good answer. Good answer.

Show me drink coffee.

Number 4 answer. Good job. Wow. 4. That's, generally drinking things. Drink coffee. People said drink tea. Drink energy drinks.

That's worth 9 points. So good one. And now it is Chris's turn.

I am just dying here.

Devflow.

Right? What do you do? That's like a common thing that you do. Is there something like like move locations? Is that like a rid Is is that too vague? Like, go to a coffee shop? Somewhat vague. Too vague. Too vague. Re Shut the door. Shut the door.

Show me shut the door.

I will give it to you. Rid of it. Nice. This is a category of things where people said remove distractions, go to do not disturb, Close the door. May have a quiet place what people were saying, so I'll give you that one. I feel like Wes clued them in when he closed the door. Rid Yeah. Yeah. Channeling. Yeah. Yeah. Definitely help. Sinking my own tip here. Wes is really in dev flow right now.

Rid So that was 26 points. That's the number 2 answer. So you have 1, 2, and 4. So 3 and 5 are still on the board, and that puts us back to rid Dave.

Oh, boy.

Blocking time on your calendar? That was part of the remove distractions one. Yeah. I need a new one, and the next one is not good.

Let's see.

You you gotta have your hot chip hot chip.

Snacks.

You gotta have snacks. I was like, what's hot chip? Yeah. Show me snacks.

No.

That's your 1st miss. So you're doing well. You have 2 misses left, And it is now Amelia's turn. Oh.

Amelia, what's something you do to reach the state of dev flow? I definitely eat hot chips.

Hot chip. That's not chip. Hot chip was it is

I get it.

I guess if not that you wanted Chris to be more clear about his going to places thing.

So I'm gonna go with A specific place, which is going to your desk.

Going to your desk. I don't like that face. Show me going to your desk.

Maybe just a little bit too on the nose, but a good effort.

We go back to Chris. Rid It sounds like none of these are related to technology. None of them is, like like, troll around for cool Versus Code extensions or what you know. Go on Twitter. It's not. Is Is that how you get in Flow? Oh. Installing plug ins? Twitter's the exact opposite of Flow. Yeah. I know how to get out of Flow. Can we do that

Like YouTube.

Yeah.

I'm going to go with, put on sweatpants.

Yeah. Yeah. Good answer. Good answer. Good answer. Good answer. Good answer. Good answer. Good answer.

I'm going to give you that one. Oh.

Rid This is a combination of prepare yourself. So there was, like, get the room set up, good posture, sleep first, put on certain clothes. People said, I'll put on, rid Like comfy clothes, so that's why I'm giving it to you. So that's 10 points, which means there's 1 left. Number 5 is still out there, and you have 1 strike left. Rid And Dave has a chance at it. Go ahead, Dave.

Okay. So recap, we've done music, we've done get comfy, we've done Remove distractions.

Rid Coffee. Remove distractions. Yeah. We've done coffee, and there's 1 more. There is 1 more. Turn off email? Is that send distractions? That's remove distractions. Yep.

Oh, boy.

So sorry, Dave. That's tough.

Go for a walk? Show me go for a walk.

Oh, that was a my list. Aw, man. Alright. We got to steal. Alright. Chance to steal. I'll tell you. This is a tough one, so you got your work cut ready for you. Alright, guys. What what are you thinking? I had, like, put on headphones or something because I was gonna say, like Yeah. Noise canceling headphones,

white noise.

White noise. Yeah. Exercise.

Meditate.

Meditate. I had meditate.

Although, somebody did say go for a walk, which, Like, could be constituted as exercise maybe. So Yeah.

Meditate or, like, noise canceling headphones.

Yeah. Wait. Was noise canceling, yeah, was noise rid. Headphones removing distractions, though? Is that part of the whole, like, umbrella? Yeah. I had that as my very first one on the list. Yeah. I'm gonna say that's part of removing distractions because it's kinda like of Okay. Okay. Yeah. So we got white noise. I have full screen, which should probably also remove distractions.

Yeah. Blocker apps. That's part of that. Block our ads removed. Just Meditate. White noise. What do people do to focus? I'm trying to think of all, like, the Tim

re Activity hacks. Morning routine. I have, like, a go to coffee shop as one of my things on my list, rid Which is going somewhere.

Oh, you mean, like, working at the coffee shop? Or, like Just going to the coffee shop because that's what I do when I, like, really can't focus. I think that's under coffee.

Yeah. That one was kinda broached. I think both with Okay. Your environment, and there's a drink coffee. So Gotcha.

I think meditate. Okay. Maybe meditate. Yeah. Yeah. I don't have anything else. Let's just hail Mary it. Yeah.

Show me meditate.

Oh, man. I thought that was it. Meditate didn't make the list. Good for us. What happens now? Really? I also have I have no idea. I wanna know that answer.

One, I would not have guessed this. 5 people say they listen to podcasts.

Oh, hey.

Know. Okay. Here we are are on a podcast. I do that. Yeah.

That's kinda refreshing that at least 5 people listen to podcasts. That's right. Thank you all. And

And one specifically said, listen to the Jay's party podcast. I said, oh, I appreciate that call out. Aw, that's nice. Happy to help you get in the flow. That's the opposite for me. Like, I don't wanna listen to podcast. No. I do. You know what I'd actually do is, like, do something that you're in the mood to do. You know? Like, if I'm like, I'm gonna do I just feel like Coding on this thing, then I'll get flow because I'm, like, not fighting against what I wanna do. But how do you Right. Work on something that you feel like working on? Yeah. Where was wander around Home Depot for 9 hours? Where was that? Is that

on the list?

That's funny because 1 person said, Procrastinate for 10 hours.

Oh, good.

Nice. There's the honesty right there.

And then a few people said drink alcohol or smoke weed, and I thought, is that? I've never been in the flow in these states. I don't know. Different strokes for different folks, I guess.

Alright. So no steal. So Shoptalk gets the points. They missed the last one, but they still managed to score 110 points in the round. So Oh, wow. That's gonna kick us rid Major league comeback after 3 rounds. We have syntax with 137 and shop talk with 170

re Oh. Oh, wow. Balance balance restored.

Balance restored.

There we go.

We now moved to round 4.

You stop giving them easy questions. Questions. Yeah.

This is called the inverted round.

This round look works a little bit different than our previous There's no face off. It's just a back and forth between the 2 teams, so we just rotate back and forth.

And you're trying to match the board, but it's inverted. So You wanna match the bottom of the board, not the top of the board. Woah. Okay? So there are 6 things on the board, and the bottom one gets Sixty points, and the top gets 10 points. There's lots of points to be had, but you wanna match the board, but at the bottom. K? So we asked 140 handsome JS party listeners, name your favorite HTML element.

Rid. There are 6 common answers.

And since team syntax is losing, we'll let them go first.

And we'll start with Divya. Divya, name Oh my gosh. This is so hard. A favorite HTML element. Remember, you do not want to have the most favorite. Trying to think of the bottom ones. Oh my god. And we'll have no conferring during this time. Yeah. But you don't you don't want the ones that are, like, So far gone. Did. You want the 6th most popular element? That's right. 4, 5, and 6 are the sweet spot. Yeah. Yeah. I'm thinking span.

That's what I always said. Show me Span.

Oh, sorry. Span didn't make the board. Who don't like spam? No one likes spam. It's all these React developers.

It has to be your favorite.

Yeah. Exactly. Yeah.

All these React apps just using divs for everything. Yeah. No. Seriously. Why span when you can I or div inline block?

Rid Divot line block. Love it. Okay. We go over to team Shop Talk. Let's have Amelia name a favorite HTML element. Oh,

It might be way too obscure, but I know it's got some fans out there. We're gonna go with Marquee.

Show me marquee. Good answer. Good answer. Yeah. Well done. Nice. Good answer. That's the number 2 answer, actually. So it's high school.

Oh, not obscure?

Turns out it's not that obscure, so you get 20 points for that one.

And we go back now to syntax, and we'll have Scott.

Let's think here about HTML elements.

What elements do I like a lot? Let's see. Button.

Show me button.

Number 3 answer, button. Woah. Good. So So we get 30 points for that one.

Well played. So now number 2 and number 3 are taken Marquis and Button. So number 1, 4, 5, and 6 are still out there.

And we go now to Chris.

Okay. So we're just going back and forth here. That's another way? Yeah. We're just gonna go back and forth. K.

2 of 6 have been answered. Then one's gonna be, why would I give you answers? I'm not gonna do that.

I'm gonna hope that a is on the list. A, the rid Anchor element. Show me

a. Woah.

That checks out. It's a JavaScript rid

Okay. Use the link

tag. Use a div with a link. I'll just say, personally,

a is my favorite element, personally. Rid On click as an attribute? Yeah. Div with an on click. Yeah. On click. Div with an on click.

I think we all are hovering around number 1. Okay. So we from Chris over to Wes on the same syntax.

I'm gonna go paragraph tag. Paragraph tag. Is it popular? It is. Yes. That's the number 5 answer. Yes. Oh, boy. Points. Points. Points. Points. So you score a A whopping 50 points on that. Dang. 50? Yes. Oh, that probably put us ahead.

Yeah. It was. Don't you wanna get less points for some reason rid on this weird ride. So that was Wes. Now we're back we're looping back around to Amelia.

It's Dave's turn. No. Yeah. You're right. Dave's turn. Sorry, Dave. Rid. We need something less popular than p, but more popular than, like, the Ruby element.

So

that's quite a range.

UL.

Oh my god. Show me UL.

Oh. No. No. All that default stylings. I forgot it was a JavaScript podcast. It's a React podcast. No. Just think, is there anybody out there who thinks My favorite element is an unordered list. I just love them. Divan, now we have to decide if we we take the easy

known number 1

Or risk it for the biscuit. I know. I think we take the easy points if you're asking me. We can take the easy one and then go for the later one. Yeah. That's it. Good strategy. Yeah. You might be sick of the joke, but, like, look at your name. You know? I know. Oh, yeah.

Clearly, you have a div on the gotta use it.

Show me div. Yeah? Yes. Of course. The number 1 answer. Nice job.

45 rid Respondents answered with div.

Okay.

So we now have number 1 div, number 2 marquee.

I can't remember the other ones. The number 5 p tag. I think it was, like, button and p. Yeah. Button is number 3. Marquee is number 2. Yeah. That's right. So we're missing

46. K. And there's only, like, a 112 elements left. Yeah.

Rid. Each team has 1 strike. So if you strike out, then we'll end the round. So you have a couple of guesses left. That was Divya. So now we're back to Emilia. Right? Yeah. I like images.

Kind of obscure, but also very nice.

Let's go. Let's go. Let's go. Show me image.

No.

Woah. It Who doesn't love an image? Woah. I would've thought that'd be on. For sure. That's a good guess. Yep. So 2 strikes for shop talk. Let's go back over to syntax. We're back to Scott.

Favorite.

Let's see. Considered the Ruby tag. It's really popular. Yeah. It is I love it. Popular. For, like, annotations or something.

Yeah. Super script. That's a good one. Sup? The WBO?

WBR. Yeah.

Yeah. WDR. Yeah. The table element?

Let's say the nav element.

In Symantec, show me Nav.

Yeah. No. Thank you. Sorry. My bad. Oh, man. Alright. Each team has 1 more guess. Alright. One more correctness. So here we go back over to Team Shop Talk. It's Chris again. Right? Yeah. Chris.

I'm gonna just shout out h one. Yeah. That was my second guess.

No.

For the sake of good podcasting? No.

Uninterested.

K. Well, I'm gonna think out loud here. So I'm I'm either thinking header, footer, or, like, a body

or HTML.

Oh, Super meta. You think people would be sassy enough to say, like, what's your favorite HTML type HTML? HTML body, header, footer.

I'm gonna say

There's too many choices. I'm gonna go body.

Part of me wants to say HMO. I'm saying body, though.

I'll tell you that body was answered by 1 person Oh. Did not make the top 6.

K. So SVG? Rid Still pretty good scoring on that round. Number 4 most popular element, input.

Oh. Input. People like input? Nobody Nobody likes inputs. No idea. Inputs are the worst in style. Yeah. Yeah. But they make you be able to do things on your website.

Mister. Alright. And the number 6 most popular hey. It is a JavaScript podcast after all. Script.

Woah. Wow. Wow.

Rid. I forgot that that was part of HTML. Honor yeah. That was part of webpack.

Honorable mentions.

Scott, couple people mentioned rid Iframe UL was mentioned by a couple people. The picture element was mentioned twice.

Somebody said keep it on the d l, so they're being very Cute with that. And someone actually said div, and then in parentheses, they put you. So divya, you Yeah. Shout out. Wow. We We have points for that, though. Right? Yes. We have points. Yeah. I counted that towards the div, so they got their points. Alright. So in that round, ShopTalk rid Scored 20 and syntax scored 90. So we have a game here. It's going back and forth. And after 4 rounds, syntax is in the lead with 227, And Shoptalk trails with 193 as anybody's game at this point.

Well, I bet, Wes and Scott wish they would have had An error logging service for that one, they coulda seen what they did wrong and and fixed it. You know what you could do that with? Service like LogRocket.

Now LogRocket is the perfect place to see all of your errors and exceptions happen. Let's say you read. Answered something completely wrong on a game show and lost some points, well, you'd like to see how that happened. Well, with LogRocket, you get a session video replay that shows you how your errors happened as they happened. It's really amazing. And, in fact, this is one of those visual tools you really have to see to believe because what's What's going on here is that you actually get a video representation, a video of the mouse clicking around that's scrubbable, the network request, The console log in way more than that, and you can check that out at logrocket.comforward/syntax.

Sign up, and you'll get 14 days for free. Seriously, go ahead and check this out, and just watch their video on their home page and see how this thing works because it is really, really cool. So log rocket.comforward/syntax.

We now go to round 5, and I'll tell you in round 5, all scoring is doubled. So it is Certainly, anybody's match. Let's get back to the face off.

And everybody is faced off at this point. Correct? I believe so. Yeah. I think so. Because this round yes. So we'll go back to the top of the face off with Amelia and Divya. And Amelia guest 1st last round, so I'll let Divya go first this round.

Alright. So there's 4 answers on the board. Divya, name a common mistake that developers make. Is such a broad question.

A common mistake developers make?

It even rhymes. I just noticed that.

They spell debugger wrongly.

I'm not on your team, but good answer. Good answer.

Show me Spelling things wrong.

Yes.

Yes. Oh, wow.

So we've joined forces. Typos and misspellings Was the number 1 answer. I combined the 2. So there's 29 there with typos and the spellings. Wow. Because what is a misspelling that's not a typo and vice versa? I mean, you end up spelling it wrong rid when you typo. So pretty much the same thing. That's 29 points, and you get to play the round. So Alright. Let's go. Team syntax in control. You have rid Three things left on the board. Of course, you have 3 strikes to give. Scott, it's your turn. Name a common mistake that developers make. Oh, gosh.

Don't make mistakes very much. I don't.

So let's see. It's tough. I get it. I get it. Yeah.

Scott makes no mistakes. Yeah. Yeah. Never ever. Including not spelling things wrong ever. Let's see. I here's a a a decent answer. I don't know if this will work. They pick the wrong technology.

Show me pick the wrong tech.

Oh, man. Sorry about that. That was very valid. Yeah. Not bad, but didn't quite make the board.

Alright, Wes. It's your turn.

Alright.

Would syntax error be covered under spelling things wrong? Re

boo.

Is that what he was gonna guess? No. It's rid It's your namesake. It's your namesake. Yeah. Yeah. Yeah. Yeah. Syntax is a big mistake. It is? Okay.

I'm gonna go, like, syntax error. I think I lumped it in with typos. I think I did because I'm not seeing it. I think that's similar to typos. No idea.

Alright. I have a I have another one then. Okay. Forgetting to save. Oh, that's a good one. Show me forgetting the save.

Woah. My end What? Guess it's just, It's a tough one. I got the auto save on.

There we go. Alright. So 2 strikes.

That's crazy. Okay. What's the average age of the audience? Are they Like, All all 12 year olds on Ipads. Yeah. They just everything's auto saved. Oh, man. Alright. We're back at Divya.

Okay. Cool. I think A common mistake that developers will have is okay. This is very generic, but messing up version control or, like, git commits.

Yeah.

Show me Git problems.

Wow.

What? Well, that's 3 strikes. Wow. All the things on my list are x's. Yeah. This is crazy. No. I was like, come on. So shop, talk, and Deal. There's still 3 things on the board. We only have the number 1. No. We only we only got 2 wrong, didn't we? Got 2, didn't we? All 3 of you got 1 wrong, didn't you? Rid Pick wrong tag. Forget to save. Get mistakes. Yes. Here we go. Chris is on there. Oh, man. I'll give him 1 more.

Alright, shop talk. You got rid You can confer amongst yourselves. Oh, we get to talk. That's right. Yes. There is only 4 or only 5 answers? Or 4 total. 3 left. Wow. There's

No points to steal here. It is a low scoring around. Yeah. They deploy on Friday. Is it possible?

Deploy on Friday. Messing up types, like like trying to add a number in a string? Type coercion or whatever. Type coercion? It's like,

really big bundles Or memory leaks? Oh, performance problem. Performance?

Okay. I like that. Div as a button? Mhmm.

Semantic elements?

Yeah. How do you say perform you used to say, like, do performance bad?

Yeah. Bad performance? Yeah. You could say do performance bad. I think that's a good idea.

Yeah. You you should say that. Okay.

Oh, no.

Wes is, like, in the database. Wes has reverse engineered the form. Yeah.

He found the form printouts in the dumpster out back. Yeah. Alright.

Show us due performance bad.

Re Failed this deal. To say refresh production. So a lot of missed ones here. This was a tub a trouble round. Number 2 answer, off by 1 errors.

Oh, that's Yeah. Okay. Yeah. Yeah. Yeah. Yeah. That's Yeah. Number 3,

forgetting semicolons.

That's why it's a syntax error. That's a syntax error. I'd purposely do that. Yeah. Syntax error for getting a semicolon.

Oh, man. Yo.

Roll the tape. It's a very specific response. It was a very specific response, so I let it have its own. That's a stylistic thing too. I specifically said semicolon, though. Oh, you did? West did say that. My Did say syntax.

I'm sorry. I heard syntax error, and then Chris started making fun of it. And I Point. Point. Point. It's okay. It's okay. Alright. We get that back then. Everybody missed it. My bad. Number 4, premature optimization.

Okay.

Enough. Now there's a lot of them that just barely missed the top 4.

Who who put that answer? Was that Kyle Simpson or something?

Rid. Spam in our form? Yeah. Yeah. No. Yeah. Perhaps. Alright. There's a bunch of them that were tied at 5.

Re Breaking production was answered a lot. Editing or testing the wrong thing. So that's similar to what you're talking about there, Wes, with not saving. Leftover console logs Was that, bad docs, no docs, and then over engineering? Those are all mentioned 5 times.

1 person said building the wrong thing. Rid Oh, I accidentally build a website, bro. Once said building things nobody wants. Yeah. Yeah. Showed up to meeting. Yeah.

Built a div instead of a button.

1 person said writing code, and then 1 person said getting stuck in Vim. So we can't go Getting stuck in rid Every client for you has to have a pen reference in here with it. Thought those are trolls.

Alright. So there's 29 points scored by team syntax. And since it's a double round, we double that. Yeah. Yeah. Yeah. Do we get points for the semicolon too?

No.

We fought harder than we lost. I apologize.

That's a upset. The law one.

So after round 5, it's syntax 285 and shop talk 193, we have just One round left.

Sick.

Let's go. Alright. Round 6 is also a double score round, so this is ShopTalk's big chance to make a comeback. Step right up.

Chris versus Scott.

Which one of you 2 got the 1st guess last time around? Was it Scott? So we'll let Chris take the 1st guess here. Rid I did. Round 6, a double round. We asked 140 intelligent JS Party listeners, name an organization that helps push the web forward.

Chris.

The w three c.

Show me the w three c.

That is the number 3 answer. It's not the number one answer, which means Scott has a chance to take the round.

Oh, yeah.

Name an organization that helps push the web forward.

An organization that You got it. You got it. That helps an organization.

Does that include, like, nonprofits, Like, helps push the web forward.

Man, this is tough.

I don't know.

Let's say Take a guess. Yeah. Come on, Scott. We had a show on this. Own a friend.

We're helping We had a show on this? We're helping them. Yeah.

We had a show on this. What is that?

We we possibly had a show on.

Scott's now going through 300 episodes.

We're gonna need an answer here, Scott. Guess what? Shoot.

Shoot.

I don't know.

Organization that helps push the web forward.

I'm just I know. I'm sorry, Wes. I'm I'm very sorry.

Wes is trying to provide visual aids here. Table talk. Woah. Woah. Woah. Woah.

We got some Baseball, this is this is table talk.

Apparently, he wants you to steal a base? I don't know what he's doing. I don't know what he's saying to you. Baltimore

Orioles. Oh gosh. Alright, Scott.

I'm so sorry. Free code camp. Who cares? Free code game. Show me a free code game. Oh, that's a good one.

That's pretty good, though. Yeah. I liked it. Alright.

Shop talk. Gets around shop talk. You're well positioned to Deal this game right here and now.

Chris got the number 3 answer. There's 5 total answers on the board. We got this. We got it. So there's 4 left. Numbers 1, 2, 4, and 5, and we go to Dave. Dave, name an organization that helps push the web forward? Google Chrome. Google.

Show me Google.

Number 2 answer, Google That makes sense. With 28 responses.

I wasn't thinking like corporations.

Alright. That's 23.

14 and 5 are left. Amelia, it's up to you.

I'm gonna go with MDN.

Show me Mozilla developer network.

Yes. Number 1 answer

with Wow.

51 answers were Mozilla An MDM.

Yes.

So killing it, you have just But we can lose it if we don't get the 4th one. Left. There's 5 total. There's 2

rid No. Left.

Yeah. Back to you, Chris. Oh. Oh, boy. 2 left? Uh-oh. It's not gonna be freaking Apple. Right? And then all they get is Yell that for not pushing the web forward. Even the

WebKit everything.

Rid Remember, you get 3 strikes, so you have it you can throw throw 1 out there and see what happens.

Oh, yeah. Oh, that's true. Right.

I'm just gonna go with with Microsoft because they They actually do work in the web.

Microsoft.

Show me Microsoft. Sorry. It says number 5 answer. So now you've gotten 1, 2, 3 and 5 has 1 answer left. And you have 3 strikes, so you're sitting pretty.

David's to you.

Rid I'll do t c 39.

ECMA script group.

Show me t c 30

Hey. Woah.

Woah. Man.

Tell you Scott we did a show on. Yeah. I know. I was like,

I was gonna say CSS tags. Why were you touching your head? Always kinda like head. What's that head head in front? I didn't get the hat thing. Look at your hat.

What hat are you wearing? It's a GitHub hat.

Oh, GitHub would be a good answer. Yeah. Yeah. That is Yeah. I would have said Smashing Magazine personally. Well, GitHub is Microsoft at this point. That's true.

Yeah. Okay. That's true. So that of huge round for Shoptalk. That was round 6. The final round is also a double round.

Oh, man. They scored all of the points. And when you double all those points, that round alone was 216 points. Oh.

So Yeah.

With I'm so sorry. 409

points, the winner of Front End Feud.

Wow. Supercollab is shop top. I have never lost on this program.

Rid. I'm so sorry, guys.

You

stole it, though.

I know. No. Thanks. No thanks to double points. Yeah. Killer. I like my points non doubled. Okay? Thank you.

Alright. This episode is also sponsored by Mux atmux.comforward/syntax.

Now Mux is rid. The developer first video API service that allows you to store, host, live stream, and so much more with ease. I remember back in the day when when Stripe came out, they totally changed the game by making, like, developer first APIs for payments. Right? Rid But this really feels like the same thing for video. There's been so many times when I personally wanted to deal with video on the Internet, and I've Really felt the the pain points of how do you get into video streaming without having to set up 18 different services? Well, now you can do it with 1 developer friendly first service at mux, mux.com, and this is actually what we use on our own site, leveluptutorials.com, to do all of our Our video processing, our live streaming, anything like that is really neat. Now the coolest thing that this service does is they generate rid Video on demand, essentially, just in time encoding, which is really neat, meaning you don't have to store a bunch of video that nobody's watching If nobody is watching that specific resolution of that video and this streaming is being done as the user requests a video, it's being transcoded on the rid. Instantaneously and then cached for the next time. It is extremely cool. You can get thumbnails, animated GIF previews, rid All sorts of really amazing features with Mox. So check it out at mux.comforward/syntax.

Alright. Well, ShopTalk, congratulations on the big win. What do you win? Well, you win an opportunity to shout out or say whatever you like. You cannot gloat. You must say something not about syntax. It has to be anything else. Shout out something. This is your chance to speak to the JS party listeners.

Chris, you wanna go? You you said you had something earlier. Well, I was just thinking of it because it came across my desk. There's there's, like, a light like, a local feud in town here in rid And this guy's, like, really mad that they put a gate on his property, and he made a whole website about the gate and how mad is he is about it. And I wanna shout out to rid Feud websites, because we're playing the feud anyway. Nice. But I think you get extra it's extra cool to make a website of your madness.

Make that beef public. Just make that public.

Well, at least build something constructive.

Yeah.

That's beautiful. I love it. Shout out to feud websites everywhere. I wanna give one last shout out to our 140 handsome

re JS party listeners who took that survey. Now we did promise a free JS party. To do a good shout out, though. That's not fair. Right? I just did, like, a Stupid one. There's gotta be a good one to do. Oh, you want another shot at it? Alright, Dave. Can you give a good one? No. But, like, Amelia or Dave should do a good one. Oh, okay. Well, my my shout out is gonna be, to Amelia's

cool GitHub visualization project to help, like, you visualize a a GitHub repo in a re Nondirectory of files way. I think it's really cool. So hey. Thanks, Dave.

Yeah. I will double that effort. I think I showered out last episode. We're so impressed. We just keep bringing ready. Nice work. Would you like to give a shout out maybe back to Dave or anybody else? I was actually gonna say CSS Tricks for the last question, so shout out to rid CSS strikes even though it wasn't on the board for some reason. For pushing the web forward? I agree. That's what I do. I should say there were a couple of honorable mentions that round. In all of the excitement, I forgot about them. So the Chromium team themselves got a couple of shout outs.

Vercel got 3 shout outs. Rid The EFF, the Electronic Frontier Foundation Oh, yeah. 4. And then Oh, yeah. Couple people shout out open source even though it's not an organization, but Definitely the open source community pushing things forward. I will I will back up what Amelia says and say CSS tricks. Definitely pushing web developers and web development forward Over the years as well as y'all's podcasts, awesome stuff continuing to put out. Totally.

As well as free Code Camp too. Right? That was Yeah. That's also a good one. Yeah? Yeah. Absolutely. Surprise that wasn't on there. It got one mention, I believe. And level up tutorials? Yep. Rid Yeah. Anything else to shout out? Westboss's blog?

Westboss.comforward/courses? React for beginners wasn't on there because, Like, I feel like a 100% of people who know React know it because of less this course. So is that not is that on there? There we go. Got all our plugs in. There we go. Yep. There we go. Here we go. Definitely

should have been on there. Well, we'll give one last shout out to a JS party listener. The winner of the free J s party T shirt, remember everybody who took the survey had a chance at it, is

rid Jenieve Parish. Jenieve, you want a free shirt? Hey. Jenieve.

Yeah.

That was so sad.

Rid Of course, that means that a 139 of you did not win, but Don't fret. You can always just buy yourself a shirt atmerch.changehog.com.

How about that? And as a bonus, since I'm feeling generous, we'll also give out a free shirt to one rid Random member of our JS party community Slack. So if you don't hang out in there with us, you should.

It's pound j s party. You can hop in there at changelaw.com/community.

It's all free. Hang out during the live shows. Talk the web dev with us.

And on, what, September 17th, I decided we'll just Pick a random person in that channel, and we'll ship you a free Jay's party T shirt as well. I wanna thank the guys from Syntax and Shoptalk For joining the show and playing this awesome game with us. Round of applause for just the participation right there.

And, of course, thank you to rid Divya and Amelia for sprinkling the JS party into the show. Love it.

Thank you all listeners for playing along with us. This has been Front End For You. This has been Jay's party, and we will talk to you next time.

Head on over to syntax.fm for a full archive of all of our shows. And don't forget to subscribe in your podcast player or rid Drop a review

if you like this show.