Category: Video Tutorials

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

[#Money #Success] 15 Digital Skills To Learn In 2023

Posted on by Eric Brooks

15 Digital Skills To Learn In 2023

By Alux.com
Published: Jul 27, 2022

“
Alux.com 15 Digital Skills To Learn In 2023
SUBSCRIBE to ALUX: https://www.youtube.com/channel/UCNjPtOCvMrKY5eLwr_-7eUg?sub_confirmation=1

15 Apps Rich People Use the Most

    CONTENTS:

  1. Basic Computer Skills
  2. Graphic Design
  3. Email Marketing
  4. Coding and Web Development
  5. Content Marketing
  6. Search Engine Marketing
  7. Copywriting
  8. Data Visualization
  9. Data analysis
  10. Social Media Management
  11. Cloud Computing
  12. AI/ML Skills
  13. Digital Marketing Skills
  14. Online course teaching skills

”

[#Script #Coding] FREE Link-in-Bio Generator that Twitter Cannot Ban

Posted on by Eric Brooks

FREE Link-in-Bio Generator that Twitter Cannot Ban

By codeSTACKr
Published: Dec 24, 2022

“
codeSTACKr Upvote on Product Hunt: https://www.producthunt.com/posts/gentr-ee
Become A VS Code SuperHero Today: https://vsCodeHero.com

Get my FREE VS Code Cheat Sheet: https://courses.codestackr.com/vs-cod…

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

Twitter (Elon Musk) announced that they will no longer allow free promotion of certain social media platforms on Twitter. The platforms that are restricted are Facebook, Instagram, Mastodon, Truth Social, Tribel, Nostr, Post, and 3rd-party social media link aggregators such as linktr.ee, lnk.bio.

Let’s take a look at this new policy and figure out how we can continue to provide value to our audiences.

Improve your online presence with a FREE link-in-bio generator that provides a unique URL and is not affiliated with any 3rd-party link aggregation services. You get full ownership of the generated page, preventing bans from social media platforms like Twitter

RESOURCES
GenTree Link-in-Bio generator: https://gentr.ee
Sign up for GitHub: https://github.com/signup
Sign up for Netlify: https://app.netlify.com/signup
Subscribe to my Newsletter: https://newsletter.codestackr.com/
Upvote on Product Hunt: https://www.producthunt.com/posts/…
Cassidy Williams Article: https://css-tricks.com/hack-the-deploy-to-netlify…

Other:
https://commission.europa.eu/strategy-and-policy…
https://intercom.help/linktree…

    Timestamps

  • 00:00 – Intro
  • 00:31 – Promotion of alternative social platforms policy
  • 03:30 – What does this mean?
  • 04:38 – The policy vanishes
  • 05:29 – What does the future hold?
  • 07:13 – Introducing a Free link-in-bio generator
  • 07:59 – Generate your free link in bio page
  • 10:25 – Deploy your free link in bio page
  • 11:30 – Customize your URL
  • 12:22 – How to update the site
  • 14:18 – Upvote on Product Hunt Please!

”

[#Script #Coding] Best VS Code Extension for JavaScript Console Logging

Posted on by Eric Brooks

Best VS Code Extension for JavaScript Console Logging

By codeSTACKr
Published: Dec 28, 2022

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

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

Even though console log may not always be the best way to debug JavaScript, we all use it. So, install the Turbo Console Log extension in VS Code to turbo charge your logs. Select any variable that you want to log, press CTRL+Alt+L (for log) and it will automatically add the log for you.

Not only does it add a log, but it adds to it the file, variable name, and the variable value to make them easy to find in the console. You can customize what’s included in each log in the settings. But that’s not even the best feature of this extension. You can press ALT+Shift+C to comment all log messages in a file.

ALT+Shift+U to uncomment all logs in a file.

And when you’re done debugging, press ALT+Shift+D to delete all logs in the file so no one will ever know you were using console logs to debug!

”

[#Adobe #Design] How to Use the Lock in Adobe Photoshop CC (2022)

Posted on by Eric Brooks

How to Use the Lock in Adobe Photoshop CC (2022)

By AdobeMasters
Published: Dec 21, 2022

“
AdobeMasters Check out my Premiere Pro Course: https://www.udemy.com/course/premiere-pro-course/?referralCode=AF659E18BEF06A7F4955

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/

Subscribe to see more Adobe related content, videos every other day.

”

[#Script #Coding] 12 ways to center a div

Posted on by Eric Brooks

12 ways to center a div

By codeSTACKr
Published: Aug 30, 2022

“
codeSTACKr Watch the full explanation video: https://youtu.be/kphds-1V9o8
Become A VS Code SuperHero Today: https://vsCodeHero.com

Get my FREE VS Code Cheat Sheet: https://courses.codestackr.com/vs-cod…

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

Why is it so hard to center a div in CSS? It used to be, but now we have so many options!

Here are 12 ways to center a div.

”

[#Script #Coding] VS Code Extension: Template String Converter

Posted on by Eric Brooks

VS Code Extension: Template String Converter

By codeSTACKr
Published: Dec 19, 2022

“
codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

Do you find yourself constantly having to convert strings to template strings so that you can include variables in JavaScript?

The Template String Converter extension in VS Code makes this a breeze!

After you’ve installed it, just start typing a ${ in any single or double quote string and it will automatically convert the string to use backticks!!

You’re welcome!

Tools I use:
codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

Show support!
PayPal: https://paypal.me/codeSTACKr

Watch Next:
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt

Connect With Me:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr

”

[#Photoshop #Tutorial] Get +1,000 FREE Photoshop Brushes!

Posted on by Eric Brooks

Get +1,000 FREE Photoshop Brushes!

By Photoshop Training Channel
Published: Mar 13, 2022

“
Photoshop Training Channel Let me show you how to get over 1,000 FREE professional Photoshop brushes.

  • Start by selection the brush option from the options bar
  • Click on the down-pointing arrow
  • In the gear icon, select “Get More Brushes”

From this page, you can download and install any pack you want. These brushes also work with Photoshop on the iPad, and Adobe Fresco.

”

[#Video #Design] Transforming Shapes in After Effects | Day 6 of 12 Days of Mograph

Posted on by Eric Brooks

Transforming Shapes in After Effects | Day 6 of 12 Days of Mograph

By School of Motion
Published: Dec 10, 2022

“
School of Motion Do you hear what I hear? Original music composed just for your personal animation project? Enter to win the Day 6 prize from Sanctus Sound Design for #mographdays! https://som.bz/3XTzV7N

”

[#Photoshop #Tutorial] Secret Time-Saving App Every Creative Professional Should Know About!

Posted on by Eric Brooks

Secret Time-Saving App Every Creative Professional Should Know About!

By Photoshop Training Channel
Published: Aug 10, 2022

“
Photoshop Training ChannelCheck out this amazing app I’ve been using to save time and even some money!

In this video, I’ll highlight my 5 favorite features of Adobe Express.

I hope you learn something new! 🙂

    Chapters – 5 Adobe Express Features For Creative Professionals

  • 00:00 – 1) Creative/Writer’s Block? No problem!
  • 01:36 – 2) Social Media Scheduler
  • 03:15 – 3) Easily Arrange, Edit, and Combine PDFs
  • 03:58 – 4) Create Web Pages, Resumes, Portfolios, and Newsletters
  • 04:33 – 5) Favorite Quick Actions – Photo into SVG, Resizing, QR Code Generator
    CREDITS

  • Photoshop video tutorials by Jesus Ramirez

”

[#Script #Coding] React JavaScript Framework for Beginners – Project-Based Course

Posted on by Eric Brooks

React JavaScript Framework for Beginners – Project-Based Course

By freeCodeCamp.org
Published: Aug 31, 2022

“
freeCodeCamp.org Learn React in this full course for beginners. React is one of the most popular JavaScript frameworks and this course is the perfect place to start your learning journey. You will learn everything you need to know to get started with React by building three different projects.

We brought together three popular teachers for this course so you can learn from multiple perspectives.

You can code React all in a web browser using Replit. Replit provided a grant that made this course possible.

https://join.replit.com/react-students

    Part One
    Contents

  • (0:00:00) Course Introduction
  • (0:02:03) Introduction, part 1
  • (0:06:15) What is Replit
  • (0:07:50) What is React
  • (0:08:23) Create a Repl
  • (0:11:29) Create Functional Components
  • (0:18:02) Install Bootstrap 5
  • (0:22:49) Implement the useState Hook in a Functional Component
  • (0:29:16) Upload Image Files to Replit
  • (0:33:28) Create JSX Code to Render Bootstrap Cards for Employees
  • (0:40:49) Create Teams DropDown List
  • (0:45:03) Use JavaScript Events to Set State
  • (0:54:26) Move State Related Functionality to the App Component
  • (0:56:48) Understanding Props
  • (1:04:41) LocalStorage and the useEffect Hook
  • (1:11:47) Routing, react-router-dom package, Navigation
  • (1:25:25) Create Employee Component
  • (1:38:03) Abstract Responsibilities Into Functional Components
  • (1:46:14) Implement Media Queries
  • (1:47:04) Using Context to Reduce or Avoid Prop Drilling
  • (1:48:50) Course Wrap up
  • (1:49:15) Introduction, part 2
  • (1:53:12) Setup
  • (2:08:03) Context API
  • (2:30:46) Data Fetching
  • (2:42:08) Meals Component
  • (3:38:29) Search Component
  • (4:10:11) Modal Component
  • (4:43:04) Favorites Component
  • (5:14:27) Introduction, part 3
  • (5:20:32) Initialize Project
  • (5:22:48) React Router
  • (5:30:23) Fetching Data From API
  • (5:49:46) Multiple Requests with Promise.all()
  • (5:54:05) Map Method for rendering lists
  • (6:04:12) Rendering Table of Stocks
  • (6:09:12) Color Coding data
  • (6:16:55) Autocomplete Search Component
  • (6:39:12) Context API
  • (6:59:40) Navigating Between Pages
  • (7:03:52) Fetching Historical Data
  • (7:25:22) Formatting Data
  • (7:31:31) Working with Charts
  • (7:44:18) Chart Time Toggle
  • (7:58:54) Delete Stock (Event Propagation)
  • (8:05:26) Stock Data
  • (8:16:52) Local Storage

”

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