Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

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

via Skillshare

Overview

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

Syllabus

  • Welcome to the course!
  • What we will be building
  • Sk project encourage
  • What is Node & NPM?
  • Static v dynamic web server
  • Express.js and express generator
  • Express project structure
  • Using Nodemon
  • Serving static files
  • Introduction to Pug
  • Template inheritance
  • Time to practice: Creating the header
  • Solution: Creating the header
  • Mixins
  • Basic routing
  • Route parameters
  • MVC Pattern
  • Using controllers
  • Using middleware
  • Important Update: mLab now part of Mongo
  • Getting started with Mongo
  • Mongoose models
  • Creating our hotel upload form
  • Pushing to the database
  • Querying the database
  • Distinct values
  • The aggregation pipeline
  • The edit and remove form
  • Updating records
  • Deleting records
  • Hotel detail view
  • Locals and conditional rendering
  • Hotels by country
  • Styling the header- small screen
  • Styling the content- small screen
  • Large screen styling
  • Countries mixin
  • Promise.all and array destructuring
  • Environment variables
  • Handling file uploads
  • Saving images to the cloud
  • Retrieving images from the cloud
  • Hotel search form part 1
  • Hotel search form part 2
  • Search results template
  • Hotel detail search from
  • Creating the user model
  • Sign Up Form
  • Validating User Input
  • Passing errors to the template and sanitization
  • Registering new users
  • Password encryption
  • Logging in
  • Logging out
  • Working with sessions
  • Providing user feedback with flash messages
  • User conditional rendering
  • The order model
  • Booking confirmation page
  • Placing orders
  • User account area
  • Displaying all orders
  • Final CSS
  • Preparing for production
  • Pushing our express app to Heroku
  • Thank you
  • Follow me on Skillshare!

Taught by

Chris Dixon

Reviews

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

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.