Potluck - Dev Culture Fit × Slack Communities × Vanilla JS × Backpacks × Raspberry Pi × More! episode artwork

EPISODE · Jan 29, 2020 · 1H

Potluck - Dev Culture Fit × Slack Communities × Vanilla JS × Backpacks × Raspberry Pi × More!

from Syntax - Tasty Web Development Treats · host Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

It’s another potluck! In this episode, Scott and Wes answer your questions about dev culture fit, Slack communities, vanilla Javascript, backpacks, Raspberry Pi, beards, and more! .TECH Domains - Sponsor If you need eyes on your project, you’ll need a domain, and .TECH is perfect for representing your brand. Find out if your .TECH domain is available at go.tech/syntax2020. Use the coupon code Syntax2020 and get 90% off 1- 5- and 10-year domain names. Netlify - Sponsor Netlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up netlify.com/syntax for more info. Show Notes 3:10 - Q: Recently I took a job as a lead dev doing the exact kind of work I’ve always wanted to do. But after the first week, I really hate it. I feel like I don’t fit in and I’m seeing many red flags. There are no processes and there doesn’t seem to be any real excitement around what we are building. What should I do? Do I suck it up for a while? Or do I start looking for something else, potentially taking a pay cut (and moving back into doing web dev as opposed to building apps) to work at another creative agency with people who are more my jam? 10:32 - Does Syntax have a Discord or Slack community channel to collaborate on topics? 12:00 - What is one thing that really annoys you about Javascript? I’m curious if you could change one thing about the language itself, what would it be? 15:08 - Have you tried Fauna DB? 19:13 - What are your thoughts on including tutorial projects in a portfolio? (For example, putting the Sick Fits site from Wes’ Advanced React course in a portfolio.) I’m relatively new to React and have a couple of my own projects, but a bunch of projects from following a course. 23:58 - A site you’re maintaining is hacked, how do you handle fixing it? 30:28 - My bookmarks are overwhelming! I just started learning web dev and even though I sort my bookmarks into folders, I end up with so much that I don’t even know how to use them. What do you guys do for managing bookmarks on browsers? 34:15 - How would you recommend integrating React and other modern JS frameworks into (more or less) “static” or “brochure” websites? Say for instance I have a banking website that has mostly static content, but also has complicated JS pieces such as calculators, location finders and sign-up forms? I currently reach for jQuery & jQuery plugins for these pieces of functionality, but React and Vue sound like they could also help solve these one-off pieces of functionality. Most tutorials and examples are based on creating apps from the ground up, but what if you only want to sprinkle these frameworks in and only use them where JS is necessary? How might the both of you solve for these scenarios? 38:00 - I was wondering whether you could share which backpack, or bag do you use for carrying your laptops? I’m looking for something that would be useful for carrying my 16" Macbook Pro, but also could hold some other stuff like groceries, clothes, or other various things that one may want to put there. 41:50 - Do you write out a vanilla fetch() in your components that need it, or do you use a fetch “wrapper” written by yourself or someone else? If so, what does it look like? 46:16 - Have you ever done any automation projects using a Raspberry Pi? I am trying my hand at remote access to the solar power setup at our ‘bach’ (pronounced ‘batch’) here in New Zealand, which is the same thing as a ‘cottage’ in Canada. Finding it hard to find good resources for this online as most get really technical really fast. My idea is to take the RS485 modbus data and just send it up to a DB every 5 minutes or so. 51:38 - What do Wes and Scott think about beards and have you ever thought about growing one? Links Syntax 215: Hasty Treat - Picking the Stack for uses.tech - Gatsby, React, Context, Styled Components r/SyntaxFM/ Fauna Hasura neo4j Wes’ Advanced React Course Pocket Full Stack Radio 132: Caleb Porzio - Just Enough JavaScript with Alpine.js Peak Design Everyday Bag Raspberry Pi Extreme ironing ××× SIIIIICK ××× PIIIICKS ××× Scott: Shogun Wheel Yoga Wheel Wes: Velcro Cable Ties Shameless Plugs Scott: How To Make a GraphQL Server - Sign up for the year and save 25%! Wes: Beginner Javascript - Use the coupon code ‘Syntax’ for $10 off! Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

