Category: Video Tutorials

Video Tutorials on Photoshop, after effects, coding, managing your YouTube channel, etc

[#Script #Coding] Learn React by Building an eCommerce Site – Tutorial

Posted on by Eric Brooks

Learn React by Building an eCommerce Site – Tutorial

By freeCodeCamp.org
Published: Oct 27, 2021

“
freeCodeCamp.org Learn React by building an e-Commerce application with Class Components.
You will learn component basics, rendering various items in components, parent-to-child component communication, lifecycle methods, forms, REST-API calls with JSON server, and basic routing.

Source code: https://github.com/webuniversity/react-free-code-camp

This course was developed by Mr. Harsha Vardhan. Check out his Youtube channel: https://www.youtube.com/c/harshaglobal

Complete React course with Hooks and Redux by Harsha Vardhan:
https://www.udemy.com/course/react-fo…

    Course Contents

  • (0:00:00) Introduction
  • (0:03:45) What is React
  • (0:12:52) Understanding Components
  • (0:19:05) Create New React App
  • (0:29:41) React React App From Scratch
  • (0:44:19) Load Bootstrap
  • (0:52:14) Create React Components
  • (1:07:55) Add CSS Styles
  • (1:11:10) Add Bootstrap NavBar
  • (1:18:22) Fix Error – DOM property class
  • (1:21:54) Nested Components
  • (1:35:35) Render Expressions
  • (1:41:31) Handle Events
  • (1:47:11) Update Component State
  • (1:51:58) Render List
  • (2:00:13) Render Conditionally
  • (2:05:53) Render Methods
  • (2:13:46) Render Images
  • (2:18:32) Render CSS Styles
  • (2:25:19) Render CSS Classes
  • (2:29:36) Pass Event Arguments
  • (2:40:57) Render Child Components
  • (2:49:58) Props
  • (3:02:48) Props vs State
  • (3:12:11) Props.Children
  • (3:16:15) Handle Child Events
  • (3:41:59) Delete Child Components
  • (3:52:57) Life Cycle Phases of Components
  • (3:57:22) Mounting Phase
  • (4:07:45) Updating Phase
  • (4:17:16) Unmounting Phase
  • (4:22:10) Life Cycle of Child Components
  • (4:30:02) Error Handling Phase
  • (4:36:16) Basic Form
  • (4:45:01) Two-Way Binding
  • (4:56:36) Form Submit Button
  • (5:04:51) HTTP Requests
  • (5:18:09) Async and Await
  • (5:25:28) Login Form with HTTP Request
  • (5:34:00) Basic Routing
  • (5:40:15) “404” Page
  • (5:43:51) Switch
  • (5:45:20) Link

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] STEP BY STEP Create LAYERS for your 10,000 NFT Collection for FREE – Make NFTs in Photoshop or Figma

Posted on by Eric Brooks

STEP BY STEP Create LAYERS for your 10,000 NFT Collection for FREE – Make NFTs in Photoshop or Figma


By codeSTACKr
Published: Jan 16, 2022

“
codeSTACKr

I’ve gotten a ton of requests to show you how to create layers for your NFT collections. So, in this video, I’m going to show you how to do this using either Adobe Photoshop or Figma.
How To Create An ENTIRE NFT Collection (10,000+) & MINT In Under 1 Hour for FREE: https://ericbrooks.com/whuzzup…

Become A VS Code SuperHero Today: https://vsCodeHero.com

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

”

