Node Authentication Tutorial | Creating a User Based App from Scratch – Part 1

Released on May 8th 2017
Length: 30:59

Learn the basics behind creating a user based login system with Node, Express, and Passport.js. When it comes to creating a user based app, authentication is a tricky topic to fully understand. What is authentication, what does it do, and why do I need it in the first place? These are all valid questions that many beginners, including myself, have had at one point in time when learning about authentication.  I recall that when I was first trying to understand the topic, the whole process seemed mysterious, vague, and difficult to understand (and learning it on my own, it indeed was). This video aims to dispel any mystery or difficulty that a beginner may associate with authentication, through a comprehensive screencast in which every step of the process is explained along the way. Video Git Repo: ----------------------------- https://github.com/christopher4lis/express-cc Node Authentication Process: ----------------------------------------------------- // Add our boilerplate // 1.x Git clone express-cc repo // 2.x Run yarn / npm install // Create a new user in the database // 1.x Create a form within a view // 2.x Create route that'll process the form's post request // 3.x Create a database connection using .env file // 4. Grab form input and insert into database // 5. Add express-validation package // 6. Validate user input on backend // 7. Validate user input on frontend // 8. Hash our user's password // 9. Store user in database // Login user (update user session, return auth cookie) // 1. Install passport // 2. Configure passport with local strategy // Protect routes and only permit entry with authorization cookie // Create logout button // Create login page Video Timeline: ----------------------------- 02:34 - Understanding the authentication process 05:50 - Setting up our project with a boilerplate template 08:51 - Installing project dependencies with Yarn or NPM 11:17 - Environment files with dotenv 13:32 - Accessing our app's database with MAMP, MySQL, and Sequel Pro 17:46 - Creating our form's markup and adding styling with Bootstrap 4 26:07 - Submitting data to our server and processing our form's post request To be continued... The Platform: ------------------------- http://chriscourses.com is a platform in progress whose goal is to educate aspiring and seasoned web developers via story driven learning. Each course tells a different story, and each milestone reveals a different scene. With an expansive universe to explore, you can track your progress, and gain the necessary skills needed to build your dreams. For updates on the progress of chriscourses.com and future videos, join the Chris Courses mailing list at http://chriscourses.com. Chris Courses Social: ------------------------------------- Twitter: https://twitter.com/chriscourses Facebook: https://www.facebook.com/chriscourses Christopher Lis Social: --------------------------------------- Twitter: https://twitter.com/christopher4lis CodePen: http://codepen.io/christopher4lis