It’s another potluck! In this episode, Scott and Wes answer your questions about dev culture fit, Slack communities, vanilla Javascript, backpacks, Raspberry Pi, beards, and more! .TECH Domains - Sponsor If you need eyes on your project, you’ll need a domain, and .TECH is perfect for representing your brand. Find out if your .TECH domain is available at go.tech/syntax2020. Use the coupon code Syntax2020 and get 90% off 1- 5- and 10-year domain names. Netlify - Sponsor Netlify is the best way to deploy and host a front-end website. All the features developers need right out of the box: Global CDN, Continuous Deployment, one click HTTPS and more. Hit up netlify.com/syntax for more info. Show Notes 3:10 - Q: Recently I took a job as a lead dev doing the exact kind of work I’ve always wanted to do. But after the first week, I really hate it. I feel like I don’t fit in and I’m seeing many red flags. There are no processes and there doesn’t seem to be any real excitement around what we are building. What should I do? Do I suck it up for a while? Or do I start looking for something else, potentially taking a pay cut (and moving back into doing web dev as opposed to building apps) to work at another creative agency with people who are more my jam? 10:32 - Does Syntax have a Discord or Slack community channel to collaborate on topics? 12:00 - What is one thing that really annoys you about Javascript? I’m curious if you could change one thing about the language itself, what would it be? 15:08 - Have you tried Fauna DB? 19:13 - What are your thoughts on including tutorial projects in a portfolio? (For example, putting the Sick Fits site from Wes’ Advanced React course in a portfolio.) I’m relatively new to React and have a couple of my own projects, but a bunch of projects from following a course. 23:58 - A site you’re maintaining is hacked, how do you handle fixing it? 30:28 - My bookmarks are overwhelming! I just started learning web dev and even though I sort my bookmarks into folders, I end up with so much that I don’t even know how to use them. What do you guys do for managing bookmarks on browsers? 34:15 - How would you recommend integrating React and other modern JS frameworks into (more or less) “static” or “brochure” websites? Say for instance I have a banking website that has mostly static content, but also has complicated JS pieces such as calculators, location finders and sign-up forms? I currently reach for jQuery & jQuery plugins for these pieces of functionality, but React and Vue sound like they could also help solve these one-off pieces of functionality. Most tutorials and examples are based on creating apps from the ground up, but what if you only want to sprinkle these frameworks in and only use them where JS is necessary? How might the both of you solve for these scenarios? 38:00 - I was wondering whether you could share which backpack, or bag do you use for carrying your laptops? I’m looking for something that would be useful for carrying my 16" Macbook Pro, but also could hold some other stuff like groceries, clothes, or other various things that one may want to put there. 41:50 - Do you write out a vanilla fetch() in your components that need it, or do you use a fetch “wrapper” written by yourself or someone else? If so, what does it look like? 46:16 - Have you ever done any automation projects using a Raspberry Pi? I am trying my hand at remote access to the solar power setup at our ‘bach’ (pronounced ‘batch’) here in New Zealand, which is the same thing as a ‘cottage’ in Canada. Finding it hard to find good resources for this online as most get really technical really fast. My idea is to take the RS485 modbus data and just send it up to a DB every 5 minutes or so. 51:38 - What do Wes and Scott think about beards and have you ever thought about growing one? Links Syntax 215: Hasty Treat - Picking the Stack for uses.tech - Gatsby, React, Context, Styled Components r/SyntaxFM/ Fauna Hasura neo4j Wes’ Advanced React Course Pocket Full Stack Radio 132: Caleb Porzio - Just Enough JavaScript with Alpine.js Peak Design Everyday Bag Raspberry Pi Extreme ironing ××× SIIIIICK ××× PIIIICKS ××× Scott: Shogun Wheel Yoga Wheel Wes: Velcro Cable Ties Shameless Plugs Scott: How To Make a GraphQL Server - Sign up for the year and save 25%! Wes: Beginner Javascript - Use the coupon code ‘Syntax’ for $10 off! Tweet us your tasty treats! Scott’s Instagram LevelUpTutorials Instagram Wes’ Instagram Wes’ Twitter Wes’ Facebook Scott’s Twitter Make sure to include @SyntaxFM in your tweets

NOW PLAYING

Potluck - Dev Culture Fit × Slack Communities × Vanilla JS × Backpacks × Raspberry Pi × More!

0:00 1:00:37
of MATCHES

TRANSCRIPT · AUTO-GENERATED

You're listening to some tracks. We're going to taste the other military down there. You're still getting it. You're ready.

You're just going to listen to and whistle. I hope you're hungry. You're ready for the fuck. It's not great in trouble.

It is. We really talked about potentially having some sort of a new theme or intro for the episode. So I'm really glad that you're supposed to do that, especially without telling me to make the even better. So today we have a polycapicode, which is use them at the questions.

We answer them for you if you have any questions. You like us to answer on a polycosin tax. Go to the ask a polycosin button. And put your text in the box.

Submit it. And we'll answer them. Maybe. Yeah.

We get a lot of questions, so we really try. Yeah, but a lot of them are not very good. So keep submitting your good ones. But if we don't have to do something, you're supposed to go to the chat.

If we don't answer it, it might be because we've answered it in a previous public or because we still want to. Just okay. We keep submitting them. We love them.

Today we are sponsored by two awesome companies. First one is dot-tack-domeanes. And the second one is nullify. Funny enough, both of these sponsors are using my latest project.

Use this dot-tack. And we will talk about both of these companies part with really episode. So Mr. Tlipi, if you ever listen to that, use this dot-tack episode.

Go put that one on. It's really good episode. Yeah. How you doing?

Today, Mr. Tlipi. You can tell about my timing things are. You know, they just tell the art when you're in a fair night.

I was joking on Twitter and with Courtney that we're going to call the shop on the Ask for a picture for the table. It's going to be a couple of fish balls of the cold group. And she's like, get them to bring us the cake. So you know, this is how it is.

We're living. We're living on the table. When I was in high school, the school place for suburban kids to hang out with this restaurant. It's Canadian restaurant called Boston Pizza.

You don't have that down there, do you? I don't know. We have Boston market. No, no, totally.

I don't know. Boston Pizza is a Canadian pizza chain. And it's like the place to go drink when you're in high school. And they had these like fish balls where you just get like a big thing, a good later vodka and you just drink it out of a fish ball that reminded me of that.

Oh, yeah. Okay. Yeah. Yeah.

This was always a Boston pizza though. I don't know. I don't know. I don't know.

There's California. California. I don't know. But I'm sorry.

I'm angry for many of these. Boston Pizza is the best. And you won't know it. Boston Pizza is not the best pizza.

And the restaurant. And I can't speak to the actual city's pizza. But anyways, let's get into our first question. We have here is from a watering wall.

The section of a big question. So buckle up. Hey, Scott and Wes. I'm a huge fan of the show.

Thank you so much. And March 2019, I left a creative agency that I've been with for two years to pursue freelance. Around October of last year, I started to get the feeling that freelance wasn't for me. So maybe six, eight months freelance in San Asa, really for me.

I got pretty lonely. I really started missing collaborating with my colleagues face to face fast forward to early January. I was offered a lead dev job at a mid-sized company and I took it. It is exactly the work I've always been wanting to do building apps and react that will end up needing to scale.

