WHUZZUP!

Build a Dev Portfolio as a 2D Game – JavaScript Course

By freeCodeCamp.org
Published: Apr 03, 2024

“
Learn how to use Kaboom.js to create a 2d game that is actually a developer portfolio. This is a creative way to show off your skills.

Live demo: https://jslegenddev.github.io/portfolio/
Source code: https://github.com/JSLegendDev/2d-portfolio-kaboom

Map files (map.json + map.png): https://github.com/JSLegendDev/2d-portfolio-kaboom/tree/master/public
Spritesheet: https://github.com/JSLegendDev/2d-portfolio-kaboom/blob/master/public/spritesheet.png
Fonts: https://datagoblin.itch.io/monogram
Tiled software: https://mapeditor.org

Substack post explaining how to implement mobile controls : https://jslegenddev.substack.com/p/how-to-implement-player-controls

Course developed by @JSLegendDev

?? Contents ??
?? (0:00:00) Intro
?? (0:03:35) Setup
?? (0:16:40) Loading assets
?? (0:19:36) How to use Tiled to draw maps
?? (0:36:23) Writing logic to display map
?? (0:45:02) Creating the player
?? (0:52:13) Writing logic to display boundaries
?? (0:58:07) Writing logic to display dialogue
?? (1:16:28) Spawning the player + player movement logic
?? (1:26:33) Writing logic for scaling the camera + animations + dialogue text

???? 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

[READ MORE]

”

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.

More Posts - Website

Follow Me:

How To Create Realistic Facial Hair in Photoshop

By Photoshop Training Channel
Published: Apr 01, 2024

“
Learn this new technique for creating highly realistic facial hair in Photoshop!

This technique utilizes the new Generative Fill to create a highly realistic beard.

I hope this tutorial helps. Thank you for watching!

???? SUBSCRIBE to get more amazing Photoshop tutorials!
? https://hi.switchy.io/Subscribe-to-PTC

???? INDEX – How To Add a Beard in Photoshop
00:00 – Introduction
00:18 – Quick Mask Explanation
01:47 – Use Quick Mask To Target the Face
02:48 – Use Generative Fill to Create Beard
03:15 – Selectively Apply The Beard
03:52 – Final Thoughts  

???? LINKS:

Premium Tutorials ? http://ptcvids.com/shop

???? TUTORIAL DOWNLOAD
?

???? CONNECT
? TikTok ? https://www.tiktok.com/@jrfromptc 
? Instagram ? http://instagram.com/photoshoptrainingchannel

???? CREDITS
? Photoshop video tutorials by Jesus Ramirez

#PhotoshopTutorial #Photoshop #PTCvids

[READ MORE]

”

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.

More Posts - Website

Follow Me:

?? Save All Photoshop Keyboard Shortcuts Into an HTML File

By Photoshop Training Channel
Published: Mar 29, 2024

“
Industry Pros Brent and Max show you a simple After Effects Tutorial to pan a background. We learn about Keyframes, moving layers, and importing photoshop files. We also explain keyframe easing.

Special thanks to all of our Guest Artist
Brianne Neumann
https://www.bonjourbri.com/

And our wonderful artists submissions!

Connor Sebo
https://www.instagram.com/connor_sebo/

Kurt Peterson
http://iyoharn.tumblr.com/

Parker Catalano
https://www.instagram.com/choney_stark/

BaM is dedicated to teaching artists all about the animation industry, and skills sets including character design, background design, animation, and painting! Send us your art, and BaM will make an episode about YOU!

Email Bam.redrawmyart@gmail.com
If you want to have YOUR art redrawn!

?We have a Website and Store now!?
https://www.brentandmax.com/

Visit our Portfolios
https://portfolio-maximus.tumblr.com
https://brentnoll.com/

Instagram
https://www.instagram.com/bam_animation/

[READ MORE]

[READ MORE]

”

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.

More Posts - Website

Follow Me:

5 Ways To Use After Effects Most Powerful Feature

By Olufemii
Published: Mar 29, 2024

