Full Stack TypeScript - Let's build a "Threads" app with Angular & Nest JS

แชร์
ฝัง
  • เผยแพร่เมื่อ 20 ก.ย. 2024
  • In this comprehensive tutorial, we'll dive deep into Full Stack TypeScript, as we build a real-world application, namely a "Threads" app, using Angular and Nest JS. This video is the perfect resource for those eager to learn Full Stack development with a TypeScript twist, so whether you're a seasoned developer or just starting out, there's something here for everyone!
    Frontend:
    github.com/cod...
    github.com/cod...
    🔑 Keywords: Full Stack Development, TypeScript, Angular, Nest JS, Full Stack TypeScript, Web Development, Angular App Development, Nest JS Server Development, Threads App, Programming Tutorial, Software Development, Coding Tutorial, Web App Deployment.
    💻 This tutorial is ideal for both beginners and experienced developers interested in:
    Grasping the principles of Full Stack Development
    Learning more about TypeScript
    Mastering Angular and Nest JS
    Building practical, real-world applications
    Expanding their coding and software development skills
    ✅ You will learn:
    The foundations of Full Stack TypeScript Development
    How to develop a "Threads" app from scratch
    How to use Angular for frontend development
    How to use Nest JS for backend server development
    Integrating front-end and back-end with Angular & Nest JS
    Debugging and testing your app
    Remember to like, comment, and subscribe if you found this video helpful. Don't forget to hit the bell icon for more updates on Full Stack TypeScript development.
    #FullStack #TypeScript #Angular #NestJS #ThreadsApp #WebDevelopment #CodingTutorial #SoftwareDevelopment

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

  • @ionguzun3952
    @ionguzun3952 ปีที่แล้ว +7

    please make another example also using this stack...this video is gold.

  • @mercymeplz9900
    @mercymeplz9900 6 หลายเดือนก่อน +3

    Very good video. Explained very well. Good job my friend

  • @mahdiandalib186
    @mahdiandalib186 5 หลายเดือนก่อน +1

    i watched the whole video and it was really good, i hope you create more angular / nestJS tutorials

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

      Thanks 🙏
      Do share the video so others can benefit as well

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

    great video, I've been stuck on what project to build with latest angular/nestjs versions and this is the perfect fit.
    quick tip: 'thunder client' vscode extension is what I use for debugging api calls which I think is lot easier than rest client.

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

      Thanks, I’ll look into thunder client

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

    At first glance, the work you have done seems wonderful man, thank you!

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

    Good job bro!
    P.S: 42:13 "Copy/Pasting is what I do for living" LOL🤣
    45:17 "I'm gonna shamelessly copy and paste" bro your phrases make me laugh more and lauder 💀!

  • @agt5514
    @agt5514 9 หลายเดือนก่อน +1

    I like they way you started the video!

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

      - wrote minute 7:33

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

    This is amazing brother. Please make other apps like this. Really learned a lot

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

      Thanks 🙏 do share the video, that helps the channel grow

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

      @@CodeWithAhsan if possible make something like an AirBNB clone in angular because it has map, payment and listing/group functionality which would clear and help a lot of people just with one project. And yes brother will share the video. A lot time fan of this channel

  • @MuhammadFaizan-AI
    @MuhammadFaizan-AI ปีที่แล้ว +2

    I was looking for something like this..
    Thank you

  • @RahulShaw-v1g
    @RahulShaw-v1g 28 วันที่ผ่านมา +1

    great tutorial, can we have more tutorials on this stack sir?

    • @CodeWithAhsan
      @CodeWithAhsan  27 วันที่ผ่านมา

      @@RahulShaw-v1g i can look into it :)

  • @andrejkling3886
    @andrejkling3886 6 หลายเดือนก่อน +2

    Thank you so much ❤

  • @prashlovessamosa
    @prashlovessamosa 8 หลายเดือนก่อน +1

    Thanks Ahsan.

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

    Great video. Thank you!

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

      Thanks! Do share with others!

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

      @@CodeWithAhsan Tou should do a crash course using the qwik framework please!

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

    This is amazing! Thank you

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

      You’re welcome. Glad it helped

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

    thank a lot about this awesome tutorial. I am an angular developer with 1 year experince in work, from Iran. I need more like this video and tutorial, but I have limiation in my country about the content. and buy or get it. like the book you realased. angular cook book, I think this book is really greate, but I don't have it.
    the thing lead me to comment more about to thanks and need to explain more about detail. I search everything I don't know but, It's helpful to talk about it in a summry.
    like when you talk about npx, what is the difference between the npx and npm(I search it. and now something)
    or what is the difference between yarn and npm or pnpm(I search it but I didn't understand the difference).
    In the end. again thanks a lot for this awesome video tutorial.

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

    Great brother ❤❤

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

    احسن بھیا اپ کی ٹائپ سکرپٹ کے کورس کا ویٹ ہو رہا ہے 😊

  • @NimanthaNadeeraka
    @NimanthaNadeeraka 7 หลายเดือนก่อน +1

    This is amazing . 😍😍😍 please make another example also using this stack..

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

      Thanks :) Will do so!

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

    Thanks!

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

      Thanks a bunch for the super thanks ♥️

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

      @@CodeWithAhsan Please continue with your good work by creating such interesting videos!

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

      Absolutely ♥️

  • @jsdev-sl6mp
    @jsdev-sl6mp 7 หลายเดือนก่อน +2

    how can i deploy a fullstack app made with nest and angular and mongo/sql?

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

      Nestjs can be deployed to any nodejs hosting. Angular can be deployed to netlify, gh-pages, and basically any hosting for frontend apps. Mongodb on MongoAtlas. And postgres on railway.app or supabase

    • @jsdev-sl6mp
      @jsdev-sl6mp 7 หลายเดือนก่อน

      @@CodeWithAhsan is it free for all of them?

    • @jsdev-sl6mp
      @jsdev-sl6mp 7 หลายเดือนก่อน

      @@CodeWithAhsan can i have custom domain without paying?

    • @qwerty-or1yg
      @qwerty-or1yg หลายเดือนก่อน +1

      @@CodeWithAhsan could you create a tutorial on how to host production ready app using this stack? And preferably having working environments such as dev, stage, prod

  • @mahdiandalib186
    @mahdiandalib186 11 หลายเดือนก่อน +1

    plz create more videos

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

      i meant more nestJs Angular tutorials

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

    is there any way to only watch the angular part?

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

      You can skip the entire API part

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

    I think there's a gap in the app tutorial market for project tutorials that both double as portfolio pieces and something useful the developer can use or anyone can use for themselves. Most tutorial projects are cool, like this one, but they often focus on social media app clones that I would not use after developing. It would be cool if it was something practical I could use (besides a todo app of course). For example, like password managers, trello clones, bug trackers, journals, etc.

    • @CodeWithAhsan
      @CodeWithAhsan  9 หลายเดือนก่อน +1

      I think the gap is in the expectations you have :) the goal is to teach the concepts, not to help with anyone’s portfolio. Which everyone can and should do on their own. We already have a bunch of people just following tutorials to create projects that look the same for all of them. Which basically does not show their own skills at all. I don’t think we need to go in the same direction further at all.

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

    I do not see why we used mongo here, since we have relations between user and comments.

    • @CodeWithAhsan
      @CodeWithAhsan  11 หลายเดือนก่อน +1

      Do you mean to say any applications with relations shouldn’t be using mongo?

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

      @@CodeWithAhsan Small applications yes, i would like to understand when to use and when to not you know. i am a beginner with nosql

    • @CodeWithAhsan
      @CodeWithAhsan  11 หลายเดือนก่อน +4

      @@gusdev0258 Okay :) Makes sense. As an experienced engineer, I can tell you that it doesn't matter what scale your application has, you can use both MongoDB OR SQL based (relational) databases.
      We usually analyze the number of queries per second we're aiming for. both for reads and writes, the availability of the databases, and the scalability choices. There's so much thought processing that goes in making the decision. It's not just if the entities have relations or not.

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

      Thank you for sharing this knowledge I appreciate it!@@CodeWithAhsan

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

    السلام علیکم میں حسن بھیا
    ٹائپ سکرپٹ کا کورس ہی لانچ کر دیں پلیز اردو میں

  • @jsdev-sl6mp
    @jsdev-sl6mp 7 หลายเดือนก่อน

    how can i deploy a fullstack app made with nest,angular and mongo/sql?