Pay is really solid and the benefits are great. And I'm going to learn a ton. So far so good. I've only been at the job for a week and I really hate it.

Oh, I can center myself to be pretty intuitive and I feel like I just don't fit in and I see many red flags. Everyone is perfectly nice and their back end developers are very talented, but there's no process in place regarding properly building applications or collaborating between designers and developers. There also isn't any real excitement around what we are building and thinking it somewhat antiquated. I've found positive energy.

So far everyone has been pretty blocked. I've been miserable this whole week and super detergent. What should I do? I suck it up for a while and start looking for something else potentially taking a pay cut.

That's the scariest thing of all is a well-paying job you hate. And moving back into doing web dev as opposed to building apps into work for another creative agency with people that are more my jam. Building a little frustrated little loss. I could use some words of wisdom from El Toro local, and Barracuda boss.

You could be doing yourself for being mentors. Wow. Yeah. That's a tough one.

Right. So for some all congrats. Personal experiences. Yeah.

Okay. So first of all, a week, I don't think it's enough time. Right. Like I think that you probably can get vibes for people and I've certainly done freelance jobs where I go into a company and you get those vibes immediately from the people that you're working with.

So I would push out a little bit longer. We said that you are a lead dev out of its nice company. So the fact that you are a lead dev of it sounds like you're like a lead of doing apps. Like maybe there is some space to change things.

Right. Not necessarily this can't always happen, but in a lot of cases, you can be the change that that company needs to see. And it certainly you'll be able to get some opposition because you're the new guy that's been there for a week. And these other people have maybe a little bit jaded or maybe a little bit used to doing what they've been doing for so long.

But if you're the lead of it, maybe change things out, maybe it's a new process and play new drooling things like that. So I would definitely see that out because it's work that you like. It's good pay. It just seems like the culture is a little bit different.

I think that could potentially be changed. And then I don't know. Maybe in six months, if it's not panning out, I certainly wouldn't think that would be a bad idea to keep looking and keep your your ear out for some. What do you think?

Yeah. I think you're dead on in a lot of that because the more I think you're about to say more and more personal experience. You mentioned this being like a lead and being able to make that change. I'll never forget.

When my first job was like, I work as a projectionist essentially. It was an audio technician or video technician or whatever I was a projectionist for the medical school at the University of Michigan. And there was a really interesting culture there where everyone had been there for a very, very, very long time, like 30 years, right? And there was somebody that they did things.

And I came in on my very first week and I walked into this one closet and the closet was an absolute mess. It looked like there's stuff on there. There's no organization. It was just the absolute biggest nightmare you've ever seen in your entire life.

And so I got to do my first week and a clean closet. And I actually scrubbed clean it like a nice and clean clean, but I organized the life out of it in the best possible way. So you could actually walk in and find things and I did so to respect even the nonsense in that place. And what happened?

I got absolutely destroyed by an older gentleman who had worked there for his whole life and was like, what are you doing? I'm like, I just saved your own closet and like my boss came in and was like, listen, you did the right thing. Like you're going to get some resistance when you're trying to improve things. So if you have the power to work on the improve things, you might want to go for it.

You might alienate yourself. You might be a little bit careful about that. But again, like you like, like you said, if you have that title, you might have the ability to change things. When I got my first senior role, I really changed a lot of the process in terms of adding better workflows and things like that.

They weren't, you know, they were things we really wanted to do, but giving opportunity now I could do it. Another little piece I have to draw is a mentor of mine. He got a job of his dreams in Chicago, which is the four hours from where we live right. So it's a decent reason.

Right. Right. Right. It's not.

But he picked up and they were planning on moving their whole family there. They had, he was commuting on the weeks and then just saying in the place temporarily while they left for house and he worked with this job. And basically was ready to pick up everything and move for this better pain. What he thought was like a more advanced job.

And what he found was that the managers didn't understand dev as much as he thought they did. Although the work that they were putting out, they looked nice and was great. If they didn't understand dev process, they didn't understand how to work with the developer. They were giving him a bunch of awful tasks.

I mean, he just smart excellent developer and he just could not do it. You ended up quitting just saying, no, come back. And then a lovely, you did that before they, you know, move their whole family out there. But the whole thing is that if it's not right, it's not right.

And you don't have to stick it out if you can come back to whatever you're doing before or if you can look for another job. I don't know if I would jump off of the ship before I didn't know the ship pulled up that you could hop on to. Right. So if it's really not feeling right, even right now, if it's not feeling right, apply.

Just an applying for stuff. Just apply. If they ask you in an interview, why you apply for things? This place really isn't right for me.

I don't want to like rag on the people who work there. It's just not necessarily a good fit with the way that I like to work. And people are reasonable to understand. So maybe just sort of applying and who knows maybe another job will come up and who knows you might have to take a tiny little paper.

But also maybe you might find a really great job. So just start looking. Even if, you know, if it's not the right field, just are looking and you don't have to accept another job if it not for as long. And your current money is better.

There's no harm in looking there. So that's my thoughts, really. Awesome. You all got the next question?

Yeah, this next question is from Nicholas Graham. I'm glad you asked me the reason why I left it. And I didn't even use this question at all. The episode that came out on Monday was that so Graham asked this question before we've done that episode.

So I just wanted to go a quick chat about there's a Slack community for people who have purchased less courses. There's a Discord community for a little bit of tutorials. And it wasn't just created a Reddit community for listeners else in text. So you go ahead and inside for that Reddit, you can chat about the episodes.

And you can join my Discord and chat about the episodes in these texts chat right there. But that's the option right now. Yeah, it's ready. I'm ready.

com, r4 slash syntax FM. Or syntax FM dot reddit dot com. I know if you knew that. Really.

No. And syntax FM dot reddit dot com. Yeah. Yes.

