How To Create Server-side MVC Apps with Node.js and Express

Поділитися
Вставка
  • Опубліковано 18 жов 2024

КОМЕНТАРІ • 127

  • @doreinpaulemmanuel3614
    @doreinpaulemmanuel3614 8 років тому

    it took me two fricking day to finish this video though! Coming from a completely non Coding or programming background! this was painfully good! again to all those guys who sit through the whole thing and understand every word. To ya'll I bow down, peace!

  • @josephgay1878
    @josephgay1878 9 років тому

    I'll be honest, out of all the tutorials on node and express, both paid and unpaid, that I have done are nothing compared to this. What an unlikely but pleasant surprise . Thank you sir.

  • @VivekMore1
    @VivekMore1 9 років тому +71

    Superb Tutorial.
    Is it just me or are we missing video from 32:00 all the way through 36:30 ?

  • @chenxie1042
    @chenxie1042 9 років тому +3

    best tutorial for me who wants to build scalable website and have more understand about Express and Node.js

  • @scubatan
    @scubatan 7 років тому

    I like Diamond's easygoing style, and all the technology commentaries. Thanks!

  • @TelepuzikTV
    @TelepuzikTV 6 років тому

    The "Right meow" at 15:28 killed me. Loved the tutorial!

  • @bagoquarks
    @bagoquarks 10 років тому +2

    There are a couple of intervals where the viewer can't see what the presenter is typing - the browser window is sitting on top of the coding window. Eventually you can see the code - you may need to pause the video. Otherwise this is excellent, including a brief, very informative overview of Bower.

  • @DeadalusX
    @DeadalusX 9 років тому +6

    this tutorial was really great, better than most

  • @grizvok
    @grizvok 8 років тому +13

    Can somebody please explain what is happening from 32:00 to around 37:00 minutes in? This is by far the best tutorial I've seen on Express, but it seriously ruined everything that was happening. It also isn't that difficult to release some appended footage or whatever to show what happened during that or at least some text about what happened during that 4 minutes or so.
    **Nevermind, that was actually good practice in problem solving which is really what programming is. For people that simply want the answer, you do something like res.render('index', items = [{desc:'foo'}, {desc:'bar'}, {desc:'baz'}]]);

    • @randypratt658
      @randypratt658 8 років тому +2

      He is putting the variables into Express and calling them in the ejs template, thats what he's doing, you can see the code after the video comes back.

  • @KevinJTurner
    @KevinJTurner 10 років тому

    Excellent tutorial! Very concise and verbose.

  • @doreinpaulemmanuel3614
    @doreinpaulemmanuel3614 8 років тому +2

    Man!~ first of all I want to say ! A standing ovation for all those guys!! who actually sat through the whole thing!! like right to 1:45:46, I just pulled off my bose head fones and it feels like m ears got molested. But I must compliment the amount of patience and contribution! Mr. Diamond has put in and the amount of deep information that he has shared. So many words per second reminds me of Jesse Eisenberg from The Social Network. I literally had to shut my eyes tight and really get my brain to concentrate to what he was trying to say and had to pause and rewind and then again rewind a million times to understand every single detail. I believe coming from a Mechanical or a loser background! There is soo much to learn in the Web world and COmputer Science forte! I feel great! cause I am interning at allied telesis right now! and have a project to make a website! and I have no !@$#@%@#% what am I doing here or what's going on in my life! However My aim is to work hard and never give up! till i get fired! (hope I don't) well.. This sure helped me and You Sir! are a DIAMOND! Thank you for your priceless education.

  • @kimgysen10
    @kimgysen10 9 років тому

    Great introduction. This gives me all the information that I need to build the rest upon.

  • @joelolsson1534
    @joelolsson1534 10 років тому

    Great presentation, subscribed and looking forward to future node presentations.

  • @firal5868
    @firal5868 9 років тому

    Best tutorial I have seen by far

  • @JSBroadcast
    @JSBroadcast 10 років тому +6

    Could you please provide us with the presentation file you used in this video ? Would really appreciate it.

  • @fmjk7570
    @fmjk7570 5 років тому

    Damn, this dude sounds like Ethan from h3h3Productions... Btw, this is one of the best tuts ive seen on YT!

  • @shahrukh631
    @shahrukh631 7 років тому

    Its been 3 years since you uploaded this video !

  • @zoranvulanovic3780
    @zoranvulanovic3780 9 років тому

    You are fantastic tutor. i'm enjoyed in your presentation. Very clearly. Thank you!

  • @mhehar3yahoo
    @mhehar3yahoo 8 років тому

    Great tutorial with precise description of thought process

  • @robertmulroney9291
    @robertmulroney9291 9 років тому

    Really really great presentation, I learned a lot.You didn't really explain MVC in Node.js as the title suggests but perfect primer for Express.

  • @amanuelzeryihun5082
    @amanuelzeryihun5082 9 років тому

    Excellent Tutorial, I found your explanations very understandable and clear. Thanks!

  • @abdoulayesacko5850
    @abdoulayesacko5850 7 років тому

    Thank you , this really helped me to understand express and node .

  • @abdouldia1605
    @abdouldia1605 9 років тому +1

    Thanks Jason for this quite great tutorial. Very helpful!

  • @Nesladosti
    @Nesladosti Рік тому

    очень помог! я удачно наткнулся на твое видео! будь здоров! THX VERY MUCH

  • @gkcontents
    @gkcontents 8 років тому

    Thanks a ton!, best bundle together with deployment, subscribed and waiting for some more knowledge from you.

  • @snoflakerules
    @snoflakerules 8 років тому

    For those complaining about the middleware error at 1:12:00 - Be sure to put module.exports = router; at the bottom of todos.js

  • @msiyaulee
    @msiyaulee 9 років тому

    Great Tutorial. Can you tell me what kind of keyboard you've used in the video? Sounds really great.

  • @KN-ey3yf
    @KN-ey3yf 6 років тому

    Thank you from Japan

  • @MicroUrb
    @MicroUrb 9 років тому

    so when doing res.render(); for index you don't need to include the file extension? Also, my express doesn't have a folder called views, I actually went in command line and created it and then it rendered the webpage with the date-time stamp.

  • @MicroUrb
    @MicroUrb 9 років тому

    ok so after some research, the body parser deprecated response means that instead of just app.use(bodyParser()); you have to use app.use(bodyParser.urlencoded()); and app.use(bodyParser.json());

  • @stahlsparre
    @stahlsparre 8 років тому +2

    Thanks for this superb tutorial.

  • @ahmadbinali4668
    @ahmadbinali4668 7 років тому

    Thanks from Nigeria

  • @internut33
    @internut33 8 років тому

    Thanks Jason! - Very informative!

  • @Arnazisti
    @Arnazisti 5 років тому

    If anyone is looking at this in 2019, there's a few things that work differently... You have to use Azure DevOps + an Azure Web App and edit the code slightly because Azure listens for a response which atleast as of 1:22:00 in the tutorial doesn't work. Can provide source if anyone needs!

  • @alexanderadu-sarkodie2498
    @alexanderadu-sarkodie2498 9 років тому

    Great tutorials. One on REACT,SailsJS,Node and MongoDB would be awesome!

  • @PopeSweetJezus
    @PopeSweetJezus 9 років тому

    Thanks for this great tutorial!
    I've learned a lot!

  • @MicroUrb
    @MicroUrb 9 років тому

    I resolved the middleware issue with body parser and in my experience my submit query button never changes to just submit unless I add a value="submit" and this instance was no different. I wonder why none of the tutors in these wonderful videos have that problem.

  • @pall2001
    @pall2001 9 років тому

    Thank you so much, this is very helpful, learned a lot! I have a problem, the body does not get rendered, I am able to see the title but not the body(part where My App & current date time gets rendered). Can someone please help me. Thank you in advance!

  • @NeerajWagh
    @NeerajWagh 9 років тому

    Brilliant primer!

  • @devangdesai8162
    @devangdesai8162 9 років тому

    Is there a way I can get the presentation slides for future referencing. Thanks for great tutorial.

  • @eduussop
    @eduussop 10 років тому

    which console do you use? . . . Thank you very much for the tut !

  • @Elemento000
    @Elemento000 9 років тому

    Nice tut! helped me a lot! thanks!

  • @rameezarif242
    @rameezarif242 8 років тому

    great tutorial, so helpful

    • @haidermalik5947
      @haidermalik5947 8 років тому

      +Rameez Arif How do I get source code of this video?

    • @theodorep.5501
      @theodorep.5501 8 років тому

      Double click on the video and ctrl+ alt+ space (two times)

  • @azizahtas
    @azizahtas 8 років тому

    Awesome Name More Like JSON.
    Awesome Video Loved it liked it waiting for more!

  • @rpiitkgpian
    @rpiitkgpian 8 років тому

    Great Tutorial

  • @venkatmca008
    @venkatmca008 8 років тому

    Thanks a lot.very helpful...

  • @irv140
    @irv140 9 років тому

    Why do we have to require body-parser but we didn't have to require ejs. Both were installed via npm, right?
    Thanks!

  •  8 років тому

    Awesome! Thanks you!

  • @wagnerdossantos466
    @wagnerdossantos466 7 років тому

    When to use nodemon? And why you dont use in this project?

  • @pmed6755
    @pmed6755 8 років тому

    great job! thanks for nice tutor

  • @MicroUrb
    @MicroUrb 9 років тому +1

    for app.use('./todos')); I got this error from applications.js in the lib folder: TypeError('app.use() requires middleware functions');

  • @puneettiwari8071
    @puneettiwari8071 7 років тому

    great tutorial

  • @backupfolder1839
    @backupfolder1839 8 років тому

    super helpful. Tnx

  • @SiddheshMangela
    @SiddheshMangela 8 років тому

    Thanks you are awesome

  • @MicroUrb
    @MicroUrb 9 років тому

    unfortunately body-parser has been deprecated, we have to use individual json/urlencoded middlewares and I am not sure how to do that.

    • @piq-dg3vz
      @piq-dg3vz 8 років тому

      you just have to use
      app.use(bodyParser.urlencoded({ extended: true });
      app.use(bodyParser.json());

  • @manchekar16
    @manchekar16 8 років тому

    very good tutorial :)

  • @kyleg6790
    @kyleg6790 8 років тому +18

    No longer use app.use(bodyParser());
    the correct usage is:
    app.use(bodyParser.urlencoded({
    extended: true
    }));

    • @ajakinremi7373
      @ajakinremi7373 7 років тому

      extended is false, that's how I do it. SO in case true doesn't work

  • @doreinpaulemmanuel3614
    @doreinpaulemmanuel3614 8 років тому

    you from Cali bro?

  • @ssmlee04
    @ssmlee04 10 років тому

    very helpful!

  • @8756753431
    @8756753431 9 років тому

    Hey, please can you share the doc file which you are using in this video for my study

  • @josephstrauss9653
    @josephstrauss9653 6 років тому

    For some reason, I use bower download the bootstrap 4.0 did not fetch the jquery as well, as a reminder, people missing query can repeat the way use bower i jquery download jquery, then everything keep the same.

  • @ShowvhickNath
    @ShowvhickNath 8 років тому

    Thanks

  • @rohithsudhakara5175
    @rohithsudhakara5175 9 років тому

    When i try to render a html as suggested, i get this below error. Not sure, what is the problem?
    TypeError: Property 'engine' of object # is not a function
    this is what i have in my app.js
    app.set('views',path.join(__dirname,'views'));
    app.set('view engine','html');
    please advise

    • @bjarni4536
      @bjarni4536 9 років тому

      ***** If your'e still looking into this. try
      // Make engine html use ejs render.
      app.engine('html', require('ejs').renderFile);
      // set path to views
      app.set('views', path.join(__dirname, 'views'));
      app.set('view engine', 'html');

  • @neatsunziv9848
    @neatsunziv9848 9 років тому

    NICE !!

  • @hinsul4674
    @hinsul4674 7 років тому

    Great! tutorial

  • @AlianeAbdelouahab
    @AlianeAbdelouahab 10 років тому

    thank you ^_^
    for Django/flask/tornado people, there is templating engine that works with Express and you will feel at 'home'
    it is called Swig

  • @valentinvali6866
    @valentinvali6866 10 років тому

    Who know where is the page to download the framework ?

  • @piq-dg3vz
    @piq-dg3vz 8 років тому +1

    npm init --yes
    answers all that question.

  • @heldermrpereira
    @heldermrpereira 6 років тому

    how do you send a post in chrome? i have to use postman and/or an app for chrome. you jut send it from url. how?

  • @moveaxeax
    @moveaxeax 9 років тому

    What syntax theme is he using?

  • @tianyoujiang4355
    @tianyoujiang4355 8 років тому +1

    i am not from a english speaking country, could you please turn on the cc button? many thanks!

  • @IDOLIKIofficial
    @IDOLIKIofficial 8 років тому

    What's the name of the plugin that converts tag name to full line, for example when you type input and you click TAB, it converts to ? Also for a + TAB : ..
    Had this one while ago, but forgot what was it's name, anyone can help?
    Thanks!
    * Nevermind, I found it, and it's name is Emmet.

  • @MicroUrb
    @MicroUrb 9 років тому

    there is definitely an issue with bower. I have been here for almost an hour now trying to troubleshoot this, there does not seem to be an alternative. So I am going to wait another 20 minutes.

    • @MitukulaVenkatesh
      @MitukulaVenkatesh 8 років тому

      +Daniel C @ Even i have got the same issue but i have tired other way is that first install bootstrap and jquery i.e npm install jquery
      npm install bootstrap
      after completing installing copy the bootstrap and jquery folder from the node_modulers. before tha create folder assets ur wise bower folder in that past it. then run it :) sorry for poor english

  • @steveburrus5526
    @steveburrus5526 8 років тому

    Help! Every mtime I try to install Express [npm install express ] I get this error : "WARN enoent ENOENT: no such file or directory, open 'C:\Users\sbur87\package.json'" How do I already have the package.json file?

    • @5kymaster
      @5kymaster 8 років тому

      +Steve Burrus imho it's not an error. Only warning according to WARN label. This warning doesn't make sense in case of this lesson. (I'm sorry for my English =))

    • @entalpa
      @entalpa 7 років тому +1

      Steve Burrus use npm init to create package.json file and then Install express

    • @steveburrus5526
      @steveburrus5526 7 років тому

      Thanx bu t I died that quite a long time ago.

  • @MrHtrlee
    @MrHtrlee 8 років тому

    Thank j!

  • @MicroUrb
    @MicroUrb 9 років тому +2

    this was going well for until it became dated because of the deprecated middleware...sigh

  • @MAHAMAHOPADHYAY
    @MAHAMAHOPADHYAY 6 років тому

    Your name is JSON diamond :P

  • @srm2710
    @srm2710 9 років тому

    Having to hunting down some 'use' bolt-on library just because comprehensive version releases are not easy to coordinate does not fill me with confidence.

  • @GenesisGuerrero
    @GenesisGuerrero 10 років тому +3

    which sublimetext theme?

  • @minhquannguyen3188
    @minhquannguyen3188 7 років тому

    I can't use syntax of EJS () in for loop. Can you show me the solution?

    • @bingo7137
      @bingo7137 7 років тому

      Are you trying to use when trying to encode for loop ? Try removing the '=' and then restart the server.

  • @wongwanchap
    @wongwanchap 5 років тому

    Why use bower when npm already do the job just fine?

  • @ericespino7361
    @ericespino7361 7 років тому

    Hi, around 32:00 the video freezes for more than 4 minutes.

  • @vladanng
    @vladanng 7 років тому

    Your name is JSON? :D

  • @ne4to777
    @ne4to777 10 років тому +2

    where is MVC pattern?

    • @ne4to777
      @ne4to777 10 років тому

      Jade - is view, router - is controller, mongoose - is model. Am I right?

    • @ne4to777
      @ne4to777 10 років тому

      T Cheng , I tried create MVC app on express. Can you check whether it is the MVC pattern? Thanks.
      github.com/Ne4to777/cookbook

  • @prathibha206
    @prathibha206 8 років тому

    Very well explained. Covered all the basics.
    However I faced an issue with todos.js file. I have got a n error saying as below
    ---------------------------------------------------------------------------------------
    router.get('/', function(req, res){
    ^
    TypeError: Cannot read property 'get' of undefined
    ---------------------------------------------------------------------------------------
    I imported router package using "npm install router"
    After analyzing it for a while I understood that I have problem with the below code
    ----------------------------------------------------------------------------------------
    var express = require('express');
    var router = express.Router();
    ---------------------------------------------------------------------------------------
    I imported the router package and initialized the Router class as below and everything is working well:
    var Router = require('router');
    var router = new Router();
    Can anyone explain me why I had problem with the first set.
    Thanks in advance

  • @saulex100
    @saulex100 9 років тому

    Hello, I flow but don`t work this example... xD

  • @mabehal-zuqyadeek8593
    @mabehal-zuqyadeek8593 7 років тому

    Lmfao if you listen to this @ 0.5 speed.

  • @arijelaini2857
    @arijelaini2857 8 років тому

    Is there any source code ,please ?
    Great tuto

    • @doreinpaulemmanuel3614
      @doreinpaulemmanuel3614 8 років тому +1

      what's a source code?

    • @UKDJMessy
      @UKDJMessy 8 років тому

      It's exactly as the name suggests. It's the code that makes up your app. What he's typing into the text editor in the video is "source code".
      Most coding tutorials come with a link to a working version of the code used in the video. This is useful, partly because it can save you time typing lots of code, but more importantly, if you follow the tutorial but your app doesn't work, you can compare your own code with the source code to find out where you went wrong (aka debugging).

    • @doreinpaulemmanuel3614
      @doreinpaulemmanuel3614 8 років тому

      Thanks appreciate, the first sentence gave me a clear answer. the rest confused me. You should've just left it at the first sentence.

  • @redodht
    @redodht 6 років тому

    it's not true when say this is mvc

  • @valentinvali6866
    @valentinvali6866 10 років тому

    For people who want to know whow to install express this is the link expressjs.com/2x/guide.html#installation

  • @engelshentenawy
    @engelshentenawy 8 років тому

    should'da called it " Intro to Express ' .

  • @dimecasts
    @dimecasts 9 років тому +3

    dude your keystroke taps are SUPER freakin annoying. No it doesn't sound saavy, mute that garbage. Otherwise excellent video, thanks for it.

  • @maxjustmax1409
    @maxjustmax1409 8 років тому

    But where's MVC?

    • @thethakuri
      @thethakuri 8 років тому

      +Max Just Max This is just the intro video where pretty much all you got was (V)iew. For (M)odel and (C)ontroller part, you have to dive in a bit using databases like Mongo modelling using ORM like Mongoose.

  • @doreinpaulemmanuel3614
    @doreinpaulemmanuel3614 8 років тому +1

    Thank you Ryan Dahl! for just making our lives even more horrible.

  • @jakey3332
    @jakey3332 9 років тому +1

    bootscrap.css 52:50 lul

  • @snv94
    @snv94 8 років тому +1

    MVC???

  • @dead_p1xl964
    @dead_p1xl964 7 років тому

    6 minutes of missing video right when you're setting up EJS... yeah, great tutorial.

    • @bingo7137
      @bingo7137 7 років тому

      I agree, but it's an opportunity to learn on how to google our errors. Stackoverflow has so many threads on 'missing EJS package' error.

  • @ivanbravo7
    @ivanbravo7 6 років тому

    hi

  • @valentinvali6866
    @valentinvali6866 10 років тому

    express framework

  • @thomasjameson5761
    @thomasjameson5761 8 років тому

    Haha, boots crap @ 1:45:48