Anyone Can Edit Video in 10 Minutes
By Olufemii
Published: Nov 24, 2022“
Start Using Descript Today:
Have you ever had a friend or family member ask you to edit a video for them? Well, you can just send them this video and they will learn how to use Descript, the easiest video editor online. In this Descript tutorial, your friend or family member will learn how to edit their video the same way they would a word document. In less than 10 minutes the will learn how to use Descript. Which means you can focus on passion projects and client work.
Reach out to Josh Olufemii on Instagram: https://www.instagram.com/madebyolufemii
Subscribe Here: https://www.youtube.com/c/Olu…”
Category: Video Tutorials
Video Tutorials on Photoshop, after effects, coding, managing your YouTube channel, etc
[#Script #Coding] Create an Instagram Clone with React, Tailwind CSS, Firebase – Tutorial
Create an Instagram Clone with React, Tailwind CSS, Firebase – Tutorial
By freeCodeCamp.org
Published: Apr 19, 2021“
Learn how to create an Instagram clone with React and JavaScript! This project uses React (custom hooks, useContext, useState, useEffect, useRef), Firebase (Firestore/auth), Tailwind CSS, LoadTest, Lighthouse, Vercel, React Testing Library and Cypress E2E Testing.
This React project has multiple pages: login, sign up, dashboard (to view/like/comment on photos), and user profiles. The sign-in page connects to Firebase when a user tries to sign in, and when a user signs up, Firebase auth is used to store the user in the Firebase auth database. After the application is built you will learn how to deploy it to Vercel.
Course created by Karl Hadwen. Check out his channel: https://www.youtube.com/c/CognitiveSurge
Code: https://github.com/karlhadwen/instagram
Course Contents
- (0:00:00) Introduction
- (0:05:37) Showcase
- (0:15:28) Create React App (yarn)
- (0:18:22) Project Folder Structure
- (0:20:26) Installing Dependencies
- (0:22:47) Refactoring unnecessary files, refactoring code
- (0:29:18) Install ESLint
- (0:33:06) Creating Folder Structure & Architecture
- (0:43:05) Setup Firebase
- (0:44:22) Firestore
- (0:46:44) Firestore Rules
- (0:48:43) Firestore (Collections & Docs)
- (0:51:00) Firebase Authentication
- (0:53:59) Realtime Database (Explanation)
- (0:54:45) createContext in firebase.js
- (1:02:34) Creating App in Firebase
- (1:09:15) Start working on Login Page
- (1:10:17) Install React Router Dom
- (1:18:15) Create Routes
- (1:21:51) Continue working on Login Page (Part 2)
- (1:26:35) Tailwind.css Introduction
- (1:31:34) Continue working on Login Page (Part 3)
- (1:32:35) Install more dependencies
- (1:36:30) Change how all scripts work
- (1:40:21) yarn add postcss -D
- (1:40:57) Create components folder
- (1:34:19) Tailwind.css setup
- (1:35:51) Completed Tailwind Setup, Continue working on Login Page (Part 4)
- (1:39:28) Interjection: Field Value
- (1:41:56) Continue working on Login Page
- (2:01:47) Tailwind.config
- (2:06:05) Login Functionality (with Firebase)
- (2:11:12) Signup Page
- (2:22:53) Check for user created is a duplicate
- (2:54:49) Not Found & Dashboard Page
- (3:01:11) Created Timeline Component
- (3:01:28) Created Sidebar Component
- (3:01:47) Created Header Component
- (3:04:14) use-auth-listener.js Hook
- (3:11:23) users.js UserContext
- (3:15:38) Back to Header Component
- (3:42:21) Working on Dashboard Page
- (3:45:59) Working on Sidebar Component
- (3:46:15) use-user.js hook
- (4:04:20) In user.js ? Introduction to prop types
- (4:25:03) Created Timeline.js
- (4:25:43) Explanation on useMemo
- (4:27:45) Add WhyDidYouRender
- (4:29:53) Struggling with some issues
- (4:42:42) Finally Figuring out some problems with WhyDidYouRender
- (4:50:41) Working on suggestion.js (sidebar completed)
- (4:59:20) Get suggested profiles
- (5:16:28) Functionality: Remove followed user from suggestion
- (5:23:12) Functionality: Update user’s following & followers
- (5:34:18) Overview on Timeline
- (5:40:47) Creating Post Component
- (5:42:57) Creating more custom hooks (usePhotos)
- (6:04:16) Rendering out the photos (using React skeleton)
- (6:10:55) Start work on Post Component
- (6:15:18) Components within Post
- (6:16:03) Header Component
- (6:20:56) Image & Actions
- (6:27:32) Service call in Firebase
- (6:42:44) Show Comments
- (6:51:13) Add Comments
- (7:12:26) Adding Protected Routes
- (7:27:13) Profile
- (7:30:20) Lazy load explanation
- (7:45:23) Continue working on Profile Page
- (7:58:48) Header Component in Profile Page
- (8:02:14) Profile Specific Header
- (8:18:00) Get User Photos
- (8:37:52) Continue working on header
- (9:20:31) Information in header
- (9:37:09) Photos Component in Profile Page
- (9:50:07) Recap of everything we’ve done
- (9:52:55) Start of Review
- (9:55:33) Not found header
- (9:57:04) Review of usePhotos, useUsers, isUserLoggedIn, ProtectedRoute
- (9:58:35) Review of contexts: firebase.js and user.js
- (9:58:57) Review of Routes & Posts
- (10:01:31) loadtest (Npm install -g loadtest)
- (10:15:27) Create a production build
- (10:38:28) Deployment to Vercel done but with issues
- (10:51:47) Issues fixed
- (10:52:19) Lighthouse
- (11:02:27) Wrapping up
- (11:04:13) Changes and Refactoring (Fixing Bugs)
- (11:48:50) Quick Look at Paid Version
- (11:49:59) Cypress
- (11:54:08) Signing Off
[READ MORE]”
[#Life #Success] 10 PHILOSOPHIES For a BETTER LIFE
10 PHILOSOPHIES For a BETTER LIFE
By Alux.com
Published: Sep 15, 2022“
10 PHILOSOPHIES For a BETTER LIFE
15 Ways The RICH EDUCATE Their KIDS: https://youtu.be/Hs-2uy-PTvE
Have you downloaded the Alux app yet?
https://alux.com/appThe ALUX App is Officially Here! | Alux Keynote 2022: https://youtu.be/bd4uVm2AYuY
In this Alux.com video we will be answering the following questions:
- What are 10 PHILOSOPHIES For a BETTER LIFE?
- How to build a better life?
- What PHILOSOPHIES to follow For a BETTER LIFE?
- What are 10 Life Philosophies That Can Improve Your Life?
CONTENTS:
- 00:00 – Intro
- 00:52 – Stoicism
- 02:54 – Epicureanism
- 04:01 – Taoism
- 05:41 – Hedonism
- 06:49 – Existentialism
- 08:16 – Aestheticism
- 09:19 – The David Foster Wallace Philosophy
- 10:25 – Socratic Philosophy of Self-Reflection
- 11:34 – Scepticism
- 12:54 – Modern Humanism
PLAYLISTS
- Get Rich Playlist: https://www.youtube.com/playlist?list…
- Take Action Playlist: https://www.youtube.com/playlist?list…
- All Sunday Motivational Videos: https://www.youtube.com/playlist?list…
- Book Club: https://www.youtube.com/playlist?list…
ALUX on Social Media:
- https://www.instagram.com/alux/
- https://www.facebook.com/alux
- https://www.twitter.com/aluxcom
”
[#Video #Design] How to Set Up Your Cinema 4D Projects Like a Pro
How to Set Up Your Cinema 4D Projects Like a Pro
By School of Motion
Published: May 04, 2022“
Want a sneak peek at an amazing Holdframe Workshop? Echoic X Ident is a jam-packed animation made by Nidia Dias for Echoic Audio. The 11-second ident is bursting with particle sims, graphic compositions, and bold colors, and is a brilliant display of Nidia’s voice and vision.
While the Workshop focuses creating that perfect, brilliant shot, Nidia has a few great tips for how to set up your Cinema 4D project in order to have a professional workflow.
https://som.bz/3s8Yxvk”
[#Video #Editing] Easy Viral Cut Out Animation in Premiere Pro
Easy Viral Cut Out Animation in Premiere Pro
By Olufemii
Published: Sep 12, 2022“
Get The 360 Kinetic Sound Pack Here –
Learn to create a simple but stunning cut out animation using Photoshop and Premiere Pro. This cut out animation has been used in commercials, viral social media posts, and you’ve likely seen it once and thought “Wow, I wish I could do that!”. Well, you can, and our channel teacher, Dave, will show you how in less than 10 minutes. That means you will be able to create a viral instagram cut out real by the end of this video.
Reach out to Dave on Instagram: https://www.instagram.com/davethegreko/
Subscribe Here: https://www.youtube.com/c/OlufemiiTuts”
[#Script #Coding] Learn Terraform (and AWS) by Building a Dev Environment – Full Course for Beginners
Learn Terraform (and AWS) by Building a Dev Environment – Full Course for Beginners
By freeCodeCamp.org
Published: Apr 11, 2022“
Learn Terraform basics as you utilize Visual Studio Code (On Windows, Mac, or Linux!) to deploy AWS resources and an EC2 instance that you can SSH into to have your own redeployable environment.
Derek Morgan created this course. Check out more of his courses at: https://morethancertified.com
- LinkedIn: https://linkedin.com/in/derekm1215
- Twitter: https://twitter.com/derekm1215
Course Contents
- Welcome and Setup (0:00)
- What We’re Going to Build
- AWS IAM Setup
- Local Environment Setup
- Let’s Build! (7:22)
- AWS Provider and Terraform Init
- A VPC and Terraform Apply
- The Terraform State
- Terraform Destroy
- A Subnet and Referencing
- An IGW and Terraform fmt
- A Route Table
- A Route Table Association
- A Security Group
- An AMI Datasource
- A Key Pair
- An EC2 Instance
- Userdata and the File Function
- SSH Config Scripts
- The Provisioner and Templatefile
- The Deployment and Replace
- Variables
- Variable Precedence
- Conditional Expressions
- Outputs
- Conclusion
”
[#Trends #Success] 15 Job Skills Of Tomorrow
15 Job Skills Of Tomorrow
By Alux.com
Published: Aug 31, 2022“
15 Job Skills Of Tomorrow
15 Things Most People Take A Lifetime To LEARN: https://youtu.be/Ha1M4IhluEk
Have a look at our premium courses: https://courses.alux.com
GOAL Mastery: https://www.alux.com/goals
Mind Mastery: https://www.alux.com/mindmasteryHave you downloaded the Alux App yet?
https://alux.com/appThe ALUX App is Officially Here! | Alux Keynote 2022: https://youtu.be/bd4uVm2AYuY
In this Alux.com video we will be answering the following questions:
- What are the best 15 Job Skills Of Tomorrow?
- What are the top Future Skills You’ll Need In Your Career?
- What are the top 15 job skills for the future
- What are the main Job Skills Of Tomorrow to have?
- Which jobs will survive in the future?
- What will be the best paying jobs in the future?
- What are The 15 most in demand skills for the future?
- What are the best careers for the future?
- Which jobs will not be affected by Artificial Intelligence?
- Which jobs are safe from automation?
- Which will be the best paying jobs in the future?
- How to prepare for A.I.?
- What kind of jobs will people do in the future?
- Which are the fastest growing industries?
- Which industries will blow up in the future?
- What should you study if you want a job when you graduate?
CONTENTS:
- 00:00 – Intro
- 00:42 – Digital literacy
- 01:29 – Leadership skill
- 02:16 – Active Learning / Curiosity
- 03:09 – Communication & Coordination
- 03:53 – Technology design skills
- 04:38 – Technology monitoring
- 05:07 – Emotional Intelligence (EQ)
- 05:47 – Creativity, Ideation, and Innovation
- 06:22 – Critical Thinking and reasoning
- 07:05 – Complex Problem-Solving
- 07:51 – Analytical Thinking
- 08:34 – Cognitive flexibility
- 09:19 – Judgment and decision-making
- 09:48 – Interpersonal skills
- 10:21 – Self-management
”
[#Life #Success] 10 Micro Skills To Win At Life
10 Micro Skills To Win At Life
By Alux.com
Published: Jun 11, 2022“
10 Micro Skills To Win At Life
SUBSCRIBE to ALUX: https://www.youtube.com/channel…
How To Design Your Morning Routine https://youtu.be/R7DQTASiPTwGET 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/bd4uVm2AYuY
CONTENTS:
- 00:00 – Intro
- 00:32 – Articulating an idea
- 01:54 – Getting people excited
- 02:40 – Selling the vision
- 03:24 – Casual Networking
- 04:25 – Giving a little more than you take
- 05:09 – Listening to the other side
- 06:00 – Focus bursts
- 06:44 – Googling
- 07:30 – Handling rejection
- 08:58 – How to fake your way into a room
”
[#Script #Coding] Design a Scalable Mobile App With Figma Variants
Design a Scalable Mobile App With Figma Variants
By freeCodeCamp.org
Published: Apr 07, 2022“
Learn how to use Figma Variants to design a scalable mobile app. Variants can streamline your frontend design process by allowing you to group and organize similar components into a single container.
Ahmet Efeoglu developed this course. Check out his channel: https://www.youtube.com/channel…
Tutorial file link: https://www.figma.com/file/FrLR3t9jZ9…
Homework file link: https://www.figma.com/file/8js2feuv6L…MCONTENTS:
- (0:00:18) Intro
- (0:02:13) Accessing Tutorial and Homework Files
- (0:04:24) Project Overview
- (0:05:27) Recommending Personal and freeCodeCamp Channel
- (0:06:25) Basics Overview
- (0:08:22) Learning The Frame Functionality
- (0:10:25) Learning The Autolayout Functionality
- (0:14:39) Learning The Component Functionality
- (0:18:55) Learning The Variant Functionality
- (0:21:42) Creating The Type System
- (0:28:41) Creating The Color Palette/System
- (0:35:54) Creating The Icon Set
- (0:41:34) Creating Input Variants
- (0:52:23) Creating Large Button Variant
- (1:00:47) Designing Sign Up and Login Screen
- (1:18:46) Creating Status Bar Variant
- (1:23:14) Creating The Filter Variant
- (1:27:40) Creating Bottom Navigation Variant
- (1:35:02) Creating Image Card Variant
- (1:49:27) Updating Input Variant
- (1:57:31) Designing The Discover Screens
- (2:15:20) Creating Large Avatar Variant
- (2:24:05) Creating Small Button Variant
- (2:32:45) Creating The Benefit Card Variant
- (2:46:45) Designing Details Screen
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news”
[#Script #Coding] Augmented Reality for Everyone – Full Course
Augmented Reality for Everyone – Full Course
By freeCodeCamp.org
Published: Mar 30, 2022“
Learn about Extended Reality / Augmented Reality from both a theoretical and practical perspective in this full course for beginners.. Learn to develop AR mobile applications and AR Filters for Instagram and Facebook from scratch. Learn concepts from scratch such as XR Fundamentals, Unity Engine, C#, Markerbased AR Development, and AR Filter development.
Course from Priyanshu Bhattaharjee. Check out his channel: https://www.youtube.com/c/CodedRealityXR
- Course Website: https://arcourse.netlify.app/
- Syllabus: https://arcourse.netlify.app/pages/sy…
- Lecture Materials: https://arcourse.netlify.app/pages/ma…
Code
- Project 1: AR Car Customizer: https://github.com/Priyanshu-CODERX/A…
- Project 2: AR Business Card: https://github.com/Priyanshu-CODERX/A…
- Project 3: AR Encyclopedia: https://github.com/Priyanshu-CODERX/A…
Course Contents
- (00:00:00) Course Introduction
- (00:03:44) 1.0 Introduction to XR
- (00:37:00) 2.0 Installing Unity
- (00:45:31) 2.1 Unity Tutorial
- (01:51:48) 3.1 Intro to C#
- (02:10:02) 3.2 Comments, Variables, Data Types _ Type Casting
- (03:24:32) 3.3 Operators
- (04:12:28) 3.4 Conditionals
- (04:45:42) 3.5 Loops
- (05:20:39) 3.6 Arrays
- (05:43:35) 3.7 Functions
- (05:58:45) 3.8 Classes and Objects
- (06:26:21) 4.1 Marker Based Augmented Reality in Depth
- (06:57:32) 4.2 Setting up Vuforia and developing our first Vuforia App
- (07:26:17) 4.3 Free Resources
- (07:33:58) 4.4 Multiple Target Tracking
- (07:45:33) 4.5 Virtual Buttons
- (08:18:45) 4.6 AR Video Playback
- (08:33:06) 5.1 Project 1 AR Car Customizer
- (09:01:49) 5.2 Project 2 AR Business Card
- (09:46:48) 5.3 Project 3 AR Encyclopedia
- (10:45:07) 6.1 Introduction to Spark AR
- (10:57:52) 6.2 Face Tracker and Face Mesh
- (11:08:10) 6.3 Head Occluder
- (11:19:25) Final Project
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
”