[#Money #Success] 15 Signs You Found the Love of Your Life

Posted on by Eric Brooks

15 Signs You Found the Love of Your Life

By Alux.com
Published: Dec 15, 2020

“
Alux.com So how do you know if you have met your match and you should delete your Tinder account for good?
SUBSCRIBE to ALUX: https://www.youtube.com/channel…
15 Best Things in Life: http://y2u.be/o1Gu-35CDmU

Article Version:
MIND Mastery: https://www.alux.com/meditation
Get a free audiobook thanks to Audible: https://www.alux.com/freebook

Thanks to our friends at Audible!
Disclaimer: signing up for AUDIBLE will result in financial compensation towards Alux Inc at no additional cost to you, the consumer

    In this Alux.com video we will be answering the following questions:

  • What are 15 Signs that You Found the Love of Your Life?
  • How do you know that you found the love of your life?
  • How do you know when you found the love of your life?
  • How do you find the love of your life?
  • Is it possible to find the love of your life?
  • How do you tell if you found my soulmate?
  • What age are you most likely to meet your soulmate?
  • Does true love exist?
  • At what age I will find my true love?
  • Can you feel your soulmate coming?
  • How do you know she is the love of your life?
    CONTENTS:

  • 00:00 – Intro
  • 00:36 – You balance each other out
  • 01:08 – Your values align
  • 01:58 – You can handle their worst
  • 02:28 – You love being together, but also apart
  • 03:15 – Its electric between you
  • 03:37 – Silence is golden
  • 04:03 – You fight fair and learn from it
  • 03:37 – You can let your guard down
  • 04:59 – They challenge you to want to be better
  • 05:30 – It felt familiar right away
  • 06:16 – Affection comes naturally
  • 06:58 – You feel each other’s pain and joy
  • 07:24 – You’re okay with being vulnerable with them
  • 07:59 – You teach each other and grow
  • 08:43 – It’s easy
  • 09:23 – Question

”

[#Video #Editing] A Weird but Useful Music Video Transition

Posted on by Eric Brooks

A Weird but Useful Music Video Transition


By Olufemii
Published: Mar 30, 2022

“
Olufemii Start Your 7 Day Free Trial of Envato Elements: https://1.envato.market/Ead7D4
Get Unlimited Video Templates With Your Free Trial: https://1.envato.market/Ead7D4

Check out this beginner-friendly tutorial from channel teacher Dave!

Reach out to Dave on Instagram: https://www.instagram.com/davethegreko/
Subscribe Here: https://www.youtube.com/c/OlufemiiTut…

”

[#Photoshop #Tutorial] Scale an Image Without Stretching It in Photoshop

Posted on by Eric Brooks

Scale an Image Without Stretching It in Photoshop


By Photoshop Training Channel
Published: May 22, 2022

“
Photoshop Training Channel In this episode of the Photoshop Training Hour, you will learn 5 tricks to select specific colors in Photoshop!

This live stream is sponsored by MSI!

Photoshop Short Tutorials: https://www.youtube.com/playlist…

”

[#Script #Coding] NEW!! Web Developer Roadmap 2022 | Ultimate Guide To Starting A Career In Web Development

Posted on by Eric Brooks

NEW!! Web Developer Roadmap 2022 | Ultimate Guide To Starting A Career In Web Development


By codeSTACKr
Published: Dec 18, 2021

“
codeSTACKr FREE 2022 Web Development Roadmap: https://courses.codestackr.com/2022-web-dev-roadmap
All of the resource links from the video are in the roadmap.

Become A VS Code SuperHero Today: https://vsCodeHero.com

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

“Ten++ Ways to Make Money as a Developer” eBook:
_____________________________________

With so many web dev technologies and languages out there, it can be overwhelming to get started in web development. And if you are already a web developer you may find it difficult to keep up with new technology and trends. This web development roadmap will help guide you in deciding what technology and languages you should learn about in 2022 and beyond. We will cover all of the most popular languages and technology, focusing on full-stack web development. We will also look at the current trends to look out for in 2022. There’s no better time to start than now!

If you are just starting out or even thinking about starting a career in web development, look no further. This ultimate roadmap and complete guide will help you understand what you should be focusing your time on.

    Timestamps

  • 00:00 – Intro
  • 01:43 – Top Skill to Learn
  • 02:29 – How The Internet Works
  • 02:49 – Basic Tools
  • 04:37 – Coding Languages
  • 06:57 – Terminal
  • 07:17 – Version Control
  • 07:48 – Hosting & Deployment
  • 08:25 – Front-end Developer
  • 08:41 – Back-End Development with Node.js
  • 09:18 – APIs
  • 10:03 – Databases
  • 12:13 – JavaScript Frameworks
  • 13:57 – CSS Frameworks
  • 14:22 – Authentication
  • 14:50 – Content Management Systems (CMS)
  • 15:46 – Full-stack Developer
  • 16:11 – Soft Skills & Personal Development
  • 16:55 – Other, Optional Tech
  • 21:08 – Never Stop Learning & Never Give Up!!
[READ MORE]

”

[#AfterEffects #Video] CRACKING BONES Effects From Stranger Things 4 (After Effects)

Posted on by Eric Brooks

CRACKING BONES Effects From Stranger Things 4 (After Effects)


By Cinecom.net
Published: Jun 03, 2022

“
Cinecom.net Learn how to recreate the horror bone cracking death as seen in Netflix series Stranger Things 4 using practical camera effects and VFX editing in Adobe After Effects.

Download Unlimited Video Assets: http://storyblocks.com/Cinecom

More Stranger Things VFX Tutorials: https://www.youtube.com/playlist?list…

Read More: https://www.cinecom.net/after-effects…

MERCH: https://cinecom.net/merch

Get 1 Month of FREE Skillshare Premium: https://cinecom.info/Skillshare

”

[#Script #Coding] NEW: How To Create An ENTIRE NFT Collection (10,000+) & MINT With ZERO Coding Knowledge – v2.0.0

Posted on by Eric Brooks

NEW: How To Create An ENTIRE NFT Collection (10,000+) & MINT With ZERO Coding Knowledge – v2.0.0


By codeSTACKr
Published: Mar 10, 2022

“
codeSTACKr

** This is an updated video that streamlines the process for creating an NFT collection. NO CODING IS REQUIRED! **
No coding experience? No problem! We will get you from nothing to an entire collection of 10,000 Unique NFTs in 30 minutes! Let’s get started!

There are a bunch of tutorials on YouTube about how to create NFT collections, but none of them show you the ENTIRE process.

In this video, I’m going to show you how to create an NFT collection and how to MINT them, even if you have ZERO coding knowledge!

In this video, we are going to dive head first into cryptocurrencies, NFTs, and minting. And I don’t expect you to have any prior knowledge of any of this. We are going to go step-by-step through the entire process!

I’m going to explain what blockchain and NFTs are and give you some context and background first. If you’re already familiar with that and you want to go straight to the good stuff, I have chapter markers setup for you, just skip ahead to whatever section you want.

Become A VS Code SuperHero Today: https://vsCodeHero.com

    Timestamps

  • 00:00 – Intro
  • 01:35 – What’s an NFT?
  • 02:10 – What is a blockchain?
  • 03:00 – NFT Use Cases
  • 03:22 – NFT Collections
  • 04:04 – Create Image Layers
  • 06:37 – Download Repo & Set Up
  • 09:59 – Include your images here!
  • 11:07 – Config.js Overview
  • 14:15 – Generate 10k Unique Images!
  • 14:38 – The complexity of creating NFTs
  • 16:31 – Install MetaMask
  • 16:48 – NFTPort Settings in config.js
  • 20:29 – Create Generic Metadata (optional)
  • 20:57 – Upload Images & Metadata to IPFS
  • 22:02 – Deploy Contract
  • 22:42 – Mint NFTs
  • 24:17 – Check Mint Transactions
  • 25:09 – List for Sale on OpenSea
  • 25:59 – Reveal your NFTs (optional)
  • 27:55 – Refresh OpenSea Command
  • 28:30 – Mint for real now!

** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.

”

[#Photoshop #Tutorial] Star Wars Poster in Photoshop! #maythe4th PTH 19

Posted on by Eric Brooks

Star Wars Poster in Photoshop! #maythe4th PTH 19


By Photoshop Training Channel
Published: May 04, 2022

“
Photoshop Training Channel In this episode of the Photoshop Training Hour, you will learn how I created this Star Wars Poster in Photoshop!

Photoshop Virtual Summit 4: https://bit.ly/Ps-Summit-4

This live stream is sponsored by MSI!

MSI PC MAG Awards https://www.pcmag.com/news/readers…

Connect with Jesús on LinkedIn: https://www.linkedin.com/in/jesusrami…

Compositing Course: https://photoshoptrainingchannel.com/…

CBS Good Sam Poster: https://www.behance.net/gallery/13480…

Lisa Carney: https://www.lisacarney.com/

”

[#Adobe #Design] How to Add Text to Surfaces in Adobe Photoshop

Posted on by Eric Brooks

How to Add Text to Surfaces in Adobe Photoshop CC (2022)


By AdobeMasters
Published: Apr 13, 2022

“
AdobeMasters Today I go over how to add images and text onto surfaces in Adobe Photoshop CC.

Get near unlimited stock footage and premiere pro templates: http://1.envato.market/c/1413971/298927/4662

Join the Community at: https://adobemasters.net/
Request a Tutorial at: https://adobemasters.net/request-a-tutorial/

If you want to learn more about the Adobe products. Here are a couple of cheap courses I learned from.
http://adobemasters.net/courses/

”

Proudly powered by WordPress
Creative Commons License
EricBrooks.Com® is licensed under a Creative Commons License.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions. ALSO, the political views and products advertised on this site may/may not reflect the views of Puddy or myself, so please don't take them as an endorsement. We just need to eat.

Connect