Create a Design System with Figma – Full Course
By freeCodeCamp.org
Published: Jun 28, 2021“
Learn how to build a design system in Figma. By the end of this course, you will become a master of building design systems in Figma and understanding master components.
Course developed by Tim Sullivan. Check out his channel: https://www.youtube.com/channel…
Course Contents
- (0:00:00) Introduction
- (0:03:03) Creating a Color System
- (0:22:23) Building a Type System in Figma
- (0:35:16) Elevation
- (0:57:33) Product & System Icons
- (1:11:26) Text Legibility
- (1:30:58) States
- (1:50:53) Selection (Interaction)
- (1:55:02) Understanding Layout
- (2:04:15) Pixel Density
- (2:12:05) Spacing Methods
- (2:24:19) Responsive Grid Layout
- (2:48:59) App Bar – Bottom
- (3:07:55) App Bar – Top
- (3:22:37) Backdrop
- (3:41:58) Banners
- (4:06:45) Bottom Navigation
- (4:19:15) Buttons – Floating Action Button
- (4:38:54) Buttons
- (5:06:04) Cards
- (5:41:10) Chips
- (5:58:15) Dialogs
- (6:28:56) Date Pickers
- (7:32:22) Dividers
”
Category: Video Tutorials
Video Tutorials on Photoshop, after effects, coding, managing your YouTube channel, etc
[#Video #Editing] Top 10 Free Effects Packs for Premiere Pro | Part 2
Top 10 Free Effects Packs for Premiere Pro | Part 2
By Olufemii
Published: Jul 21, 2022“
Start Your 7 Day Free Trial of Envato Elements: https://1.envato.market/OR0aXK
Get Unlimited Video Templates With Your Free Trial: https://1.envato.market/OR0aXKIn today’s video I’ll be touring Brisbane, Australia while showing you the 10 Best Free Premiere Pro Effects Packs on the internet! I’ve also included 3 bonus packs that you can get free for a limited time!
CONTENTS:
- 00:00:00 Intro
- 00:00:50 Bonus Pack #1 Complete 80’s Title Toolkit https://1.envato.market/Xxjr6y
- 00:01:35 Bonus Pack #2 Colorful Sticker Pack https://1.envato.market/BXaGj0
- 00:01:53 Bonus Pack #3 VHS Overlay https://1.envato.market/zaG0Wx
- 00:02:20 #1 CRT Sample Pack https://fredpelle.tv/pages/free-sampl…
- 00:02:45 #2 God Ray Light Overlays https://www.youtube.com/watch?v=KwxAx…
- 00:03:04 #3 Lens FX Sample Pack https://cinepacks.store/collections/f…
- 00:03:27 #4 Stranger Things Title Pack https://www.youtube.com/watch?v=Tu2ex…
- 00:03:45 #5 Track Matte Transitions Pack https://www.youtube.com/watch?v=rAqSv…
- 00:04:20 #6 Social Media Pack https://www.youtube.com/watch?v=5MlUs…
- 00:04:56 #7 Zoom Transition Presets https://www.youtube.com/watch?v=LCOLV…
- 00:05:20 #8 Color Glitch Transitions https://www.youtube.com/watch?v=shxTe…
- 00:05:43 #9 4K Fog Overlays Pack https://www.youtube.com/watch?v=xmPDz…
- 00:06:08 #10 Computer Screen Template/Generator https://www.youtube.com/watch?v=KVfaD…
”
[#Video #Design] Your First Day in ZBrush
Your First Day in ZBrush
By School of Motion
Published: Aug 10, 2022“
DOWNLOAD THIS PROJECT FILE & ASSETS FOR FREE! https://som.bz/3p313kR
Zbrush is the most powerful digital sculpting software out there, used in industries such as Films, Animation, Games, Collectibles, toys, and more! With it now included in Maxon One, there’s never been a better time for 3D artists to learn ZBrush! However, getting started in this software can be a little daunting, so let’s explore your first day with ZBrush.To follow along with this tutorial, download the project files above!
INTERACTIVE ONLINE CLASSES
- Cinema 4D Basecamp | https://som.bz/c4bc
- All Courses | http://som.bz/2wKsBDu
FREE 10-DAY INTRO COURSE
- The Path to MoGraph | https://som.bz/2VNHb7D
FOLLOW School of Motion FOR MORE LEARNZ
- Website | https://som.bz/2VMjr3N
- Podcast | https://som.bz/3czNeCP
- Facebook | https://som.bz/3cF3SBh
- Twitter | https://som.bz/2PQfSWF
- Instagram | https://som.bz/2POOJU7
”
[#Script #Coding] STOP!! Know Before You Buy or Sell! Is Your NFT Rare? – NFT Rarity Calculator
STOP!! Know Before You Buy or Sell! Is Your NFT Rare? – NFT Rarity Calculator
By codeSTACKr
Published: Mar 01, 2022“
Check out the collection I made:
https://codecats.xyzJoin my Discord community: https://discord.gg/A9CnsVzzkZ
Do you want to figure out the rarities of each NFT in your collection?
How about that NFT you bought the other day, do you want to know how rare it might be?
Before you buy an NFT, you should know how rare it is.Stop wasting money and let me show you how to find the rarity of NFTs in any collection with my NFT Rarity Calculator!
SOURCE CODE
- NFT-Rarity-Calculator: https://github.com/codeSTACKr/nft-rar…
- 10k-Collection-Creator: https://github.com/codeSTACKr/create-…
COLLECTION 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
OTHER RESOURCES
- VS Code: https://code.visualstudio.com
- Node.js: https://nodejs.org
- NFTPort: https://nftport.xyz
Become A VS Code SuperHero Today: https://vsCodeHero.com
Tools I use:
- codeSTACKr 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
- 00:56 – The Rarity Calculation Formula
- 02:03 – Using the Rarity Calculator
- 02:36 – Integrated in 10K NFT Collection Repo
- 06:07 – Use Rarity Calculator for any NFT Collection
- 10:18 – SPECIAL ANNOUNCEMENT!!
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
** Affiliate Disclaimer: Some of the above links may be affiliate links, which may generate me a sales commission at no additional cost to you.
”
[#Script #Coding] Top 30 React Interview Questions and Concepts
Top 30 React Interview Questions and Concepts
By freeCodeCamp.org
Published: Sep 12, 2022“
Prepare for a React interview or improve your React skills by learning about 30 common React JS interview questions and concepts.
Nishant Singh developed this course. Check out his channel: https://www.youtube.com/c/Cybernatico…
Course Contents
- (0:00:00) Introduction
- (0:00:43) Map and Filter
- (0:20:06) States in React
- (0:33:33) Props in React
- (0:40:34) Inline Conditional Expressions
- (0:52:04) Event Handling in React
- (0:57:41) Keys in React
- (1:03:25) Forms in React
- (1:18:04) Dynamic Inputs in React
- (1:26:02) CSS Styling in React
- (1:36:47) Uncontrolled v/s Controlled Components
- (1:44:10) Virtual DOM
- (1:46:05) InnerHTML in React
- (1:55:23) React Fragments
- (2:00:02) Stateless v/s Stateful Components
- (2:01:57) REST API Requests
- (2:27:05) Debouncing in React
- (2:38:43) Context API in React
- (2:49:33) Class v/s ClassNames in React
- (2:52:59) Higher Order Components
- (3:06:18) Lazy Loading in React
- (3:14:34) Helper Functions in React
- (3:24:21) Implementing Recursion in React
- (3:27:10) Running Arrays of Functions
- (3:33:08) Custom Hooks in React
- (3:37:22) Promises and Async/Await
- (3:51:52) Code Splitting in React(Dynamic Imports)
- (3:58:18) Creating a Search Filter in React
- (4:13:10) Adding TypeScript to React
- (4:16:36) React Testing Library
- (4:30:41) Caching an API Response
”
[#Script #Coding] React Testing Course for Beginners – Code and Test 3 Apps
React Testing Course for Beginners – Code and Test 3 Apps
By freeCodeCamp.org
Published: May 23, 2022“
In this React testing course, you will learn how to code, test, and deploy 3 different React apps. You will learn how to use React Testing Library, write end-to-end visual tests, and develop comprehensive test strategies. You will also learn how to use testing tools such as Happo.io, Cypress, and Jest.
GitHub Links:
- https://github.com/nadvolod/react-web-app
- https://github.com/nadvolod/js-code/t…
- https://github.com/nadvolod/js-code/t…
Nikolay Advolodkin created this course. Check out his channel: https://www.youtube.com/ultimateqa
Subscribe to Nikolay’s weekly email on JavaScript testing: https://ultimateqa.ck.page/js-testing…
Nikolay’s blog: https://ultimateqa.com/blogCourse Contents
- (0:00:00) Introduction
- (0:01:47) Creating A React App and Deploy to Microsoft Azure
- (0:42:14) Birthday Reminder React App with Full Testing
- (1:18:29) Build & Test A Portfolio Website
”
[#Webdesign #Coding] Setting Up a Windows PC For Web Development: WSL, Git, Node.js, Docker, Oh My Zsh, & MySQL
Setting Up a Windows PC For Web Development: WSL, Git, Node.js, Docker, Oh My Zsh, & MySQL
By LearnWebCode
Published: Dec 06, 2021“
Let’s walk through setting up a Windows PC for web development, and use Windows Subsystem For Linux as the backbone.
My premium courses: https://learnwebcode.com/courses/
Finished product Node.js code: https://gist.github.com/LearnWebCode/…
Finished product Docker Compose file:
https://gist.github.com/LearnWebCode/…CONTENTS:
- 0:00 Intro
- 1:03 Windows Subsystem For Linux
- 5:24 Just For Fun: cmatrix
- 6:20 VS Code Integration
- 8:57 Oh My Zsh
- 11:00 Git
- 15:52 Windows Terminal
- 20:40 Node.js
- 24:50 Docker
- 33:18 Upgrading From WSL1 To WSL2
- 38:25 MySQL
Follow me for updates on new videos or projects:
- Instagram: https://www.instagram.com/javaschiff/
- Twitter: https://twitter.com/learnwebcode
- Facebook: https://www.facebook.com/Brad-Schiff-…
- Twitch: https://www.twitch.tv/learnwebcode
”
[#Life #Success] 15 Questions to Ask Yourself Every Year
15 Questions to Ask Yourself Every Year
By Alux.com
Published: Jul 06, 2022“
15 Questions to Ask Yourself Every Year
SUBSCRIBE to ALUX: https://www.youtube.com/channel…
15 Bad Habits That Make You Procrastinate: https://youtu.be/lnJ0-4fV0MQHave 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 15 Questions to Ask Yourself Every Year?
- What should you ask yourself every year?
- What are the 15 most important questions in life?
- What are some good questions to ask yourself every year?
- What questions should you ask yourself every day?
- What’s the most important question in life?
- What are the top 15 questions in life?
- What are some deeply personal questions?
CONTENTS:
- 00:00 – Intro
- 00:32 – Have you forgiven anyone?
- 01:29 – How are your relationships doing? Are they growing, stagnating, or ending?
- 02:30 – Are you in control of your emotions?
- 03:36 – Have you broken free from negative conditioning?
- 04:29 – How many people know you love them?
- 05:42 – Do you expand your brain capacity?
- 06:27 – Have you developed a new skill?
- 07:12 – Do you have enough money saved to survive for six months?
- 07:54 – Are you satisfied with the time you spend with your family?
- 08:51 – Have you won any battles with your ego?
- 09:56 – Have you cleared up any misunderstandings?
- 10:39 – Have you let someone help you with something?
- 11:25 – What is the predominant emotion in your daily life?
- 12:16 – Are you making this world a better place?
- 12:52 – What has made you proud?
”
[#Life #Success] 15 Ways To BUILD RESILIENCE
15 Ways To BUILD RESILIENCE
By Alux.com
Published: Aug 23, 2022“
15 Ways To BUILD RESILIENCE
SUBSCRIBE to ALUX: https://www.youtube.com/channel/UCNjP…
15 Steps To START OVER: https://youtu.be/dHkLAkBDKx8Have you downloaded the Alux App yet?
https://alux.com/appThe ALUX App is Officially Here! | Alux Keynote 2022: https://youtu.be/bd4uVm2AYuY
- Have a look at our premium courses: https://courses.alux.com
- GOAL Mastery: https://www.alux.com/goals
- Mind Mastery: https://www.alux.com/mindmastery
- Bitcoin Essentials: https://alux.com/bitcoin
In this Alux.com video we will be answering the following questions:
- What are 15 Ways To Build Resilience?
- How To Build Resilience?
- What are 15 ways to develop resilience?
- What are the main traits of resilience?
- What is the best way to build resilience?
- What are 15 steps to build resilience?
- What are 15 Science-Backed Strategies to Build Resilience?
- What are 15 Ways to Build and Develop Resilience?
- What Is Resilience?
CONTENTS:
- 00:00 – Intro
- 01:12 – ALWAYS STAY POSITIVE
- 02:19 – STRENGTHEN RELATIONSHIPS AND BUILD CONNECTIONS
- 03:14 – SELF CARE
- 04:14 – AVOID COMPARISON
- 05:09 – BE GOAL ORIENTED
- 06:04 – KNOW YOUR STRENGTHS
- 06:55 – ACCEPT CHANGE
- 07:46 – BELIEVE IN YOURSELF
- 08:37 – KEEP YOUR SIGHTS ON THE FUTURE
- 09:31 – SPEAK UP
- 10:26 – LEARN FROM YOUR MISTAKES
- 11:34 – PRIORITIZE YOUR MOTIVATION
- 12:35 – EMBRACE CHALLENGES
- 13:38 – LEARN TO BE DECISIVE
- 14:31 – BUILD COMMITMENT
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
”
[#AfterEffects #Video] Kendrick Lamar Deepfake | Cinecom #shorts
Kendrick Lamar Deepfake | Cinecom #shorts
By Cinecom.net
Published: Sep 19, 2022“
Step-by-step guide ion how to create a Deepfake of Kendrick Lamar.
- Full TUTORIAL
https://youtu.be/hP3njGbvvWc- MERCH
https://cinecom.net/merch- Get 1 Month of FREE Skillshare Premium
https://cinecom.info/Skillshare
LETS CONNECT WITH CINECOM!
- Instagram: http://cinecom.info/Instagram
- Discord: http://discord.gg/Cinecom
Download Unlimited Video Assets
- http://storyblocks.com/Cinecom
”