Wow. Okay. That's awesome. So please go ahead and post anything you want there.

I think it'd be really cool to see what it looks like. I know there's a lot of people that aren't on Twitter. We certainly will still use our Twitter. But I just spent all the time uploading a banner and.

Okay. I'm uploading a banner. That's great. All right.

Next question. From rock and roll. I want to know this person knows that my dad's name is actually rock. And what a lot of his name would be like involving rock and roll.

Like this friend's building a rock and roll. Like this thing's rock. So this is fun. Rock and roll.

Let's behave. So it's got that ass. All right. What does that mean?

Missing proper module import. Why is it missing that? You are rock and roll. It's usually real.

And what's not my dad. That's a question. What's my Twitter about what you referred to here. Yeah.

Anyway. What really noise about JavaScript? I don't know. Not a lot.

But there's one thing that doesn't want, every time I import a module it's the fact that if you're typing. You import what it's called first. And then where it's from second. So import a render from React.

And I wish it was the other way around because of better. Artical. So if it was from ReactOm, import. And then it would all complete all of the exports in that thing.

like things out there, but the sheer fact of the way that you write it first doesn't lend itself to good autocultation. Whereas if you gave it the filing first and then what you want to import from there, that would be much better. I think interesting. Yeah, so this is when I had a financial reaction to this question was the thing I like, I like, lease it out on JavaScript is when you tell like the job of the real developers that you write JavaScript are like, oh, because I think you're thinking what you're doing is, you know, writing, you know, in 40,000 degree plugins to whatever you're doing to do a live box or something.

Like, that's not really what we're doing anymore JavaScript or something more there, but that's not a problem with the language itself. Obviously my answer to this for what's the thing that you you would like that you could change about the language itself. And I don't know if this is controversial at all, but this is something that I really like. I personally wish there was an official like required format.

What do they call that? I'll just go, we're forced sanity enforced. Yeah, right. You know, you think it's something like Python, right?

Where if you miss the actual way that Python is typed, it breaks. And I really like that. I mean, I sure, prettier is coming into like, okay, this is how it formats it, but they're still just, you know, when you open a JavaScript file, it's something else wrote, you don't know what you're getting in terms of formatting, regardless of whatever. And they have to opt into prettier.

I would really love it personally if there was to say this is the specific way you have to write it. I understand why it's not, but just something nice. I would personally, yeah, they just forced you to write in a specific manner. I wouldn't mind that.

Yeah. Next question is from Ivan, the great door, the terrible or any of my other slides, I've been chatting to people, I've been a few months and he's a 90s people. Okay. So this question is from heavy tried up fundb fun.com.

The guys from Webflow are suggesting it's I have a little note here. This are tagline says a database bill for serverless feature and native graph you all a full featured database two year apps and minutes access effortlessly from the browser for mobile. Never worry about data correctness, capacity redundancy, latency, and availability. So a fundb apparently is going to do everything in the world for you.

And it's sort of built around this whole serverless thing. So to answer Ivan's question, I have not tried fundb. I have looked at fundb. I have opened their documentation page about a couple times in the past, but I haven't actually gotten any feet on the floor with this one just yet.

It's an interesting looking thing, but I don't really know what time about it. It seems pretty cool. They actually tried to sponsor the podcast, but we're at a spot. So we're free plug fundb on a dot com.

Yeah, four slash attacks. Everybody, everybody go to fundb.com for us and then there are four or fours. I'm going to spike it. Like what happened?

Oh, no. Anyways, it looks like it's like a database but also has an API in GraphQL as well as another REST API. I certainly a lot of people have been asking me about it over the last like year or year and a half. I don't know anybody that's running apps on it, but it certainly seems pretty nifty.

Yeah. And so it's a hosted database, right? You're not hosting it yourself. I don't know.

Can you host it yourself? It seems like there's this world right now where the lines are sort of becoming blurred between the database itself and the management of database. You think it's like Hestero or any of these new sort of backend CMSs that are coming out where instead of even thinking about database, it's key ones. You're just thinking about data and how it's stored.

And me personally, I really like that. I like that. I'm not having to think about the technicals and somebody's going to worry about how the details of the performance for the database work and things like that. So I don't know, I'm going to give a fun adriag as a matter of when I'm going to fun that time.

But I definitely only going to give it a try. I think there is probably a lot of competition in the space around hosted data, whether that is a database data as a service, the services like Fauna. There's what there's a lot of stuff popping up with GraphQL. What's out in the Neo4j, Neo4j?

Well, Neo4j is a graph platform, but it's not GraphQL. They're the ones that have totally gone in a separate direction and another own thing that's not GraphQL, which is cool because it's always good to see like people questioning best practices. That's how we got react. Cool.

And the only like reservation is that like if you ever wanted to take this thing yourself, certainly get your data out, but we all remember when parse shut down, right? But then again, I'll use Firebase in a hot tip. I'll use Firebase really quickly. So I'm not against these sort of hosted cloud databases for you just have to think about it.

Are they going to be around forever? And can I get my data out right? So yeah, that's cool. Yeah, those are all big concerns.

What who's using it for what and how easy is it for them to get their data out at the end of the day? You know, like if it's being used by Google and Google would need to get their data out, then they're going to make it so you need to, you know, like what are those parameters around that? That's like things to think about. Next one is from Eric B, what are your thoughts on including tutorial projects in a portfolio?

For example, putting the six websites from West is advanced re-accordion in the portfolio. I'm relatively new to react and have a couple of my own projects, but a bunch of projects from following the course. Yeah, this is a good question. So first of all, is allowed absolutely to do what everyone with the projects you do in my courses?

Should you pass it off as your own? Is it another question? So I think what I see most is that people build their own thing. It's not necessarily the exact app that we build, but they say like, all right, I'm going to take the ideas of off and users and items and relational data and maps and I'm going to make my own thing that is sort of like that.