“
Envato Elements Is The Best Template Library Online. Get your First month for $9: https://1.envato.market/4PN5mo

Null Objects are After Effects most powerful feature. In this video Josh walks you through 5 ways you can use Null Objects to make your videos better.

Get E-Prism on Envato Elements when you sign up for $9: https://1.envato.market/WqkXdX

?? Subscribe Here: https://www.youtube.com/c/OlufemiiTuts

[READ MORE]

”

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.

More Posts - Website

Follow Me:

3 Features that Point to the Future of After Effects | 3D System, Master Properties, Libraries

By School of Motion
Published: Mar 28, 2024

“
After Effects has been adding some powerful new features in the last few years, and these features point to an interesting future for the app. Let’s explore the new 3D system, Master Properties, and the improved Libraries feature, and try to predict the future a bit!

???? Download the isometric cube rig from this video here: www.schoolofmotion.com/blog/3-features-that-point-to-the-future-of-after-effects

SCHOOL OF MOTION COURSES

All Courses – https://som.bz/3SUg5Yb
Guided Courses – https://som.bz/3LYmJef
Instant Access Courses – https://som.bz/3AWv63C

00:00 Intro
00:33 Full 3D Rendering
04:47 3D Render Quality
05:24 Animated 3D Models
07:10 Setting up 3D Scenes
09:28 Master Properties
10:27 Animation Bootcamp
10:42 Using Master Properties
16:21 Motion Design Curriculum
16:57 Libraries
21:16 Why Should You Care?
22:48 A Look into the Future

[READ MORE]

”

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.

More Posts - Website

Follow Me:

Dynamic Bend Effect in After Effects! #mograph #aftereffects

By School of Motion
Published: Mar 27, 2024

“
After Effects has been adding some powerful new features in the last few years, and these features point to an interesting future for the app. Let’s explore the new 3D system, Master Properties, and the improved Libraries feature, and try to predict the future a bit!

???? Download the isometric cube rig from this video here: www.schoolofmotion.com/blog/3-features-that-point-to-the-future-of-after-effects

SCHOOL OF MOTION COURSES

All Courses – https://som.bz/3SUg5Yb
Guided Courses – https://som.bz/3LYmJef
Instant Access Courses – https://som.bz/3AWv63C

00:00 Intro
00:33 Full 3D Rendering
04:47 3D Render Quality
05:24 Animated 3D Models
07:10 Setting up 3D Scenes
09:28 Master Properties
10:27 Animation Bootcamp
10:42 Using Master Properties
16:21 Motion Design Curriculum
16:57 Libraries
21:16 Why Should You Care?
22:48 A Look into the Future

[READ MORE]

Create a Dynamic Bend Effect in After Effects with this Powerful Expression! See how @Skymography creates a simple setup that gives you a complex looking animation, with barely any work: https://som.bz/4cvCh4j

[READ MORE]

”

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.

More Posts - Website

Follow Me:

Learn NestJS – Complete Course

By freeCodeCamp.org
Published: Mar 26, 2024

“
Learn NestJS in this comprehensive course for beginners. NestJS is a framework for building efficient, scalable Node.js web applications.

Code: https://github.com/HaiderMalik12/nestjs-fundamentals
Course resources e-book: https://www.haidermalik.dev/nestjs

Testing Starter Kit for Module 12: https://drive.google.com/file/d/1dU4ro10jZaIYAu32MwQFr4UHlY6GFu6O/view?usp=sharing

?? This course was developed by @haidermalik3402 . Check out more of his courses: https://www.udemy.com/user/5512f7602d2ad/

