Full Stack Web Development for Beginners- Part 4: Final Project, Node, Express & MongoDB

Chris Dixon, Web Developer & Online Teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
66 Lessons (10h 7m)
    • 1. Welcome to the course!

      3:36
    • 2. What we will be building

      5:42
    • 3. What is Node & NPM?

      3:50
    • 4. Static v dynamic web server

      4:04
    • 5. Express.js and express generator

      8:53
    • 6. Express project structure

      10:25
    • 7. Using Nodemon

      6:13
    • 8. Serving static files

      2:16
    • 9. Introduction to Pug

      9:14
    • 10. Template inheritance

      3:10
    • 11. Time to practice: Creating the header

      1:02
    • 12. Solution: Creating the header

      12:10
    • 13. Mixins

      11:09
    • 14. Basic routing

      5:46
    • 15. Route parameters

      4:40
    • 16. MVC Pattern

      2:14
    • 17. Using controllers

      5:36
    • 18. Using middleware

      7:43
    • 19. Important Update: mLab now part of Mongo

      5:31
    • 20. Getting started with Mongo

      11:25
    • 21. Mongoose models

      7:36
    • 22. Creating our hotel upload form

      16:15
    • 23. Pushing to the database

      11:40
    • 24. Querying the database

      16:54
    • 25. Distinct values

      14:38
    • 26. The aggregation pipeline

      14:23
    • 27. The edit and remove form

      18:03
    • 28. Updating records

      18:52
    • 29. Deleting records

      9:21
    • 30. Hotel detail view

      6:42
    • 31. Locals and conditional rendering

      13:43
    • 32. Hotels by country

      8:50
    • 33. Styling the header- small screen

      10:41
    • 34. Styling the content- small screen

      7:26
    • 35. Large screen styling

      13:38
    • 36. Countries mixin

      4:13
    • 37. Promise.all and array destructuring

      7:32
    • 38. Environment variables

      7:39
    • 39. Handling file uploads

      12:30
    • 40. Saving images to the cloud

      7:34
    • 41. Retrieving images from the cloud

      5:21
    • 42. Hotel search form part 1

      12:59
    • 43. Hotel search form part 2

      8:01
    • 44. Search results template

      13:55
    • 45. Hotel detail search from

      7:30
    • 46. Creating the user model

      5:55
    • 47. Sign up form

      10:52
    • 48. Validating user input

      17:20
    • 49. Passing errors to the template and sanitization

      5:52
    • 50. Registering new users

      13:19
    • 51. Password encryption

      6:17
    • 52. Logging in

      12:57
    • 53. Logging out

      3:38
    • 54. Working with sessions

      14:14
    • 55. Providing user feedback with flash messages

      16:23
    • 56. User conditional rendering

      9:54
    • 57. The order model

      4:20
    • 58. Booking confirmation page

      16:54
    • 59. Placing orders

      9:33
    • 60. User account area

      15:07
    • 61. Displaying all orders

      6:59
    • 62. Final CSS

      8:18
    • 63. Preparing for production

      9:27
    • 64. Pushing our express app to Heroku

      16:32
    • 65. Thank you

      1:43
    • 66. Follow me on Skillshare!

      0:23
19 students are watching this class

About This Class

Welcome to Full Stack Web Development for Beginners!

This course is designed to teach beginners everything they need to know to build full stack websites and applications!

This is part four of this huge course, teaching you all about Node, Express, Mongo, Mongoose, Routing, Templating, Authentication and deployment!

This course is all about moving to the back end of websites where you will learn lots of amazing things.

We start off with Node and the Express framework where we set up a travel booking application called let’s travel.

We will build this project throughout the course so everything you learn will be immediately put into practice.

Node and express are really popular and learning these technologies will leave you in high demand.

After this, we move onto routing and templating.

This allows us to switch between pages and navigate through our app, along with setting up templates to display not just content we have created, but also to render data from databases too.

And databases are what the next section is all about, where we look at MongoDB and Mongoose.

You will learn so much including modelling our data, create, read, update and delete actions, along with filtering and aggregation to get back the exact data we need.

After this we push on with styling and adding lots of nice features to our project, along with learning many next generation Javascript techniques from ES6 and beyond.

You will also learn how to allow users to upload images, and how we can save and retrieve these images from cloud storage.

Of course, most apps nowadays need to deal with user accounts and authentication, and this is something we will also learn about while applying all this to our project.

 You will learn how to create user accounts, logging in and out, validating the users information, authentication, storing passwords safely and so much more.

We finish off our app by allowing the user to place orders and save to the database.

Then we create an account are where the user can log in and see any bookings which they have made, and also admin users can go into the admin section too to see a list of all orders from the site.

 The course ends by showing you some security tips and recommendations to prepare your application for production.

 We then push our app to a live server for the rest of the world to see.

All while explaining things in a straightforward, simple to understand way which even beginners will understand, along with reinforcing things with a fun, yet challenging project as we go.

I hope your excited to learn about Javascript, Node, Express, Mongo, user accounts and authentication, routing, deployment and so much more, in the final part of this course….