Absolutely go for that. If you're just putting the finished product of following the tutorial in your portfolio, then I think you should probably mark that as like not for my own, like I don't care what you do, but just from somebody looking at your portfolio, they should know that you didn't whip up this thing from scratch, but you did sort of follow the tutorial along the way. I think that's where I'm Yeah, that's a tough one because again, a lot of the challenges that we face in programming are those of how do you get around this issue that you've encountered or this problem that you're trying to solve. And really what things and a portfolio to me should be is, did you solve these problems that prove to me that your capable of solving problems in the future?

And if you're following along to some sort of an example, right, that's maybe paying by numbers, are you really solving these problems yourself? Even if the tutorial creator like you and I has left in some issues to help you understand how to solve problems, are you still solving those problems yourself? Did it display that you had some sort of thought process behind it? Because okay, here's the deal.

If you're applying for a job that's mostly CSS and React stuff, maybe whatever, just some basic JavaScript, or maybe you're just doing CSS, right? Let's just say you're just doing CSS. And then you took a tutorial that was maybe it was lost as React tutorial and you flipped it by making it your own custom interface that that means all those problems, right? It shows that you found out these custom interfaces and you thought about how to solve those things and you didn't just paint by the number.

So it's in me, it's more about how you flip it for the things that interviewer would be looking for. I'm not going to say that like tutorial content is toxic to do a in your portfolio, definitely not the case. Definitely usable, but it has to illustrate that you solve those problems and that you understood why there were problems. Let's say you need to get some eyes on your project.

Well, you're kind of need to domain for that project. You're going to need an entrance way. Sort of the the full area of your project is the domain. I think about it that way.

You're going to want to fancy cool domain. And that's why we have a not to tackle me and sponsoring us today. The little more about tech. Yes, is it in itself?

Westmos. Oh, the tech guy, you can call me actually. I think Playa La Port has that sort of comment. I'm at it.

So dot tech dot TCH is a new TLD top level domain that you can register your own. I actually went and got uses dot tech and I have a West dot tech which I don't have anything up there just yet. But West dot tech and uses that use that tech. We did an episode on a couple of week or two ago, which is really cool.

And we sort of detailed everything that we use on there in the domain name came from tech. All kinds of brands. Yes, if I come in town, have all migrated to dot tech and it's perfect for representing your brand due to its affinity and inherent meaning. So it's pretty cool.

I want to get out uses dot tech, which is the website that I built with my dot tech domain name. And I want to encourage you to check is your name, that's available. If so, you should grab it and use the coupon code syntax 2020. You get 90% off one five and 10 year dot techno main names, the 10 year domain name talking about locking it in.

So go to go dot tech for slash syntax 2020 and use the coupon code syntax 2020 to grab your dot techno main name. Thanks to dot tech for sponsoring. All right, next question is from camp. Yes, hey, site you're maintaining is hacked.

It's been hacked. What does name? Elliot Alderson is that from Mr. Robot?

Mr. Robot, Mr. Robot, has come in. No movie references with me.

Scott, we went over this. That's a TV show. You know, land and calls TV shows movies land. It's like, I want to watch the movie movie.

You're like, that's TV. And this is West right here. Basically the same thing. So how you fix if Mr.

Robot has jumped in there and had to talk to your box here. What do you do? Well, this is a tough one. There, so I hadn't necessarily been hacked in any sort of ways, but I have had a client who been like my site's been hacked and we loved to be FTP in their server.

And the first thing we noticed was a billion PHP files that we did not put there. And actually, it wasn't even something that project we had done. So it kind of taken over. But there was a billion PHP files in there.

Who knows what they were doing to be honest? I have no idea. And I didn't really care to find out. Here's what I did.

First thing is change all of the credentials ASAP. Change all of them and make them super duplicurant. Two of where you can just go ham on the login security there. Then next thing, actually, no, well, you got to do all this at once.

You got to get rid of all their stuff because if they have a backdoor in there to get your keys and stuff, maybe change a lot of those passwords that aren't stored in any particular file. That's actually tough. You start deleting that stuff. And changing passwords, all at once go crazy.

And then I guess maybe try to figure out what they did. To be honest, I'm not in a security authority. I just know that I do the best I can in terms of to a keeping my keys private, if there's ever anything compromised. Change the keys immediately.

And I haven't really experienced too much of this. Yeah. So I'm not going to answer this in terms of what happens if a user website can talk at that point. Need to figure databases dumped was called where it was on the ticket and there was sensitive information.

So like all of that is sort of a different level. I think this question is or at least I'm gonna answer it in, is I've had a client wordpress website that just got skricated at one point. Meaning that it's a wordpress website and there's a known vulnerability in a plugin or a version of PHP or in wordpress itself. And somebody runs the script and hits all these websites and injects it.

So what do you do at that point? So the first thing you need to do is go and reset all of your passwords both for your hosting logins, which you should be using two factors and the case. And if you are just using straight up passwords to log into a server, then reset those generating new keys. If you're doing that, which would be ideal keys and password combo as ideal as well, because then it's something you have and something you know, then then we do reset all of the passwords.

Almost in every case, I had a couple of requests over the years. It's because the person's username was their password, which like dogs, 123, and they've used that same password on every single thing since they were as well as all of these. So at that point, you got to figure out like, how do they get in? You change all the passwords there.

And then I just assume that everything, every file is tainted, because there could be malicious code in there that will then you're serving it up to your user. So in the case of a WordPress theme, you just basically got to rebuild the site from scratch and you have to code review every single file or just grab a fresh copy from your people. Ideally, because that will be untainted. Then you go to go get a fresh copy of every single plugin that you have.

