User Authentication in Web Apps (Passport.js, Node, Express)
By freeCodeCamp.org
Published: Mar 16, 2021“
In this full course for beginners, you will learn how to implement user authentication from scratch in your web apps. You will learn how to use Passport.js in a Node / Express app.
Course created by Zach Gollwitzer. Check out his channel: https://www.youtube.com/zachgollwitzer
Course Contents
- (0:00:00) Introduction
- (0:04:04) Topics and Prerequisites
- (0:16:43) Intro to HTTP Headers and Cookies
- (0:34:23) Intro to Express Middleware
- (1:05:04) Intro to Express Sessions
- (1:31:10) Implementation of Passport Local Strategy
- (2:50:21) Intro to Public Key Cryptography
- (3:34:31) How do JWTs work?
- (4:16:58) Implementation of Passport JWT Strategy
- (5:17:29) Implementing a Custom JWT Auth Solution
- (5:46:20) JWT Strategy in Angular Front-End App
”
Category: Video Tutorials
Video Tutorials on Photoshop, after effects, coding, managing your YouTube channel, etc
[#Money #Success] 15 Habits That Make You SMARTER Every Day
15 Habits That Make You SMARTER Every Day
By Alux.com
Published: Jun 29, 2022
15 Habits That Make You SMARTER Every Day
SUBSCRIBE to ALUX: https://www.youtube.com/channel/UCNjPtOCvMrKY5eLwr_-7eUg?sub_confirmation=1GET THE ALUX APP: https://alux.com/app
iPhone: https://itunes.apple.com/app/id1575063699
Android: https://play.google.com/store/apps/details?id=com.alux
Watch the keynote: https://youtu.be/bd4uVm2AYuY15 Books People Read To Get Smarter: https://youtu.be/79X_yQ…
[#Photoshop #Tutorial] How To Repair Old Film Negatives in Photoshop
How To Repair Old Film Negatives in Photoshop
By Photoshop Training Channel
Published: Jan 25, 2021“
SUBSCRIBE to get more amazing Photoshop tutorials!
https://www.youtube.com/user/photoshop…INDEX – Repair Film Negatives in Photoshop
00:00 – Introduction 01:25 – Curves Color Correction 03:32 – Analyzing the Deterioration Problem 04:15 – Convert Image Into the Lab Color Mode 06:15 – Repairing the “b” Channel with The Spot Healing & Patch Tools 08:00 – Using the “Lightness” Channel To Repair the “b” Channel 10:15 – Fine–Tune the “b” Channel with Levels 12:30 – Fine-Tune the “a” Channel with The Dodge & Burn Tools 15:35 – Paint with The Brush Tool to Remove the Color Cast 16:49 – Working with the Lightness Channel 19:30 – Analyzing The Final Image 20:06 – Final Thoughts LINKS:
- Easy ONE-CLICK Color Correction in Photoshop
https://www.youtube.com/watch?v=B-W44…- Tutorial Images
https://photoshoptrainingchannel.com/…- Become an Adobe Stock Contributor:
- PTC Newsletter:
http://ptcvids.com/subscribe- Premium Tutorials:
http://ptcvids.com/shop- Website:
https://photoshoptrainingchannel.com
FOLLOW ON:
- Instagram:
http://instagram.com/photoshoptrainin…- Facebook Group:
http://ptcvids.com/group”
[#Video #Editing] 10 EASY Music Video Effects | Cross Dissolve Transitions
10 EASY Music Video Effects | Cross Dissolve Transitions
By Olufemii
Published: Sep 28, 2022“
Today is all about cross dissolve transitions! We’ve all heard of them BUT 95% of you are using them wrong. In this video, Josh walks you through the ins and outs of a useful video editing transition, the dissolve transition. By the end of this video, you will know exactly how and when to use them. They’re the perfect music video effect if you want subtle music video transitions.
This is the first of 3 tutorials we have coming your way.
Timestamps:
- 00:00:00 Intro
- 00:00:41 What is deflection?
- 00:01:29 What is a Cross Dissolve?
- 00:02:11 Show Hide Show Transition
- 00:02:44 Cropped Show Hide Show Transition
- 00:03:02 Get Our CRT Pack for $9 or Free If You have Envato Elements Account
- 00:04:39 Anchored Movement Transition
- 00:04:55 Lens Reflection Transition
- 00:05:40 Lens Reflection with Heat Refraction Transition
- 00:06:23 Overlay For Texture Transition
- 00:06:45 Repeated Reflections Transition
- 00:07:28 Repeated Blurred Reflections Transition
- 00:07:42 Dynamic Repeated Reflections Transition
Reach out to Josh Olufemii on Instagram: https://www.instagram.com/madebyolufemii
Subscribe Here: https://www.youtube.com/c/OlufemiiTuts”
[#Script #Coding] Microservice Architecture and System Design with Python & Kubernetes – Full Course
Microservice Architecture and System Design with Python & Kubernetes – Full Course
By freeCodeCamp.org
Published: Nov 08, 2022“
Learn about software system design and microservices. This course is a hands-on approach to learning about microservice architectures and distributed systems using Python, Kubernetes, RabbitMQ, MongoDB, mySQL.
Course from Kantan Coding. Check out his channel: https://www.youtube.com/channel…
Kubernetes API Reference: https://kubernetes.io/docs…
Contents
- (0:00:00) Intro
- (0:01:02) Overview
- (0:02:47) Installation & Setup
- (0:10:16) Auth Service Code
- (0:32:25) Auth Flow Overview & JWTs
- (0:53:04) Auth Service Deployment
- (0:56:08) Auth Dockerfile
- (1:20:05) Kubernetes
- (1:37:26) Gateway Service Code
- (1:42:34) MongoDB & GridFs
- (1:47:04) Architecture Overview (RabbitMQ)
- (1:49:50) Synchronous Interservice Communication
- (1:50:49) Asynchronous Interservice Communication
- (1:53:19) Strong Consistency
- (1:54:07) Eventual Consistency
- (2:19:16) RabbitMQ
- (2:21:16) Gateway Service Deployment
- (2:35:34) Kubernetes Ingress
- (2:46:28) Kubernetes StatefulSet
- (2:51:18) RabbitMQ Deployment
- (3:09:35) Converter Service Code
- (3:33:43) Converter Service Deployment
- (4:21:09) Checkpoint
- (4:22:11) Update Gateway Service
- (4:31:46) Notification Service Code
- (4:43:24) Notification Service Deployment
- (4:51:55) Sanity Check
- (5:05:54) End
References:
- https://www.mongodb.com/docs/
- https://www.rabbitmq.com/documentation.html
- https://docs.microsoft.com/en-us/azur…
- https://docs.microsoft.com/en-us/azure/…
- https://cloud.google.com/datastore/docs/…
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news”
[#Art #Animation] Making Animation for INSTAGRAM! Adobe Animate
Making Animation for INSTAGRAM! Adobe Animate
By BaM Animation
Published: May 04, 2018“
Learn how we used adobe Animate and After effects to make this short looping animation for our Instagram. Animation is a great way to gain Followers on Instagram and social media. In this Adobe Animate Tutorial we show you how to use symbols to make this car animation. Its sort of like making a gif on Instagram.
Max also shows us a bit about Character Design, and how to create Iconic head shapes.
BaM is dedicated to teaching artists all about the animation industry, and skills sets including character design, background design, animation, and painting! Send us your art, and BaM will make an episode about YOU!
”
[#Photoshop #Tutorials] How to Create an Awesome Letter Portrait – Photoshop Tutorial
How to Create an Awesome Letter Portrait – Photoshop Tutorial
By Photoshop Tutorials
Published: Apr 11, 2019“
This Photoshop tutorial covers how to create a Letter Portrait effect. We’ll be using free stock images so you can follow along to create your own. This tutorial is easy to follow along! Go ahead and give it a try! If you’re new, please don’t forget to subscribe. So that you will be notified when I upload new content. Thx!
Download Stocks Here
Download over 1 Million Digital Assets! Photoshop Brushes, Actions, Stocks and so much more!
”
[#Script #Coding] JavaScript Tutorial – Build 2 Word Games!
JavaScript Tutorial – Build 2 Word Games!
By freeCodeCamp.org
Published: Jul 05, 2022“
In this tutorial for beginners, you will improve your JavaScript skills by coding two word games.
Ania Kubow developed this course. Check out her channel: https://www.youtube.com/aniakubow
Code:
- Word Association: https://github.com/kubowania/word-association-vanilla-javascript
- Jeopardy: https://github.com/kubowania/jeopardy-vanilla-javascript
Course Contents
- (0:00) Introduction
- (1:30) Word Association Game
- (49:51) Jeopardy Game
”
[#Script #Coding] Unreal Engine & C++ Tutorial – 1st Person Shooter Game
Unreal Engine & C++ Tutorial – 1st Person Shooter Game
By freeCodeCamp.org
Published: Nov 11, 2021“
Learn how to use Unreal Engine and C++ to create monster shooter game.
Course created by Fahir from Awesome Tuts. Check out his channel: https://www.youtube.com/channel/UC5c-DuzPdH9iaWYdI0v0uzw
More tutorials from Fahir: https://awesometuts.com/Assets and Code: https://cdn.fs.teachablecdn.com/HVnF0XHHS3C8GxModarr
Course Contents
- (0:00:00) Game Preview
- (0:02:43) Creating The Player Character
- (0:22:17) Creating The Character Blueprint
- (0:29:23) Player Movement
- (0:37:41) The Projectile Class
- (0:47:54) Shooting The Projectile
- (1:02:41) Creating The Enemy And Enemy Animations
- (1:11:59) AI Perception Component Setup
- (1:27:58) Detecting The Player With Sight
- (1:44:34) Animating Enemy’s Movement
- (1:49:05) Dealing Damage To The Player And Enemy
- (1:57:27) Gameplay UI
- (2:04:55) Displaying Countdown Timer
- (2:20:04) Enemy Health UI
- (2:26:21) The Door Script
- (2:34:43) Creating The Level
”
[#Script #Coding] How to create an NFT website landing page & Deploy for FREE (Complete tutorial | EASY!)
How to create an NFT website landing page & Deploy for FREE (Complete tutorial | EASY!)
By codeSTACKr
Published: Jan 26, 2022“
In this video, I’m going to show you how to create your own custom landing page for your NFT project. Including a countdown timer and MetaMask integration. We’ll even deploy it for FREE on Netlify.
Check out the collection I made:
- https://codecats.xyz
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ
SOURCE CODE
- GitHub Repo: https://github.com/codeSTACKr/nft-lan…
OTHER VIDEOS
- How To Create An ENTIRE NFT Collection (10,000+) & MINT for FREE: https://youtu.be/AaCgydeMu64
- Create LAYERS for your 10,000 NFT Collection for FREE: https://youtu.be/k72aCI1VyKM
- List & Reveal An ENTIRE NFT Collection (10,000+): https://youtu.be/Iy1n_LxUwZs
Become A VS Code SuperHero Today: https://vsCodeHero.com
- HTML Crash Course: https://youtu.be/XiQ9rjaa2Ow
- CSS Crash Course: https://youtu.be/Tfjd5yzCaxk
- JavaScript Crash Course: https://youtu.be/d5ob3WAGeZE
Tools I use:
- codeSTACKr VS Code Theme: https://marketplace.visualstudio.com/…
- STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
- SuperHero Extension Pack: https://marketplace.visualstudio.com/…
Timestamps
- 00:00 – Intro
- 01:05 – Project Set Up
- 02:39 – Customize the Landing Page
- 06:58 – MetaMask Landing Page Integration
- 09:06 – Commit & Sync Changes with GitHub
- 09:38 – Deploy Site with Netlify for FREE
Show support!
- PayPal: https://paypal.me/codeSTACKr
Watch Next:
- Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yH…
Connect With codeSTACKr:
- Website: https://www.codestackr.com
- Twitter: https://twitter.com/codeSTACKr
- Instagram: https://instagram.com/codeSTACKr
- Facebook: https://facebook.com/codeSTACKr
”









