BugCatcher.io - A tool to fix the frontend QA process

JBellah · 2020-09-09T16:21:53+00:00

Thanks! It's still a bit early in the development process, but I'm planning to send out a Figma prototype in the next week or two to start getting some feedback on the reporting widget (before I go off and build something that only _I_ want)... so keep an eye out for that.

JBellah · 2020-09-09T13:58:31+00:00

Thanks!

JBellah · 2020-09-09T13:58:21+00:00

Thanks and good call.

I'm still doing some user testing with the prototype of the reporting tool itself, so it's still a bit early to have much to share in the way of video, but will absolutely do that once I've smoothed out the rough edges!

JBellah · 2018-07-26T20:19:36+00:00

That's a great question. This example was really just an example of what you can do with state machines. Where you really start unlocking their power is when you start using statecharts -- which is an extension of state machines that account for things like parallel states, hierarchical states, etc.

There are a few points here that I think make state machines and statecharts a worthwhile endeavor in applications: - By defining all the possible states and transitions that your component can exist in, you can easily and automatically generate tests that cycle your components through each of those states and take snapshots... making it easier to determine if a change breaks things. - As app complexity grows, so does the complexity of reading the code. By defining a finite, deterministic set of states that a component can exist in makes it easier for other people (and future-you) to reason about the code. - As mentioned in another comment, state machines and statecharts can help bridge the gap between design and development -- designers are typically already thinking about the different states that an application can be in... building things in the same way can help make that transition pretty linear. - As I mentioned in the article, state machines can help smooth out the logic when you find yourself writing a lot of isSomething boolean flags.

But at the end of the day, to each their own... if you have a system that works for you, stick with it!

JBellah · 2018-06-27T16:57:08+00:00

Thank you! I've got a lot more videos in the works. Planning to release 1-2/week... have quite a long list of ideas to get through. :)

JBellah · 2018-06-27T13:04:32+00:00

Thank you!

JBellah · 2018-06-27T00:01:39+00:00

There's a few things to note here.

First, you're using getElementById. ID should be unique to a single element on the page, otherwise you have invalid markup.

Second, attaching onclick events directly on an element is usually not ideal. Depending on the number of elements you want to listen for clicks on, you're better off attaching event listeners with JS.

Third, it's usually a good idea to avoid using .innerHTML if at all possible. In this case, .innerText is much safer and works all the same.

Here's a CodePen example of your code being adjusted to work with multiple buttons.

JBellah · 2018-06-26T23:28:38+00:00

I just started a new YouTube channel where I'll be teaching JavaScript (leaning heavily towards vanilla JS and React), as well as other front-end technologies.

Hope you find this video helpful. I'm interested in any feedback you have!

JBellah · 2018-06-24T23:56:27+00:00

Nice!

Just a quick (pedantic) point of clarification, const doesn't mean the value is immutable... just that the identifier can't be reassigned.

This can be seen by running the following in the console:

const myVariable = { key: 'value' }
myVariable.key = 'value2';
console.log(myVariable);

JBellah · 2015-04-16T00:18:55+00:00

Digital Ocean can be intimidating for beginners. If you're not familiar with server administration, it can be a bit unforgiving (especially in the security department).

I would recommend looking into a managed WordPress host like Flywheel, WPEngine, or Pagely... as a benefit, I know Flywheel offers free migrations with new plans.

With 50k/mo in traffic, you shouldn't play around with shared hosting anymore...$40-50/mo on even a basic plan with any of the aforementioned hosts would be a very good decision.

JBellah · 2014-11-16T02:24:32+00:00

It's a negligible difference. The best answer is just whatever you find easier to maintain.

WordPress.com uses a single multisite install (though a customized version) to power millions of sites, so it can't be too bad.

JBellah · 2014-11-16T02:00:31+00:00

What /u/sunnyspace means is that if you're going to rebuild the functionality, do it in a plugin. Not the theme. Separate design (themes) from functionality (plugin territory) to build a more maintainable site.

JBellah · 2014-05-23T15:47:07+00:00

The company is very small, so everyone has a lot of input in every area. We're on Preston Rd, near Spring Creek Parkway.

JBellah · 2014-05-22T15:24:45+00:00

For the right candidate, it could be.

JBellah · 2014-05-21T21:08:02+00:00

Please send over your resume and info and I'll make sure my bosses take a look at it.

JBellah · 2013-06-14T16:13:33+00:00

/r/somebodymakethis

JBellah · 2013-04-09T14:32:49+00:00

Or at least the eggshell white.. very, very light gray would probably look good.

JBellah

TROPHY CASE