Get a fresh copy of WordPress because like WordPress has like what? 40 million files. How are you going to check all of those? You're not just grabbing everything on there.

So everybody on the website will what can also happen in the case of a lot of PHP CMS is that malicious code can get into the database. So you have to sort of go through that as well. There's a lot of plugins out there that will sort of scan for these known things out there and then either roll back to an old version. If you can, if you're using like a digital ocean or something like that, it's probably better just spin up a new thing and roll back.

You can roll it back, I guess. But that's a, I mean, that would be my first inclination is to find where it's clean and then roll it back. Yeah, I guess that will get you up and running really as possible. But I would be tempted to just get a brand new IP address, a brand new box.

And that way you know none of that stuff has been tainted or never. Because like it's frustrating. Like certainly I've only had it in cases where it was just a simple word, and it was just an Indonesian script getting that copy of the entire thing. But it certainly could be much worse.

And you have to just assume that absolutely everything has been tainted. and everything is an open door. So you have to go through and keep going through all those. Yeah.

And one little thing, if you're using any of these CMSs, right, there are some preventative measures you can take because if you're going to get hit by a script, it or any of that, it's largely because there's these exploits that are over the course of WordPress or Drupal or whatever. And they're just going to try every WordPress or Drupal site they can find. And to see if you're out of date on these or if you're plugged in your data date or whatever that could contain in these vulnerabilities. So one thing I always did when I had a Drupal site is I hid it.

The fact that it was Drupal has much as possible. I changed the domain or the URL of the login page so that, you know, if they try WPE, like I used to see several other products on a Drupal site come in saying, right now, found they were searching for WPE, I can log in because they know that if it's a WordPress site, then they can potentially do something. So if you change those things to prevent the users from even attempting to get in in those specific ways, then that could go a long way as well. This next question is for our repository.

Not for me to read. Next question is from me. That's a lead. My bookmarks are overwhelming.

I just started learning web dev and no, I start my bookmark into folder and it was so much stuff. I don't even know how to use them. Certainly I had this problem when I was still learning every single little article or track that you'd stumble upon your bookmark because you probably need that at some point in the future. What do you use for managing your bookmarks on a browser?

So I honestly use bookmarks here and there when I'm working on something like, let's say I'm looking to do a new intro for one of my courses. All bookmarks like six or seven and three files and maybe some art for things I like. But every now and then, same as my desktop, same as my downloads, I just blow it all away because it does become overwhelming and you're never actually going to go back and look at all of those things. Yeah.

I think about how many times I went into my bookmarks and I said, oh, where was that link from? Six months ago, I don't even remember that I have that link. So just delete everything. You'll feel free.

It's the same thing with people who leave tabs open. My wife is awful at this. She leaves just like tabs open for like months. She's really, oh man.

It's something I've gotten better at, but it's not something that I'm excellent at. You can get all that stuff back. Just Google it or go back to the URL. You'll be able to find that information.

But I'm going to read it. I'm going to read it in a moment. I never had that moment. I never had that moment.

I know that the answer is like, we never had that moment. Many times throughout the day, I'll just close absolutely everything. Delete everything. I'm going to stop deleting everything in my downloads folder and just leave your life.

It's a good life. It's a good life. Some people have like really good ways of cataloging all the information they find and bookmarks and notes on everything and I do none of that none of that. We can maybe potentially say that like notion is good for some of those things.

For instance, according to me, we're looking to read your author. Our vanity looks like it's from Lord of the Rings or something. We did not pick it up. This is not that our taste.

We've never liked it. And on top of that, it needs work. We're just going to do vanity weather like 300 bucks. We're not going to go on restoration hardware on this way by the way, or like six grand or something.

They're ridiculous. Yeah, rest of the time. I was looking for a vanity on there. I could not believe the price.

I was like, oh, this one is holy cow. I never shot your report. Wow. We're looking for a vanity.

We did have a gallery table in notion. We watched it. We made a gallery table in notion with basically screenshots of all the different identities. We're considering to start with your own custom pictures board.

And that for that particular project, just lived in that particular thing. It's very organized. It was my bookmark thing. But those were links that we wanted to have for this specific thing.

I remember using delicious a lot back in the day. It was really nice to tag everything to store it in there. And whatever. I've been using pocket lately, but by using pocket, I mean, I have it installed.

I use it occasionally. I find myself using pocket mostly before flights or situations on the offline. I'll just go ahead and grab a bunch of articles. I want to read beforehand.

I have something on the plane to look at. But for the most part, yeah, a bunch of kind of a crap jute. And I don't really use them for anything. So that's pretty much pretty much it for me.

I just don't use them. Next question is from Tyler and Jackson. He says, hey, Scott, I mean, an avog user of React and other modern JavaScript frameworks. How would you recommend integrating these technologies into more or less data brochures?

That website. Say for instance, I have a banking website that's mostly data content, but also complicated JSPs such as calculator's location finders and sign-up forms. I currently reach for jQuery and jQuery plugins for these functionality. So I react to do something that can also help solve these one of pieces of functionality.

Let's start with example, creating apps from the ground up. But what if you want to sprinkle these frameworks only use them for whatever JSS necessary? How might they both use all these scenarios? PSP trying to show them to relate the West's origins, right?

100% seem to ever seem good. Yeah, one thing good. My answer for this one is largely that reactive view and any of these things can absolutely be used in this manner. The first thing to do in like create React app or any of these situations is you have an HTML file and you have a div with an ID and you do get an ID and then render your React application to that ID.

That's what you do that on any div in your entire website and you do more than once. So while the tutorial certainly don't show it that way, I know actually I believe views tutorial does a better job of this than React. So I say I'm not talking a little bit about how they could be better about showing that, but it can absolutely be used in that manner. Any of these frameworks.

