Home Courses Instructor Labs

Full Stack Web Development for Beginners with Project

( Ratings) Students Enrolled
Created By Chris Dayle Last Updated English
  • Course Duration
    10 Hours
  • Mode of Training
    Self-Paced
  • Lessons
    65 Lessons
  • Validity
    Life Time
$ 34.99 $ 12.99 63% off 100% Money Back Guarantee
12k+ satisfied learners Read Reviews
What Will I Learn?
  • Understanding of Node and Express framework
  • Node and express are really popular and learning these technologies will leave you in high demand
  • Use MongoDB and Mongoose
  • Create user accounts, log in and log out
  • Set up a travel booking application called let's travel
  • Pushing travel app to the live server

Requirements
  • Basic understanding of Web development
  • Javascript
+ View More
Description

Full Stack web development for Beginners!

In this course, you will be learning about Node, Express, Mongo, Mongoose, Templating, Routing, Authentication and deployment!

With the understanding of Node and Express framework we setup a travel booking application called let's travel.

You will be learning about modelling our data, create, read, update and delete actions along with filtering and aggregation to get back the exact data we needed.

In addition to above features, we also include some styling features to our project along with learning many next generation Javascript techniques from ES6 and beyond.

We create an account where user can log in and see any bookings and also admin users can go into the admin section to see list of all orders from the site.

Overall, you will be learning about Javascript, Node, Express, Mongo, user accounts and authentication, routing and deployment and much more!!

Curriculum For This Course
65 Lessons 10 Hours
  • Welcome to the course ! 00:03:37 Preview
  • What we will be building? 00:05:42 Preview
  • What is Node NPM? 00:03:50
  • Static vs Dynamic Webserver 00:04:05
  • Express.js vs express generator 00:08:53
  • Express project structure 00:10:25
  • Using Nodemon 00:06:14
  • Serving static files 00:02:16
  • Introduction to Pug 00:09:15
  • Template Inheritance 00:03:10
  • Time to practice: Creating the header 00:01:03
  • Solution: Creating the header 00:12:10
  • Mixins 00:11:09
  • Basic Routing 00:05:47
  • Route Parameters 00:04:40
  • MVC pattern 00:02:14
  • Using Controllers 00:05:36
  • Using Middleware 00:07:44
  • Important update: mLab now part of Mongo 00:05:32
  • Getting started with Mongo 00:11:25
  • Mongoose models 00:07:37
  • Creating our hotel upload form 00:16:15
  • Pushing to the database 00:11:40
  • Querying the database 00:16:55
  • Distinct values 00:14:39
  • The aggregation pipeline 00:14:24
  • The edit and remove form 00:18:04
  • Updating records 00:18:53
  • Deleting records 00:09:22
  • Hotel detail view 00:06:42
  • Locals and conditional rendering 00:13:44
  • Hotels by county 00:08:50
  • Styling the header - small screen 00:10:41
  • Styling the content - small screen 00:07:27
  • Large screen styling 00:13:39
  • Countries mixin 00:04:14
  • Promise.all and array destructing 00:07:33
  • Environment variables 00:07:40
  • Handling file uploads 00:12:30
  • Saving images to the cloud 00:07:35
  • Retrieving images from the cloud 00:05:21
  • Hotel search form - part 1 00:13:00
  • Hotel search form - part 2 00:08:01
  • Search results template 00:13:56
  • Hotel detail search form 00:07:30
  • Creating the user model 00:05:56
  • Sign up form 00:10:53
  • Validating user input 00:17:20
  • Passing errors to the template and sanitization 00:05:52
  • Registering new users 00:13:19
  • Password Encryption 00:06:17
  • Logging in 00:12:57
  • Logging out 00:03:39
  • Working with sessions 00:14:14
  • Providing user feedback with flash messages 00:16:23
  • User Conditional rendering 00:09:54
  • The order model 00:04:21
  • Booking confirmation page 00:16:54
  • Placing orders 00:09:34
  • User account area 00:15:08
  • Displaying all orders 00:06:59
  • Final CSS 00:08:18
  • Preparing for production 00:09:27
  • Pushing our express app to Heroku 00:16:32
  • Thank you! 00:01:44

Full Stack Web Development for Beginners with Project