This video is everything a TH-cam video should be. It throws some shade at other TH-camrs, features a bird crashing into your window, and maintains an overall relaxed demeanor. Good job.
There is something about services like restaurants and private teachers that have an aversion to doing the silly dumb things that make large crowds think something is good but have no effect on the service, they are usually the people who pour time into the actually important details and therefore become hidden gems.
I don't think he's criticizing other TH-camrs so much as he's lamenting the reality of TH-cam where those silly-looking thumbnails simply tend to get more views
Between the bird in the window, and the shade for other youtubers, you almost can overlook the fact that Colt consistently cranks out the best instruction on TH-cam for this stuff
Great tutorial as always, makes combining these technologies really approachable! Loved the satire of YT thumbnails too :p Just a note though for Windows users having trouble with the "dev" script (who haven't yet reached that part of the video where Colt covers this - I like to code along and pause/ensure everything works as expected!) - you won't be able to run both nodemon and tsc -w concurrently with just the '&' operator. Instead you can install a library like concurrently: npm install -D concurrently And then update your package.json script like so: "dev": "concurrently \"tsc -w\" \"nodemon dist/index.js\"" Now running with 'npm run dev' will start your server as expected, as well as TS in watch mode.
I used your bootcamp on Udemy to learn web development and now came across this video here! Amazing explanation as always and the best teacher ever! Thank you :)
This is an outstanding teacher. I graduated from his Bootcamp on Springboard. I like that he's seams humble. Always putting himself in the shoes of his students.
Really appreciate going over the nuts and bolts of setting up TypeScript. It's always useful to see when each piece (or package) needs to by added, along with an explanation of why. Thanks for the video. Keep them coming.
For windows users having trouble with the dev command (tsc -w & nodemon dist/index.js) you can instead set up your nodemon.json file in your root directory and define it like this: { "watch": ["src/"], "ext": "ts", "ignore": [], "exec": "tsc && node dist/index.js" } then just set your dev or server command or scripts to be "scripts": { "dev": "nodemon" } and nodemon will automatically watch those files and recompile them before relaunching your server. (You will need to move your index file into the src directory with my setup.)
Colt you just saved my day. I am currently working on my application of my bachelor thesis and I could not get it to work. Thanks Colt, you really helped me!
11:38 to make it cross-platform you can prefix both commands with "start /b" command. This would run them concurrently without requiring to install additional packages and this would work flawlessly for windows/unix.
Being only a few years in programming, I've practiced a few languages Vite, Typescript and Tailwinds is the avenues I'm going on. I had a problem with the npx tsc creating the dist folder, after researching I found placing a empty ts file in the directory worked! YES!!
Great content overall! You know you're great instructor when you dont waste a lot of time explaining. Dude not even try, but the information is really clear.
10:44 everything is working perfect, and there is no error while compiling, but the server is not starting and the console.log is not logging in the console,? any idea what happened??
Hi, Colt! I'm a big fan from your content on Udemy and am currently struggling with Scope as in will I ever be ready to call myself a developer. Can you maybe someday talk about "What makes a proficient developer?"😬 Thanks for your videos!
Hi thank you for the video, so you don’t use ts-node at all? Cos I’ve been having a horrible time trying to make ts-node work when I have my module and module-resolution set to NodeNext on my tsconfig.json file.
Hi, This is the first time I am seeing you in youtube. Thanks for your javascript data structure code on udemy. It was great. Andyway, Can you please increase the sound a bit better? the sound is a bit low even in when I am increased my sound to full. Anyway, welcome to youtube Sir.
Hi, how should I declare and where the static folder, I need to copy the folder in every build with a script command in package.json or I need to configure the TSconfig file
how do i combine it with front end framework like angular, react and vue? like a tech stack. where i have nodejs as backend and frontend using angular/react or vue
dev script does not work for me, tsc -w holds the terminal and until I stop it nodemon does not start, is it because of newer version of node or am I doing something wrong? Please help!
@@virtualreality3513 I found a work around. 1. Install nodemon and ts-node 2. create a nodemon.json in root directory with following config: { "watch": ["src"], "ext": "ts,json", "ignore": ["src/**/*.spec.ts"], "exec": "npx ts-node --esm ./src/index.ts" } 3. Run 'nodemon' cmd or 'npx nodemon' if not installed globally
This video is everything a TH-cam video should be. It throws some shade at other TH-camrs, features a bird crashing into your window, and maintains an overall relaxed demeanor. Good job.
He is actually a hilarious teacher and in the beginning he is lowkey critisizing other youtubers 😂 love that
There is something about services like restaurants and private teachers that have an aversion to doing the silly dumb things that make large crowds think something is good but have no effect on the service, they are usually the people who pour time into the actually important details and therefore become hidden gems.
I don't think he's criticizing other TH-camrs so much as he's lamenting the reality of TH-cam where those silly-looking thumbnails simply tend to get more views
Between the bird in the window, and the shade for other youtubers, you almost can overlook the fact that Colt consistently cranks out the best instruction on TH-cam for this stuff
Great tutorial as always, makes combining these technologies really approachable! Loved the satire of YT thumbnails too :p
Just a note though for Windows users having trouble with the "dev" script (who haven't yet reached that part of the video where Colt covers this - I like to code along and pause/ensure everything works as expected!) - you won't be able to run both nodemon and tsc -w concurrently with just the '&' operator. Instead you can install a library like concurrently:
npm install -D concurrently
And then update your package.json script like so:
"dev": "concurrently \"tsc -w\" \"nodemon dist/index.js\""
Now running with 'npm run dev' will start your server as expected, as well as TS in watch mode.
My Brain cells multiply automatically, while hearing Colt's voice.
Same🔥
I used your bootcamp on Udemy to learn web development and now came across this video here! Amazing explanation as always and the best teacher ever! Thank you :)
Thanks a lot. I am coming from watching your express js course and I can say I have really learnt a lot.
This is an outstanding teacher. I graduated from his Bootcamp on Springboard. I like that he's seams humble. Always putting himself in the shoes of his students.
This is extremely helpful, thanks!! Not enough channels are this concise. Here's a comment for the algorithm.
Really appreciate going over the nuts and bolts of setting up TypeScript. It's always useful to see when each piece (or package) needs to by added, along with an explanation of why. Thanks for the video. Keep them coming.
I love these basic plumbing videos, Colt! Thank you very much and good luck to you.
For windows users having trouble with the dev command (tsc -w & nodemon dist/index.js) you can instead set up your nodemon.json file in your root directory and define it like this:
{
"watch": ["src/"],
"ext": "ts",
"ignore": [],
"exec": "tsc && node dist/index.js"
}
then just set your dev or server command or scripts to be "scripts": { "dev": "nodemon" } and nodemon will automatically watch those files and recompile them before relaunching your server. (You will need to move your index file into the src directory with my setup.)
Thank you bro!
Thanks so much. It helped.
All the info I needed to start developing a Node.js server with Typescript. Thank you!
Thanks a lot! I am new to typescript, and was struggling for a while to set it up with Express. I got it running within minitues thanks to your video
Colt you just saved my day. I am currently working on my application of my bachelor thesis and I could not get it to work. Thanks Colt, you really helped me!
Very nice and informative every new leaners has enough information from your tutorials, thanks again
11:38 to make it cross-platform you can prefix both commands with "start /b" command. This would run them concurrently without requiring to install additional packages and this would work flawlessly for windows/unix.
very good video . instead of just writing down configrations explaining why we need what. very informative
Love your teaching style! Best teacher for development.
Huge fan, thanks for teaching me how to code 🙏🏾
You are the best teacher i ever seen sir
Currently on JS in your bootcamp! Youre a great teacher and your humor is fantastic
Can you share link of his bootcamp?
I am almost finished your TypeScript course sir
Super simple and precise explanation. As a newby, you got me onboard in 17 min. Thanks!
Thank you 😄 . Setting up nodejs project for the first time for production use and got overwhelmed at first from all the possible config options...
Some people are teachers by nature, very helpful video, thank you so much.
Being only a few years in programming, I've practiced a few languages Vite, Typescript and Tailwinds is the avenues I'm going on. I had a problem with the npx tsc creating the dist folder, after researching I found placing a empty ts file in the directory worked! YES!!
An amazing teacher, an even better human being❤️
Great content overall!
You know you're great instructor when you dont waste a lot of time explaining. Dude not even try, but the information is really clear.
You saved my day! Soooooo much helpful.
glad you post more often on youtube
It's Awesome Thumbnail Colt. I am attracted with it ☺.
Love this guy! Great teacher, always trying to make it simple.
dude you are life savior
the bird fucking killed me
Awesome video as always Colt!
Your VDOs are very helpful.
10:44 everything is working perfect, and there is no error while compiling, but the server is not starting and the console.log is not logging in the console,? any idea what happened??
any update? same here
Solution deeper in comments by @farouksabry
Best teacher.
You saved my day! So much helpful. Thank you.
You can skip the whole dist folder and npx tsc process if you use ts-node. Then you can just use nodemon index
Easy and effective explanations. Thanks.
A light themed terminal? Are you insane?
Also, good content. Keep it coming!
You are a very good explainer, thanks man.
Comprehensive video! Many thanks!
An awesome video!
Well explained, brief and to the point.
Many thanks Colt!
Thanks, i got what i wanted from this 👍
I'm so confident, yeah, I'm unstoppable today
always nice to clear up the basics sometimes 😉
bro the intro roast was a insta like 🤣
Brooo, you can cook! thank you very much!
you are the best
THANK YOU SO SO MUCH.
YOU EXPLAINED EVERYTHING!!!
Thank you! This video is very helpful for me!
Excellent and informative tutorial, thanks !
This is a great tutorial , thank you 🙏
thank you very much)) you have explained very well))
Good start
which icon pack do you use for vs code? does anyone know?
hey, where you been ? i got your javascript course , which you made in 2014,, since then I didn't saw you,,
Really useful tips here... Thank you a lot
Great video. Loved It!!
thank you whoever you are
Hi, Colt! I'm a big fan from your content on Udemy and am currently struggling with Scope as in will I ever be ready to call myself a developer. Can you maybe someday talk about "What makes a proficient developer?"😬 Thanks for your videos!
thank you for this! one question:
how would i debug the backend in this setup usign vs code?
Hi thank you for the video, so you don’t use ts-node at all? Cos I’ve been having a horrible time trying to make ts-node work when I have my module and module-resolution set to NodeNext on my tsconfig.json file.
Hi, This is the first time I am seeing you in youtube. Thanks for your javascript data structure code on udemy. It was great.
Andyway, Can you please increase the sound a bit better? the sound is a bit low even in when I am increased my sound to full.
Anyway, welcome to youtube Sir.
If I don't hear "chicken" in the video, then it's not from Colt Steele 😄. He's really great at teaching.
Wow great video,
Thanks sir for this awesome video
Hi, how should I declare and where the static folder, I need to copy the folder in every build with a script command in package.json or I need to configure the TSconfig file
Thank you Colt Steel!
This was really usefull. thanks
excellent tutorial. Btw, you should try wow face for your thumbnail haha
Man you are really awesome!!!
"im back and the bird is no longer with us" 😂😂😂😂😂😂😂😂😂😂😂😂
In colt I trust 🙌
Very useful video. Thank you!
Newbie question: Do I need to use npx if TypeScript is installed as a dev dependency? Thanks!
Thanks for this video 👍.
Would be cool if you'd continue the topic.
how do i combine it with front end framework like angular, react and vue? like a tech stack. where i have nodejs as backend and frontend using angular/react or vue
How can we use nodenext and path aliases?
Great Guy😁🙂
what will the vercel.json look like to deploy this app to vercel?
Yo perfect thenks 🥳🥳
How to deploy the same on AWS lambda using GitHub actions
dev script does not work for me, tsc -w holds the terminal and until I stop it nodemon does not start, is it because of newer version of node or am I doing something wrong? Please help!
same for me. Did you find any solution to it ?
@@virtualreality3513 I found a work around.
1. Install nodemon and ts-node
2. create a nodemon.json in root directory with following config:
{
"watch": ["src"],
"ext": "ts,json",
"ignore": ["src/**/*.spec.ts"],
"exec": "npx ts-node --esm ./src/index.ts"
}
3. Run 'nodemon' cmd or 'npx nodemon' if not installed globally
@@virtualreality3513 "dev": "concurrently \"npx tsc -w\" \"nodemon dist/index.js\""
*ON WINDOWS*
1. npm install --save-dev concurrently
2. add in package.json:
"scripts": {
"build": "tsc",
"start": "node dist/index.js",
"watch": "tsc -w",
"nodemon": "nodemon dist/index.js",
"dev": "concurrently npm:watch npm:nodemon"
}
3. npm run dev
thanks. very clear. I still don't understand why use rimraf instead of the traditional rm -rf, anyone can help? thanks!
good nice short crisp video
Yes it can - don't despair!
Colt can we finally get a node js course? That's the only one missing from your courses :)
Need an advance setup video
Hi Colt! Thank you for the contents and it helps us a lot.
Can you release a course about Golang/Go?
hey colt! i hope you are doing great! how are your chickens doin
Is Colt installing TS locally or globally?
Wow. Good vid
Excellent!
Appreciate if you can do MERN/PERN with typescript advanced project, it is the best way to learn typescript in practical way
soft soft or won't touch it. It is different...