Swashbuckling with Code

Swashbuckling with Code

Swashbuckling with Code is about the fun and struggles of software development. It will mostly involve web development, with a focus on JavaScript, but many of the topics are related to all development.

A big focus of this channel is to keep it real. I want to show new and experienced developers that it's normal to have gaps in your knowledge by being transparent about things I don't know while I show all the things I do. I've accumulated so much experience over the years, and helped mentor developers I work with, but no matter how much I learn, I'm always surprised by how much I still don't know.

I have an accompanying blog that I do some in-depth dives into coding topics every now and then if you want to check that out:
blog.jimmydc.com/

Don't learn Webpack in 2023: A dive into 3 alternatives

16:00

Don't learn Webpack in 2023: A dive into 3 alternatives

Жыл бұрын

Catch Type Errors at Runtime with Zod: An Intro to this JavaScript Library

18:35

Catch Type Errors at Runtime with Zod: An Intro to this JavaScript Library

Жыл бұрын

My VS Code Theme: Everset

6:40

My VS Code Theme: Everset

2 жыл бұрын

Next.js + Contentful Preview Mode setup walkthrough

47:26

Next.js + Contentful Preview Mode setup walkthrough

2 жыл бұрын

Next.js + Contentful Dynamic Routes

35:31

Next.js + Contentful Dynamic Routes

2 жыл бұрын

Next.js + Contentful minimal setup from scratch

34:50

Next.js + Contentful minimal setup from scratch

2 жыл бұрын

Succeed by coding like a Necromancer

11:03

Succeed by coding like a Necromancer

3 жыл бұрын

Understanding Semantic Versioning with Real World Examples

41:17

Understanding Semantic Versioning with Real World Examples

3 жыл бұрын

How to Create and Publish an NPM Package

13:28

How to Create and Publish an NPM Package

3 жыл бұрын

CI #8 - Automated Lighthouse Benchmarks

26:15

CI #8 - Automated Lighthouse Benchmarks

3 жыл бұрын

CI #7 - Continuous Deployment (CI/CD) with Vercel

17:28

CI #7 - Continuous Deployment (CI/CD) with Vercel

3 жыл бұрын

CI #6 - Add a build task for bundling and more

13:38

CI #6 - Add a build task for bundling and more

3 жыл бұрын

CI #5 - Why use the setup-node action?

10:22

CI #5 - Why use the setup-node action?

3 жыл бұрын

CI #4 - Automating Tests with Jest

19:12

CI #4 - Automating Tests with Jest

3 жыл бұрын

CI #3 - Speed Up Jobs with npm ci

15:07

CI #3 - Speed Up Jobs with npm ci

3 жыл бұрын

CI #2 - Starting out with GitHub Actions

25:48

CI #2 - Starting out with GitHub Actions

3 жыл бұрын

CI #1 - Continuous Integration Introduction

6:28

CI #1 - Continuous Integration Introduction

3 жыл бұрын

Parcel JS Setups Walkthrough and Review

1:28:12

Parcel JS Setups Walkthrough and Review

3 жыл бұрын

Reveal testing weakspots in your JavaScript code with Jest Coverage

53:43

Reveal testing weakspots in your JavaScript code with Jest Coverage

3 жыл бұрын

Windows development: Fixing the "NODE_ENV is not recognized..." error

3:26

Windows development: Fixing the "NODE_ENV is not recognized..." error

3 жыл бұрын

5 tips for managing Imposter Syndrome

16:08

5 tips for managing Imposter Syndrome

3 жыл бұрын

Understanding Promises and Async Await in JavaScript

48:59

Understanding Promises and Async Await in JavaScript

3 жыл бұрын

Using Storybook stories with Testing Library

35:23

Using Storybook stories with Testing Library

3 жыл бұрын

Easy test search filtering with the jest-watch-typeahead plugin

6:18

Easy test search filtering with the jest-watch-typeahead plugin

3 жыл бұрын

JavaScript Testing Basics with Jest

54:03

JavaScript Testing Basics with Jest

3 жыл бұрын

Mocking Asynchronous Functions with Jest

21:50

Mocking Asynchronous Functions with Jest

3 жыл бұрын

Webpack 5 Full Project Setup

1:59:00

Webpack 5 Full Project Setup

3 жыл бұрын

Know your Webpack bundle better with visualization

35:57

Know your Webpack bundle better with visualization

3 жыл бұрын

How to get polyfills with Babel 7 and Webpack

25:57

How to get polyfills with Babel 7 and Webpack

3 жыл бұрын

Пікірлер

@zvaIa 3 күн бұрын

As a senior with over 10 years of web development experience. I'd recommend to learn webpack. Why? Some projects still use it, so its always helpful to understand the basics.

@PriyaJain-y5q Ай бұрын

I'm not getting property 'preview: true' upon logging the context. I'm following same code as yours. Can you please help with this? @Swashbuckling

@lifeisbeautifu1

@lifeisbeautifu1 2 ай бұрын

Thank you

@lifeisbeautifu1

@lifeisbeautifu1 2 ай бұрын

Thank you

@lifeisbeautifu1

@lifeisbeautifu1 2 ай бұрын

Thank you

@JoseciusDev 2 ай бұрын

Thanks for this content. (from India )

@lifeisbeautifu1

@lifeisbeautifu1 3 ай бұрын

Thank you!

@lifeisbeautifu1

@lifeisbeautifu1 3 ай бұрын

Thank you!

@lifeisbeautifu1

