React Native & Expo Router Course – Build a Meditation App
By freeCodeCamp.org
Published: Jul 02, 2024“
Improve your React Native skills by building a meditation app using Expo. Learn to utilize TypeScript, React, NativeWind, React Native, and Expo to develop a simple mobile app.
???? GitHub: https://github.com/stevenGarciaDev/simple-meditation-app-expo-react-native
?? Course developed by @StevenCodeCraft
?? Contents ??
?? (0:00:00) Simple Meditation App (Expo React Native)
?? (0:01:41) GitHub Repository Info
?? (0:02:42) Upcoming Courses
?? (0:03:21) Social Media and FitFuelPlanner
?? (0:03:45) Setup Local Development Environment
?? (0:14:53) Add static assets and define constant files
?? (0:18:38) Setup NativeWind
?? (0:21:14) Implement Initial Screen
?? (0:32:03) Splash Screen Image
?? (0:32:49) The useRouterHook
?? (0:34:22) Add AppGradient Component and Tabs directory
?? (0:39:06) The Meditation Index Screen
?? (0:47:47) Use FlatList on the Meditation Index Screen
?? (0:54:16) The Affirmations Index Screen
?? (1:02:38) The Affirmations Detail Screen
?? (1:15:22) The Meditation Detail Screen
?? (1:33:17) Meditation Audio/Song
?? (1:40:27) React Context and Modal Screen???? Thanks to our Champion and Sponsor supporters:
???? davthecoder
???? jedi-or-sith
???? ????
???? Agustín Kussrow
???? Nattira Maneerat
???? Heather Wcislo
???? Serhiy Kalinets
???? Justin Hual
???? Otis Morgan
???? Oscar Rahnama—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
”
Author: Eric Brooks
Web & Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.
[#Video #Editing] 3 Must-Know After Effects Transitions 2024
3 Must-Know After Effects Transitions 2024
By Olufemii
Published: Jun 28, 2024“
???? Get the E-Prism Bundle Here: https://goaff.pro/ikwdzrexnk
In this tutorial Josh breaks down 3 After Effects Transitions you should know and shows how you can use prism lens effects to make them pop even more.
?? Reach out to Josh Olufemii on Instagram: https://www.instagram.com/madebyolufemii
?? Subscribe Here: https://www.youtube.com/c/OlufemiiTuts?sub_confirmation=1”
[#Video #Design] Beeple on the Future of Digital Art
Beeple on the Future of Digital Art
By School of Motion
Published: Jun 26, 2024“
We were stoked to have design trailblazer and animator Beeple join us on the SOM podcast. He shares insights on the NFT boom, how AI augments artistic work, and offers valuable advice for up-and-coming designers. Check out the corresponding blog post here: https://www.schoolofmotion.com/blog/beeple-nfts-ai
SCHOOL OF MOTION COURSES
All Courses – https://som.bz/3SUg5YbIntro 00:00:00
Reflecting on the NFT Boom 00:01:27
Understanding the Value of Digital Ownership 00:05:31
NFT Culture and Market Dynamics 00:09:14
Navigating Fame and Public Perception 00:14:08
The Everydays Project 00:19:10
AI Tools in Digital Art 00:21:19
Artistic Success and Quality 00:24:47
The Impact of AI on Art Creation 00:34:11
Technical Proficiency and AI 00:40:15
Ownership and AI Training Data 00:41:51
The Future of Art and AI 00:47:39
Using AI in Creative Workflows 00:54:47
Advice for Young Artists 01:03:13
”
[#Webdesign #Coding] 10 Reasons To Try WordPress Development (JavaScript and PHP)
10 Reasons To Try WordPress Development (JavaScript and PHP)
By LearnWebCode
Published: Jun 24, 2024“
Check out my Premiere Pro Course: https://www.udemy.com/course/premiere-pro-course/?referralCode=AF659E18BEF06A7F4955
Today we are going to go over how to create a light bloom effect in Adobe Premiere Pro 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/Subscribe to see more Adobe related content, videos every other day.
Check out the Code Brew key cap set https://www.gloriousgaming.com/products/gpbt-code-brew
Check out my full courses here https://learnwebcode.com/
My WordPress boilerplate on GitHub https://github.com/LearnWebCode/brads-boilerplate-wordpress
”
[#Script #Coding] Secrets of freeCodeCamp
Secrets of freeCodeCamp
By freeCodeCamp.org
Published: Jun 24, 2024“
???? Thanks to our Champion and Sponsor supporters:
???? davthecoder
???? jedi-or-sith
???? ????
???? Agustín Kussrow
???? Nattira Maneerat
???? Heather Wcislo
???? Serhiy Kalinets
???? Justin Hual
???? Otis Morgan
???? Oscar Rahnama—
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] VIM Essentials Course for Beginners
VIM Essentials Course for Beginners
By freeCodeCamp.org
Published: Jun 24, 2024“
Learn the essentials required for working with VIM as your developer tool of choice.
Course developed by Andrew Brown from @ExamProChannel
?? Contents ??
Introduction
?? (0:04:12) Intro
?? (0:04:12) Learning Expectations and Goals
?? (0:06:56) Do People Hate VIMPrelude
?? (0:08:31) PDP 7
?? (0:11:00) Unix
?? (0:14:17) Unix 1 Emulated
?? (0:19:38) What is Ed
?? (0:25:00) Ed Follow Along
?? (0:33:26) What is EX
?? (0:36:17) Ex Follow Along
?? (0:49:50) What is VI
?? (0:52:03) Vi Follow Along
?? (1:12:03) What is Vim
?? (1:13:37) Vimtutor Vim Help
?? (1:15:42) Vim Versions
?? (1:17:45) Vim Version Follow Along
?? (1:18:36) Install GUI Vim
?? (1:22:36) VimScript
?? (1:23:27) Vim Configuration Files
?? (1:24:57) Vim Configuration Follow Along
?? (1:33:26) Vim Plugin Managers
?? (1:35:02) What is Janus
?? (1:36:50) Janus Follow Along
?? (1:48:13) Install Plugin with Vim Plug
?? (2:06:57) What is NeoVim
?? (2:08:29) NeoVim Follow Along
?? (2:13:13) VimiumVIM Core Commands
?? (2:13:38) Vim Support in other IDEs
?? (2:14:41) Install Vim Extension
?? (2:15:31) Vim Keyboard home row
?? (2:16:22) VIM Modes
?? (2:19:06) Switching Modes Follow Along
?? (2:20:00) File Commands
?? (2:21:07) File Commands Follow Along
?? (2:22:17) Motion Commands
?? (2:24:30) Directional Motions
?? (2:25:42) Directional Motions Follow Along
?? (2:29:21) Goto Motions
?? (2:30:23) Goto Motions Follow Along
?? (2:32:22) Word Motions
?? (2:33:09) Word Motions Follow Along
?? (2:35:13) Join Lines
?? (2:35:51) Join Lines Follow Along
?? (2:36:45) Start or End of Line
?? (2:37:35) Start or End of Line Follow Along
?? (2:39:06) Replace Command
?? (2:39:38) Replace Command Follow Along
?? (2:41:10) Undo and Redo Commands
?? (2:41:47) Undo and Redo Follow Along
?? (2:44:56) Change Command
?? (2:45:39) Change Follow Along
?? (2:49:00) Delete Command
?? (2:49:55) Delete Follow Along
?? (2:52:50) Yank and Paste Commands
?? (2:53:55) Yank and Paste Follow Along
?? (2:55:59) Insert and Append Commands
?? (2:57:15) Insert and Append Follow Along
?? (2:59:25) Line Insert Command
?? (3:00:05) Line Insert Follow Along
?? (3:00:59) Find Command
?? (3:02:20) Find Follow Along
?? (3:04:50) Substitute Command
?? (3:07:04) Substitute Follow Along
?? (3:11:04) Leader Key
?? (3:11:50) Leader Key Follow Along
?? (3:14:54) Visual Mode
?? (3:15:25) Visual Mode Follow Along
?? (3:18:51) Indentation Command
?? (3:19:15) Indentation Follow Along
?? (3:20:54) Window Splitting
?? (3:22:05) Window Splitting Follow Along
?? (3:30:06) Buffers
?? (3:31:17) Buffers Follow Along
?? (3:33:17) Registers
?? (3:34:53) Registers Follow Along
?? (3:37:12) Recommended Cheat sheet
?? (3:40:26) Final Remarks???? Thanks to our Champion and Sponsor supporters:
???? davthecoder
???? jedi-or-sith
???? ????
???? Agustín Kussrow
???? Nattira Maneerat
???? Heather Wcislo
???? Serhiy Kalinets
???? Justin Hual
???? Otis Morgan
???? Oscar Rahnama—
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] Easy Python String Formatting with f-strings
Easy Python String Formatting with f-strings
By freeCodeCamp.org
Published: Jun 22, 2024“
???? Thanks to our Champion and Sponsor supporters:
???? davthecoder
???? jedi-or-sith
???? ????
???? Agustín Kussrow
???? Nattira Maneerat
???? Heather Wcislo
???? Serhiy Kalinets
???? Justin Hual
???? Otis Morgan
???? Oscar Rahnama—
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] Remove Whitespace in JavaScript
Remove Whitespace in JavaScript
By freeCodeCamp.org
Published: Jun 23, 2024“
???? Thanks to our Champion and Sponsor supporters:
???? davthecoder
???? jedi-or-sith
???? ????
???? Agustín Kussrow
???? Nattira Maneerat
???? Heather Wcislo
???? Serhiy Kalinets
???? Justin Hual
???? Otis Morgan
???? Oscar Rahnama—
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] Godot GameDev Tutorial – 3D RPG Game
Godot GameDev Tutorial – 3D RPG Game
By freeCodeCamp.org
Published: Jun 20, 2024“
Learn how to use Godot to build a 3D RPG game! You will learn about creating the player, designing the AI skeleton monster, building the GUI with a profile and inventory system, adding stunning VFX to enhance your game, and more.
?? Course created by @CodingQuests
?? Course Resources ??
Website Course:
https://www.codingquests.com/challenge-page/3drpgcourseProject Files:
Start Files: https://codingquests.com/3dstarterfiles
Final Files: https://codingquests.com/3drpgfilesAssets:
https://godotengine.org/
https://opengameart.org/content/golden-ui-bigger-than-ever-edition
https://kaylousberg.itch.io/kaykit-adventurers
https://kaylousberg.itch.io/kaykit-dungeon-remastered
https://kaylousberg.itch.io/kaykit-skeletons
https://alexs-assets.itch.io/16×16-rpg-item-pack
https://www.1001fonts.com/pixel-fonts.html
https://www.youtube.com/watch?v=GeParYI2J6I&t
https://www.youtube.com/@Le_x_Lu
VFX ASSETS:
SWORDS AND PUFF EFFECT MODELS – CLOSING AT THE END OF THE VIDEO:
KwintenH (Sword of Gainu – Weaponcraft)
https://sketchfab.com/3d-models/sword-of-gainu-weaponcraft-0cf5bff324bd4d489dcc824ef5d6f920MeguMeme (Wolven blade – Stylized sword model)
https://sketchfab.com/3d-models/wolven-blade-stylized-sword-d700c93c18b048c49d7af590adca867fKrystian Zem (Lowpoly Stylized Scimitar)
https://sketchfab.com/3d-models/lowpoly-stylized-scimitar-1dd79bb9a3664ab6b12481fa88a76229Partaevil (Aqua | Anime chibi model)
https://sketchfab.com/3d-models/aqua-anime-chibi-model-549de66768ed422681106d3028d1cf4fKagaru-Nakama-Revegeance (aqua)
https://sketchfab.com/3d-models/aqua-4e93bbe53d2a48e5979eb975d10f26f8HIT EFFECTS:
Bpole (Rapid Punching Animation)
https://sketchfab.com/3d-models/rapid-punching-animation-898c066dc84b4fe7b19fa2f40f4fd145BarcodeGames (Five Seven Animated)
https://sketchfab.com/3d-models/five-seven-animated-free-5cd65dec366c44ceaf833ae2b5761a26?? Contents ??
?? (0:00:00) Intro
?? (0:02:14) Starting The Project
?? (0:05:46) GridMap
?? (0:15:29) World Enviornment
?? (0:19:15) vAdding The Player
?? (0:22:26) Camera Controller
?? (0:36:29) Player Movement
?? (0:58:47) Player Animation
?? (1:11:07) Monster Setup
?? (1:14:21) Finite State Machines Concept
?? (1:18:39) Monster State Machine Setup
?? (1:24:50) Monster AnimationTree
?? (1:27:59) State Machines
?? (1:36:43) Changing States
?? (1:46:59) Player Damaging Monsters
?? (1:57:14) Monster Damaging Player
?? (2:04:49) Custom Theme
?? (2:11:49) Game Over overlay
?? (2:19:53) GUI Setup
?? (2:28:00) Item Resources
?? (2:39:18) Inventory Slot
?? (2:50:39) Inventory Item
?? (2:56:42) Adding Items
?? (3:07:08) Equipment and using items
?? (3:14:54) Profile
?? (3:19:52) Total Stats
?? (3:25:05) Custom Health Signals
?? (3:35:49) 3D Item Objects
?? (3:47:19) Shop
?? (4:07:09) Level up
?? (4:12:23) Porting to Forward+
?? (4:12:40) Level Design
?? (4:18:40) Torch
?? (4:30:36) Lelu Intro
?? (4:31:46) Lelu VFX Tutorial
?? (5:11:13) Applying the VFX
?? (5:18:18) Sound Effects
?? (5:21:27) Spawning Monsters
?? (5:27:06) Next Steps/Outro???? Thanks to our Champion and Sponsor supporters:
???? davthecoder
???? jedi-or-sith
???? ????
???? Agustín Kussrow
???? Nattira Maneerat
???? Heather Wcislo
???? Serhiy Kalinets
???? Justin Hual
???? Otis Morgan
???? Oscar Rahnama—
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
”
[#Video #Design] Easy 2D to 3D In After Effects!
Easy 2D to 3D In After Effects!
By School of Motion
Published: Jun 19, 2024“
Learn how to go from a 2D look to fully 3D in After Effects fast! Don’t forget to download the project files here so you can follow along. https://www.schoolofmotion.com/blog/2d-to-3d-after-effects
After Effects finally has native 3D ability. With support for models, textures, environmental lighting and more, you can give your mograph depth without needing any 3rd party plug-ins. In this video Hieu Vu shows you how to use the new After Effects 3D tools, and walks you through creating a slick transition from a flat-shaded 2D look into a dynamic fully 3D design. Welcome to the grid.
Follow Hieu Vu:
YouTube: @hieuvudesign
Website: https://hieuvudesign.com/
Instagram: https://www.instagram.com/hieuvudesign/
Twitter: https://x.com/hieuvudesignSCHOOL OF MOTION COURSES
All Courses – https://som.bz/3SUg5YbIntro 00:00:00
Gathering The Assets 00:00:49
Importing 3D Objects into AE 00:02:51
Importing HDRIs and Setting Up The Scene 00:05:03
Adding The Text 00:06:52
Incorporating a 2D Element into The Scene 00:09:22
Animating The 3D Objects 00:11:04
Adding Some Drama 00:19:00
Troubleshooting 00:19:43
Adding Camera Movement 00:20:12
Creating The 2D Scene 00:21:10”