Yeah, like Facebook.com, the new version which is awful, but like the Facebook.com everybody knows as opposed to the old version which is not awful. The new version is like the UI is horrendous, but like the regular white and blue Facebook. com is and was a sort of rendered app with reacts sprinkled in into little pieces onto the website. So certainly Facebook can do it.

You can as well. That's absolutely correct. You know what you do in for jQuery? Well, you're saying, hey, go find an ID of element and do this stuff.

You're doing the same thing with React, but again, you'll need some sort of probably need some sort of compilation step to build up that JavaScript. I would imagine you should be able to find some content on this. I have not looked myself. Maybe that's a series that somebody should make.

How do we have React to an existing project? Maybe it exists. If you know a good series or a good tutorial blog or anything that shows React being used in this way, let us know what it's like. I do know that the official view tutorial has a section on this.

So check it out. Yeah. You want to get development environment where you get like hot reloading, but just on like part of it, like maybe it's a Drupal website, but like the calculator is built in React. And then you have to proxy your website and things like browser sync.

I think maybe parcel does it as well where you can proxy an existing HTML and embed it in there. There's also this new framework called Alpine JAS. I listened to you full stack radio with Adam Wathan. And he interviewed Caleb Porzio about this new.

It seems kind of like it's very lightweight, sort of like a lightweight view for when you just need to sprinkle on little bit of JavaScript. And it certainly seems to be targeted at that like server vendor HTML, but I do need a bit of customization. So maybe take a look at that as well. Yeah.

Adam's got good advice. He was instrumental in me picking discord. He said that he never looked back from making discord. And I was like, okay, if Adam feels that way, then like it's definitely a good thing in that.

So yeah. That's great. Next question we have here is from. How do you think you're going to say this one?

I'm glad you got this one. Bartholomew. I mean, it could be Bartholomew. Like they do this in purpose.

This is a polish. I don't know if they're Polish. They're that. I don't know.

I like that. I have time when I see that. I think there's something on my screen. I was watching a hockey industry.

I was watching a hockey game on that. I was like, oh, that's nice. And it was just a spag on the screen. Oh, no.

Just Jeff. Just Jeff. The other super noid. All right.

The question from Bartholomew is hello, J.S. I was wondering whether you could share which backpack or bag you use for carrying laptops. I'm looking for something that would be useful to carry my 16 inch back with pro, but also hold other stuff like groceries, clothes, other various things that you might want to put there. Tech backpacks tend to be sometimes too techy or too stiff, too rigid.

When it comes to real life, we sometimes need more flexible things for human after all. Maybe if I'm an ultimate backpack and I'm willing to share your knowledge. Thanks for amazing work. Well, I have found the ultimate backpack.

I found mine for probably three years now. I have the 30 liter. I also have a 20 liter. Certainly wouldn't go for the 20 liter if you want to put groceries in it as well.

And it's great. It's got this huge openings on both sides. It swings around so you can open it while it's still slung around one arm. There's magnets in it.

There's a bunch of little clasps that will. I don't even know what they're called, but there's so many clasps. Clasps in that. I love it.

You can clip it on and I've been mad about it. It's almost like a meme now. If you were to do the web developer starter pack, that backpack would be. And it's funny thing is that it's like a photographer's backpack.

It comes with all these little like, what do you call it? The dividers? Yeah, inserts dividers. And then that leaves the entire backpack for life stuff.

Whatever it is that I'm about as much as we can. How do my gloves in there? How do I have a couple beers in there? Things like that.

I use mine as my suitcase. Last time we went to Reactathon. It was great. I was impressed how much stuff it in there for a weekend to travel.

And that's how I travel it. I have the same backpack. Different color. And yeah, this is the same as it's so good.

I'm so happy that I listened to you instead of going on my own and trying to get something. This thing is very, very good. It's expensive. Yeah.

My only complaint with it is a bit on the heavy side. Sometimes I find myself being like, what is in my bag? And you got to hit that button. Nothing in it.

And trust my laptop in that because I think I've got to get dinged in. Certainly I even left that window open once and it ran on my backpack. And my laptop was bone dry. So that back to that.

And I've had three years and it looks brand new. So yeah, I was really impressed when I saw yours. I mean, you might not have had my phone. You're not going to tell a fantastic.

I don't have any complaints once over. All right. Next question is from T saws. T saws says, do you write out vanilla fetch?

That's in the text machine. And your components that needed or do you use a fetch wrapper. I'll add like SEOs are one of those. Read about yourself or someone else.

What do I always write vanilla fetch? I don't use any wrappers. Why? It makes sure it makes life an Edge cases easier.

But I don't really encounter that stuff that I've been entirely honest. I use GraphQL for my API on the web tutorials. So the amount of fetch requests I'm writing in general is just about none anyways. But I do write them into tutorials all the time.

And we use sort of vanilla fetch. Do you prefer chocolate fetch or new polypops? No. Or a reason?

I mostly use vanilla fetch as well in my project. So like, obviously if there's something that is like a React project or something like that. Then I use whatever. Whatever I'm using in that project.

But anytime I'm doing something smaller and I need to just like, I need fetch, I will pretty much always just use the regular fetch. Sometimes I'll write a quick little wrapper function. If it's always going to be JSON that returns to me. But then when it comes to custom headers and API keys and things like that, then I'll reach for Axios.

Not because you can't do that with fetch, but it has some nice default in there. So I'm kind of all over the place, but I would say probably in most cases it's fine to just use fetch. It's kind of annoying that you have to do the double await. Yeah.

The double waiting isn't worth it to me to like be like, like, broken on your app for this. You know, I will double wait. Totally. Just add another line of code.

Who cares? Yeah. You know, I personally find it just the running vanilla fetch would be fast enough for me. The new else is the process of getting your website up in hosted on LFI.