?? Contents ??
Module 0
?? 00:00:00 What is NestJS
?? 00:03:01 Create NestJS Project
?? 00:05:30 NestJS Directory Structure
Module 1
?? 00:07:00 Creating Controller
?? 00:11:07 Creating a Service
?? 00:18:09 Creating Module
Module 2
?? 00:24:27 Middleware
?? 00:32:39 Exception Filter
?? 00:43:07 Transform param using ParseIntPipe
?? 00:48:10 Validate Request Body using class validator
Module 3
?? 00:52:09 Custom Providers
?? 01:15:26 Injection Scopes
?? 01:20:59 One To Many Relation
Module 4
?? 01:35:05 Establish Database Connection
?? 01:43:42 Create an Entity
?? 01:50:43 Create and Fetch records from Database
?? 02:08:54 Pagination
Module 5
?? 02:17:44 One to One
?? 02:24:14 Many to Many relation
Module 6
?? 02:43:51 User Signup
?? 03:00:05 User Login
?? 03:08:12 Authenticate User with Passport JWT
?? 03:24:42 Role Based Authentication
?? 03:46:51 Two Factor Authentication
?? 04:17:41 API Key Authentication
Module 7
?? 04:32:52 Debug NestJS Application
?? 04:37:00 Migrations
?? 04:49:51 Seeding
Module 8
?? 05:02:02 Custom Configuration
?? 05:24:29 Validate Env Variables
?? 05:35:48 Hot Module Reloading
Module 9
?? 05:45:51 Swagger Setup
?? 05:52:30 Document Signup Route
?? 05:58:28 Create Schema using ApiProperty
?? 06:02:54 Test JWT Authentication
Module 10
?? 06:11:40 Install MongoDB using Docker Compose
?? 06:18:16 Connect with MongoDB
?? 06:21:24 Create Schema
?? 06:24:56 Save Record in Mongo Collection
?? 06:33:08 Find and Delete
?? 06:38:47 Populate
Module 11
?? 06:52:18 Configure Dev and Production Env
?? 07:01:22 Push Source Code to Github Repo
?? 07:06:38 Deploy NestJS Project to Railway
?? 07:15:44 Install Dotenv to work with TypeORM migrations
?? 07:20:20 Fixing Env Bugs
Module 12
?? 07:29:45 Getting started with Jest
?? 07:37:22 Auto Mocking
?? 07:55:13 SpyOn Function
?? 08:05:49 Unit Test Controller
?? 08:19:35 Unit Test Service
?? 08:28:19 E2E Testing
Module 13
?? 08:41:58 Speedy Web Compiler with NestJS v10
?? 08:50:31 Creating Websocket Server
?? 08:59:05 Send Message from Frontend app
Module 14
?? 09:05:48 GraphQL Server Setup
?? 09:13:43 Define Queries and Mutations
?? 09:20:11 Resolve Queries
?? 09:25:42 Resolve Mutations
?? 09:30:35 Error Handling
Module 15
?? 09:34:14 Define Schema for Authentication
?? 09:42:13 Resolve Auth Queries and Mutations
?? 09:52:47 Apply Authentication using Auth Guard
Module 16
?? 10:12:06 Implement Real time Subscription
Module 17
?? 10:20:39 Unit Test Resolver
?? 10:32:02 End to End Tesing GraphQL APIs
Module 18
?? 10:46:55 Server Side Caching using Apollo
?? 10:58:56 Optimize Query Performance using Data Loader
?? 11:14:06 Fetching Data from External REST API
Module 19
?? 11:20:56 Setup Prisma
?? 11:24:25 Models and Migrations
?? 11:28:08 Generate Prisma Client
?? 11:30:43 Create, Find and FindOne
?? 11:40:57 Update and Delete Operation.mov
?? 11:49:17 One to Many Relation
?? 12:00:54 One to One Relation
?? 12:07:33 Many to Many Relation
?? 12:20:35 Bulk or Batch Operations
?? 12:24:29 Implement Transaction using Nested Queries
?? 12:32:56 Interactive Transactions
Module 20
?? 12:46:08 File Upload
?? 12:56:12 Custom Decorator
?? 13:02:03 Scheduling CRON Task with Nest.js
?? 13:14:41 Cookies
?? 13:23:03 Queues
?? 13:35:43 Event Emitter
?? 13:47:13 Streaming
?? 13:52:55 Session

[READ MORE]

”

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.

More Posts - Website

Follow Me: