How To Use TypeScript With Express & Node

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ธ.ค. 2024

ความคิดเห็น • 156

  • @YoungUn
    @YoungUn ปีที่แล้ว +22

    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.

  • @akramkamolov6961
    @akramkamolov6961 2 ปีที่แล้ว +45

    He is actually a hilarious teacher and in the beginning he is lowkey critisizing other youtubers 😂 love that

    • @nicholasmaniccia1005
      @nicholasmaniccia1005 2 ปีที่แล้ว

      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.

    • @arsnakehert
      @arsnakehert ปีที่แล้ว +2

      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

  • @DruSerkes
    @DruSerkes 2 ปีที่แล้ว +9

    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

  • @jaybarls
    @jaybarls 7 หลายเดือนก่อน +3

    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.

  • @ssumit196
    @ssumit196 2 ปีที่แล้ว +17

    My Brain cells multiply automatically, while hearing Colt's voice.

  • @EpistemicFomo
    @EpistemicFomo 9 หลายเดือนก่อน

    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 :)

  • @williamowusu7778
    @williamowusu7778 2 หลายเดือนก่อน +1

    Thanks a lot. I am coming from watching your express js course and I can say I have really learnt a lot.

  • @pim8268
    @pim8268 ปีที่แล้ว

    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.

  • @creemcheem
    @creemcheem ปีที่แล้ว +1

    This is extremely helpful, thanks!! Not enough channels are this concise. Here's a comment for the algorithm.

  • @h88k988
    @h88k988 7 หลายเดือนก่อน

    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.

  • @mackenmd
    @mackenmd 2 ปีที่แล้ว +9

    I love these basic plumbing videos, Colt! Thank you very much and good luck to you.

  • @Cpt_Chirp
    @Cpt_Chirp 9 หลายเดือนก่อน +6

    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.)

  • @gregmaxedon
    @gregmaxedon ปีที่แล้ว

    All the info I needed to start developing a Node.js server with Typescript. Thank you!

  • @developerpranav
    @developerpranav ปีที่แล้ว

    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

  • @pajosko4941
    @pajosko4941 2 ปีที่แล้ว +1

    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!

  • @balanepalaiyathane9714
    @balanepalaiyathane9714 2 หลายเดือนก่อน

    Very nice and informative every new leaners has enough information from your tutorials, thanks again

  • @The14Some1
    @The14Some1 ปีที่แล้ว +4

    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.

  • @ROVAKAN
    @ROVAKAN ปีที่แล้ว +1

    very good video . instead of just writing down configrations explaining why we need what. very informative

  • @sajaljaiswal1659
    @sajaljaiswal1659 2 ปีที่แล้ว +1

    Love your teaching style! Best teacher for development.

  • @JeremiahPeoples
    @JeremiahPeoples 2 ปีที่แล้ว

    Huge fan, thanks for teaching me how to code 🙏🏾

  • @999memeworld
    @999memeworld 2 ปีที่แล้ว

    You are the best teacher i ever seen sir

  • @jiix4723
    @jiix4723 2 ปีที่แล้ว

    Currently on JS in your bootcamp! Youre a great teacher and your humor is fantastic

    • @noormuhammad888
      @noormuhammad888 ปีที่แล้ว

      Can you share link of his bootcamp?

  • @pnworks9186
    @pnworks9186 2 ปีที่แล้ว +1

    I am almost finished your TypeScript course sir

  • @andresvodopivec5950
    @andresvodopivec5950 ปีที่แล้ว

    Super simple and precise explanation. As a newby, you got me onboard in 17 min. Thanks!

  • @vytasgavelis
    @vytasgavelis ปีที่แล้ว

    Thank you 😄 . Setting up nodejs project for the first time for production use and got overwhelmed at first from all the possible config options...

  • @limus_
    @limus_ ปีที่แล้ว

    Some people are teachers by nature, very helpful video, thank you so much.

  • @dominicpatrick6578
    @dominicpatrick6578 ปีที่แล้ว

    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!!

  • @jellyfish1772
    @jellyfish1772 ปีที่แล้ว

    An amazing teacher, an even better human being❤️

  • @serialchiller4124
    @serialchiller4124 2 ปีที่แล้ว

    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.

  • @UAng-ro9kt
    @UAng-ro9kt ปีที่แล้ว +1

    You saved my day! Soooooo much helpful.

  • @anox8633
    @anox8633 2 ปีที่แล้ว

    glad you post more often on youtube

  • @sanjayguwaju
    @sanjayguwaju 2 ปีที่แล้ว +3

    It's Awesome Thumbnail Colt. I am attracted with it ☺.

  • @pim8268
    @pim8268 2 ปีที่แล้ว

    Love this guy! Great teacher, always trying to make it simple.

  • @diveshkumar3823
    @diveshkumar3823 9 หลายเดือนก่อน

    dude you are life savior

  • @yungapplemoose735
    @yungapplemoose735 ปีที่แล้ว +1

    the bird fucking killed me

  • @KedarBasutkar
    @KedarBasutkar 2 ปีที่แล้ว

    Awesome video as always Colt!

  • @atifulislamasif7893
    @atifulislamasif7893 10 หลายเดือนก่อน

    Your VDOs are very helpful.

  • @hijaazmuhammed2105
    @hijaazmuhammed2105 ปีที่แล้ว +1

    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??

    • @ProwlerDigital
      @ProwlerDigital 11 หลายเดือนก่อน

      any update? same here

    • @ProwlerDigital
      @ProwlerDigital 11 หลายเดือนก่อน

      Solution deeper in comments by @farouksabry

  • @amiralikiabi9069
    @amiralikiabi9069 2 ปีที่แล้ว +1

    Best teacher.

  • @lttungitbe07072
    @lttungitbe07072 ปีที่แล้ว

    You saved my day! So much helpful. Thank you.

  • @123mark132
    @123mark132 2 ปีที่แล้ว +2

    You can skip the whole dist folder and npx tsc process if you use ts-node. Then you can just use nodemon index

  • @mohammadyounoch5952
    @mohammadyounoch5952 ปีที่แล้ว

    Easy and effective explanations. Thanks.

  • @juliohintze595
    @juliohintze595 2 ปีที่แล้ว

    A light themed terminal? Are you insane?
    Also, good content. Keep it coming!

  • @Basil_Porphyrogenitos
    @Basil_Porphyrogenitos ปีที่แล้ว

    You are a very good explainer, thanks man.

  • @MrVipulLal
    @MrVipulLal ปีที่แล้ว

    Comprehensive video! Many thanks!

  • @gendash
    @gendash ปีที่แล้ว +1

    An awesome video!
    Well explained, brief and to the point.
    Many thanks Colt!

  • @joshuaedward6893
    @joshuaedward6893 6 หลายเดือนก่อน

    Thanks, i got what i wanted from this 👍

  • @suynsiuy8093
    @suynsiuy8093 2 ปีที่แล้ว

    I'm so confident, yeah, I'm unstoppable today

  • @alegian7934
    @alegian7934 2 ปีที่แล้ว

    always nice to clear up the basics sometimes 😉

  • @barreyli
    @barreyli 4 หลายเดือนก่อน

    bro the intro roast was a insta like 🤣

  • @vladshepeluk7442
    @vladshepeluk7442 4 หลายเดือนก่อน

    Brooo, you can cook! thank you very much!

  • @redalert250
    @redalert250 ปีที่แล้ว

    you are the best

  • @surajanshrestha5502
    @surajanshrestha5502 2 ปีที่แล้ว

    THANK YOU SO SO MUCH.
    YOU EXPLAINED EVERYTHING!!!

  • @СергійМалишко-х5щ
    @СергійМалишко-х5щ 10 หลายเดือนก่อน

    Thank you! This video is very helpful for me!

  • @thehumanalive
    @thehumanalive ปีที่แล้ว

    Excellent and informative tutorial, thanks !

  • @loll3995
    @loll3995 ปีที่แล้ว

    This is a great tutorial , thank you 🙏

  • @pashadotcenko7391
    @pashadotcenko7391 ปีที่แล้ว

    thank you very much)) you have explained very well))

  • @breezycodes
    @breezycodes ปีที่แล้ว

    Good start

  • @sainathpoojaryy
    @sainathpoojaryy ปีที่แล้ว +1

    which icon pack do you use for vs code? does anyone know?

  • @abdullatifnizamani6850
    @abdullatifnizamani6850 9 หลายเดือนก่อน

    hey, where you been ? i got your javascript course , which you made in 2014,, since then I didn't saw you,,

  • @bryanjesediaz873
    @bryanjesediaz873 ปีที่แล้ว

    Really useful tips here... Thank you a lot

  • @KamalSingh-tq8hk
    @KamalSingh-tq8hk ปีที่แล้ว

    Great video. Loved It!!

  • @angga6008
    @angga6008 ปีที่แล้ว

    thank you whoever you are

  • @FelicianoGC
    @FelicianoGC 2 ปีที่แล้ว +1

    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!

  • @c__0ne
    @c__0ne ปีที่แล้ว

    thank you for this! one question:
    how would i debug the backend in this setup usign vs code?

  • @kennedydre8074
    @kennedydre8074 3 หลายเดือนก่อน

    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.

  • @sakhawathossen2104
    @sakhawathossen2104 ปีที่แล้ว

    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.

  • @techexec
    @techexec 2 ปีที่แล้ว

    If I don't hear "chicken" in the video, then it's not from Colt Steele 😄. He's really great at teaching.

  • @hdm_vision
    @hdm_vision ปีที่แล้ว +1

    Wow great video,

  • @rakhshankhan833
    @rakhshankhan833 5 หลายเดือนก่อน

    Thanks sir for this awesome video

  • @gerardo246
    @gerardo246 ปีที่แล้ว

    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

  • @sobeyyy
    @sobeyyy 2 ปีที่แล้ว

    Thank you Colt Steel!

  • @MrRorypam
    @MrRorypam 8 หลายเดือนก่อน

    This was really usefull. thanks

  • @saiminpyaekyaw3057
    @saiminpyaekyaw3057 ปีที่แล้ว

    excellent tutorial. Btw, you should try wow face for your thumbnail haha

  • @lakshman587
    @lakshman587 2 ปีที่แล้ว +1

    Man you are really awesome!!!

  • @lily-rx6xu
    @lily-rx6xu ปีที่แล้ว +1

    "im back and the bird is no longer with us" 😂😂😂😂😂😂😂😂😂😂😂😂

  • @alexismorales8364
    @alexismorales8364 2 ปีที่แล้ว

    In colt I trust 🙌

  • @kiddhkane
    @kiddhkane ปีที่แล้ว

    Very useful video. Thank you!

  • @renzobelon609
    @renzobelon609 9 หลายเดือนก่อน

    Newbie question: Do I need to use npx if TypeScript is installed as a dev dependency? Thanks!

  • @HeriYantodotDev
    @HeriYantodotDev ปีที่แล้ว

    Thanks for this video 👍.

  • @sujezz
    @sujezz ปีที่แล้ว

    Would be cool if you'd continue the topic.

  • @MailsonWei
    @MailsonWei 2 ปีที่แล้ว

    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

  • @mateogomez-randulfe7394
    @mateogomez-randulfe7394 6 หลายเดือนก่อน

    How can we use nodenext and path aliases?

  • @kylesera2087
    @kylesera2087 2 ปีที่แล้ว

    Great Guy😁🙂

  • @theoojochegbe4966
    @theoojochegbe4966 ปีที่แล้ว

    what will the vercel.json look like to deploy this app to vercel?

  • @shashankbhosagi
    @shashankbhosagi 10 หลายเดือนก่อน

    Yo perfect thenks 🥳🥳

  • @raju.sarvasiddi
    @raju.sarvasiddi 2 หลายเดือนก่อน

    How to deploy the same on AWS lambda using GitHub actions

  • @sakshamyadav3203
    @sakshamyadav3203 ปีที่แล้ว +1

    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
      @virtualreality3513 ปีที่แล้ว

      same for me. Did you find any solution to it ?

    • @sakshamyadav3203
      @sakshamyadav3203 ปีที่แล้ว

      @@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

    • @ziadghouzlani4220
      @ziadghouzlani4220 ปีที่แล้ว

      @@virtualreality3513 "dev": "concurrently \"npx tsc -w\" \"nodemon dist/index.js\""

    • @farouksabry
      @farouksabry ปีที่แล้ว +1

      *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

  • @Samuftie
    @Samuftie 2 ปีที่แล้ว

    thanks. very clear. I still don't understand why use rimraf instead of the traditional rm -rf, anyone can help? thanks!

  • @gouravsingh9146
    @gouravsingh9146 2 ปีที่แล้ว

    good nice short crisp video

  • @guba7714
    @guba7714 2 ปีที่แล้ว

    Yes it can - don't despair!

  • @prince5922
    @prince5922 2 ปีที่แล้ว

    Colt can we finally get a node js course? That's the only one missing from your courses :)

  • @mdkawsarislamyeasin4040
    @mdkawsarislamyeasin4040 ปีที่แล้ว

    Need an advance setup video

  • @producedbyjayzziii
    @producedbyjayzziii 2 ปีที่แล้ว

    Hi Colt! Thank you for the contents and it helps us a lot.
    Can you release a course about Golang/Go?

  • @okaybossiamonyoutubeakkskd
    @okaybossiamonyoutubeakkskd 2 ปีที่แล้ว

    hey colt! i hope you are doing great! how are your chickens doin

  • @frankhernandez4057
    @frankhernandez4057 2 ปีที่แล้ว

    Is Colt installing TS locally or globally?

  • @futgaming17
    @futgaming17 ปีที่แล้ว

    Wow. Good vid

  • @jerryarekhandia1003
    @jerryarekhandia1003 9 หลายเดือนก่อน

    Excellent!

  • @regilearn2138
    @regilearn2138 2 ปีที่แล้ว

    Appreciate if you can do MERN/PERN with typescript advanced project, it is the best way to learn typescript in practical way

  • @GKrider7727
    @GKrider7727 2 ปีที่แล้ว

    soft soft or won't touch it. It is different...