@lifeisbeautifu1 3 ай бұрын

Thank you!

@lifeisbeautifu1

@lifeisbeautifu1 3 ай бұрын

Thank you!

@lifeisbeautifu1

@lifeisbeautifu1 3 ай бұрын

Thank you

@HaiPham-ts7dv 3 ай бұрын

What is the font you are using?

@moacirsouza5343

@moacirsouza5343 3 ай бұрын

Jesus!

@haciendadad 3 ай бұрын

Do you do online teaching?

@WebDevwithTed 3 ай бұрын

So mock is to test it "fake" and then end to end for real test?

@SwOOp_de 4 ай бұрын

Great video...thanks for explaining jest mocks.

@VoltLover00 4 ай бұрын

Webpack is insane. Writing entire apps in JS is insane

@MrGustavCR 5 ай бұрын

I found this video very helpful, thank you for a great walkthrough of the GitHub CLI

@WatchAIvideos 5 ай бұрын

but the example is working in the chrome but not in safari

@MrTaekbeen 5 ай бұрын

Thanks for the great summary of those build tools! Looking forward to your Rollup js course!

@pacomcharbelyabi9281

@pacomcharbelyabi9281 6 ай бұрын

Thanks for this CI/CD serie 👌

@Huey-ec1 6 ай бұрын

Great explanation

@MedyGames 6 ай бұрын

in a sense there are only 2 alterniatives .. since vite is based on esbuild and rollup :)

@josipbjezancevic5697

@josipbjezancevic5697 7 ай бұрын

Thanks man, love your style of presentation.

@milton_tom 7 ай бұрын

Now I understand

@hassankamel755

@hassankamel755 7 ай бұрын

Could you please share with me what is font's name that you're using

@cocolorado3131

@cocolorado3131 7 ай бұрын

Just a really old friend saying hi. Gladys told me where you were hanging out these days 😊

@kukakysy4817 8 ай бұрын

Js is working on mobile

@stephenpaulhassall

@stephenpaulhassall 8 ай бұрын

This was very good. Thank you good sir.

@serial_coder 8 ай бұрын

Jesus Christ

@uctuanmai8864 8 ай бұрын

Thank you so much! You made my day 🤗

@TungTo-xp8rv 8 ай бұрын

thanks a ton bro.

@AdityaShaw-qh1qc

@AdityaShaw-qh1qc 8 ай бұрын

What are the packages necessary to run the tests?

@larrybenedictomarzanjr.8288

@larrybenedictomarzanjr.8288 9 ай бұрын

I finally know what ^ and ~ means :) THanks

@KonstantynOfficial

@KonstantynOfficial 9 ай бұрын

Great comparison, thanks.

@IHATEPOTATOESNOW

@IHATEPOTATOESNOW 9 ай бұрын

does HTML work?

@FastEnglish4u 9 ай бұрын

Thank you so much, I really appreciate your effort

@abdussamad0348

@abdussamad0348 10 ай бұрын

Amazing knowledge, well explained. The transition to react is too smooth.

@ShubhamKumar-mk6zb

@ShubhamKumar-mk6zb 10 ай бұрын

I prefer blogs over videos, thankyou for making one and very understandable.

@cryptobrarry 10 ай бұрын

Thans for video. How do you think is it any sense to compile two main.js files? with polyfils and with polyfils? Second would be pretty small. And we can check on server side by user-agent the browesr and connect different main.js in the src attribute?

@methmaaravinda5107

@methmaaravinda5107 10 ай бұрын

oh jesus

@anthonymarquez2542

@anthonymarquez2542 11 ай бұрын

you have some of the most insightful videos out here. You even explain some of the things that don’t get covered by others. Hope you’re well ❤️

@Korutz 11 ай бұрын

Not all heroes wear capes. Some are just thoughtful about Windows users.

@cryptobrarry 11 ай бұрын

thank you!

@looperrrr 11 ай бұрын

Is this still reliable for 2024 ?

@udayignet6119 11 ай бұрын

🙋‍♂♥ clear step by step

@j.ignacior.p.9481

@j.ignacior.p.9481 11 ай бұрын

Awesome video. Thank you very much.

@biodiscus 11 ай бұрын

Do you know the html-bundler-webpack-plugin? This plugin allows to use any HTML template as an entry point and works like Vite. All source script and style files can be defined directly in HTML.

@SwashbucklingwithCode

@SwashbucklingwithCode 11 ай бұрын

Yup, and Vite does a whole lot more than that. But if that suits the needs of your project, fantastic.

@heyprotagonist

@heyprotagonist 11 ай бұрын

I know and use other tools... But I'm not gonna leave webpack...

@SwashbucklingwithCode

@SwashbucklingwithCode 11 ай бұрын

Cool. I think this is sufficiently covered in the intro.

@kkk46you Жыл бұрын

hey, I wonder why we need to find the faulty commit? Isn't we can fix the bug in a new commit? Or it meant to blame the person writing it? 🤔

@kkk46you Жыл бұрын

oh, I take it back. perhaps we only know the end result, but unsure what's causing it and recall it was working before. so setting up a test and do git bisect would be much faster process.

@SwashbucklingwithCode

@SwashbucklingwithCode 11 ай бұрын

I probably could have been more clear here, thanks for the feedback. This technique is more useful when you find a bug but don't know when it happened or what the implications of making changes to the code surrounding it are. By just making a test, you can sometimes be led right to the introduction of a bug so you don't have to go hunting for the cause.