And we have talked so much about how much we learned about the people thought it was like, almost a joke or something. But we are absolutely serious. And I'm absolutely done serious. And I say that nullify is my favorite host on the entire planet.

And when they first approached the Projust two sponsors index, I was absolutely, absolutely psyched about it because I knew that I could talk all day about how much I love nullify. So you don't want to check out nullify at nullify.com. They're the best place in my mind. You host it.

You want run and code, but if not just run and code, they have all sorts of extra additional features, like serverless functions and authentication. And they added some GitHub integration. Like it'll auto deploy from a GitHub commit. But then if someone's with a pull request, they will like show you the stage.

Do you want to check out? Man, so many cool things. Oh my gosh. You're going to head over to nullify.com.

I'm sorry. I don't know if I don't know if I can. And you're going to see that 600,000 developers in business is trust nullify. You're going to see amongst them some of the giants like Nike and Verizon and Peloton.

Did you get your wife a Peloton bike for Christmas this year? I don't know. Maybe if you did, there's probably a house nullify. So you're going to want to head to nullify.com.

Fourth slash syntax. And you're going to see all of the amazing things. We've mentioned a three one click HTTPS. It's a non-biode.

I don't know if that's in with SSL certificates. You don't even have to click. It just comes with nullify. So I set up a custom domain name.

And it just works. Right? No click involved. Negative one clicks.

This may sound over top. We absolutely love nullify. And we're so excited that they have supported syntax for some of the apps. So check out nullify.com for a syntax.

It's going to be absolutely amazing when you try it for the first time. OK. Next question is from Alex Webster. Hey, have you ever done?

I don't know why I said that's so funny. But hey, have you ever done automation? I'm trying my hand at remote access to a solar power set up at our batch. Do you know what?

You know, batches? Do I know what a batch is? I was going to come with some of the funny. But I do not.

So a batch is also called a crib in the southern half of the South Island. And it's a small, often very modest holiday home or beach house. He notes here, very similar to what it cottages in Canada. What's pretty cool?

Went to the batch this weekend. Good, naturally. Is that New Zealand? New Zealand.

Oh, this is the beach at the batch. Couple of batch cookies at the batch. Anyways, I'm finding a hard to find good resources on Raspberry Pi for this outlined. And most of them get very technical, really quickly.

My idea is to take the RS485 mobile data. And as far as I can tell, that's just the lower level data. And send it to a database every five minutes or so. Basically it wants to take some information from his solar panel stuff with a Raspberry Pi.

And then pipe that out to a database. So I find this one, I added this one. Because I thought it was pretty interesting. I'm super into LTE modems right now.

I'm trying to my call it my batch. And I'm pretty into LTE mode right now. I'm pretty into LTE. But what I'm finding is that a lot of these LTE modems are used on Raspberry Pi.

No similar episodes found.

Kaizen Blueprint Aldo Chandra "Kaizen" is a Japanese term for continuous improvement. This podcast provides a blueprint to learn about health, wealth, relationships and everything else in between. Through our podcast, we strive to inspire, educate, and motivate our audience to cultivate a mindset of lifelong learning, productivity, and personal development. By sharing insights, strategies, and practical tips, we aim to guide listeners on their journey towards realizing their fullest potential, fostering success, and creating lasting positive change. Chewing the Fat with WorkForge WorkForge Bite-Sized Conversations for Building a Stronger Workforce Welcome to Chewing the Fat, a podcast delving deep into the world of food manufacturing. Dive into real conversations around critical topics like staffing, retention, onboarding, and career development in this essential industry. Subscribe now to gain insights from your peers, subject matter experts and more on the biggest issues facing food manufacturers today: -Hiring and retaining employees -Addressing the challenges of the Silver Tsunami -Improving time to productivity of new employees -Engaging employees from hire to retire And more... Tune in to Chewing the Fat, a WorkForge podcast, and join the conversation on how to build and sustain a resilient, high-performing workforce in food manufacturing. Darknet Discussions Darknet Discussions Welcome to "Darknet Discussions," the podcast that gets into the shadows of the internet to bring you the most intriguing, enlightening, and sometimes unsettling stories from the dark web. Hosted by seasoned darknet aficionados, each episode of "Darknet Discussions" explores the intricate dynamics of darknet markets, cybersecurity threats, and the digital underworld. Join us as we interview experts, discuss the latest trends in cybercrime, and shed light on the technologies that operate beneath the surface of everyday internet use. Also, we occasionally go off on a tangent about something completely unrelated. The Protocol CoinDesk Dive deep into the blockchain realm with The Protocol Podcast, where we unravel the intricate technologies powering cryptocurrencies like Bitcoin and Ethereum. Join us on a journey through the labyrinthine layers of blockchain innovation, as tech-savvy developers sculpt the future of finance and the decentralized web. Led by CoinDesk's adept journalists, we dissect the freshest news and project revelations, demystifying the mechanics and significance of it all for those hungry to grasp the inner workings of this dynamic and rapidly evolving industry.Meet your hosts: Brad Keoun, Sam Kessler, and Margaux Nijkerk…and tune in, techies!

Frequently Asked Questions

How long is this episode of Syntax - Tasty Web Development Treats?

This episode is 1 hour and 0 minutes long.

When was this Syntax - Tasty Web Development Treats episode published?

This episode was published on January 29, 2020.

What is this episode about?

It’s another potluck! In this episode, Scott and Wes answer your questions about dev culture fit, Slack communities, vanilla Javascript, backpacks, Raspberry Pi, beards, and more! .TECH Domains - Sponsor If you need eyes on your project, you’ll...

Can I download this Syntax - Tasty Web Development Treats episode?

Yes, you can download this episode by clicking the download button on the episode player, or subscribe to the podcast in your preferred podcast app for automatic downloads.
URL copied to clipboard!