When you enroll through our links, we may earn a small commission—at no extra cost to you. This helps keep our platform free and inspires us to add more value.
Full Stack Web Development for Beginners- Part 4: Final Project, Node, Express & MongoDB
Unlock creativity with Skillshare! Learn acrylic painting, AI writing, graphic design, and photography.
This Course Includes
skillshare
0 (0 reviews )
10 hours 7 minutes 
english
Online - Self Paced
course
SkillShare
About Full Stack Web Development for Beginners- Part 4: Final Project, Node, Express & MongoDB
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!
What You Will Learn?
- 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…..