Code a Minecraft Clone with JavaScript, React, Three.js – Tutorial
By freeCodeCamp.org
Published: Sep 20, 2022“
Learn how to code a playable Minecraft clone using React, JavaScript, and Three.js. You will learn about many React concepts such as useState, useEffect, useRef, custom Hooks for State management, and more. And you will be able to apply the principles to create other 3d games in JavaScirpt.
Course created by Daniel Bark. Check out his channel: https://www.youtube.com/c/barelycoding
Finished Code: https://github.com/danba340/minecraft…
Starting Code: https://github.com/danba340/minecraft…
Demo: https://minecraft-freecodecamp.vercel…Contents
- (0:00:00) Boilerplate
- (0:03:56) Sky
- (0:05:46) Textures
- (0:07:48) Ground
- (0:15:11) Player
- (0:25:43) Keyboard input
- (0:32:03) Movement
- (0:41:26) First person camera
- (0:46:25) State management
- (0:49:55) Cube component
- (0:58:02) Add/Remove Cubes
- (1:09:34) Texture Selector
- (1:21:34) Save world
- (1:27:31) Hover cubes
- (1:30:28) Outro
”
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.
[#Photoshop #Tutorials] How To: Photoshop Tutorial – Soft Focus Effect
How To: Photoshop Tutorial – Soft Focus Effect
By Photoshop Tutorials
Published: May 18, 2018“
In today’s Photoshop tutorial, I will share a few great techniques on how to create a soft focus effect. All stocks are free to download so you can follow along.
Stock Images
http://www.photoshoptutorials.tv/how-…Unlimited Downloads on Envato Elements, Photoshop Actions, Brushes, Stocks and much more!
”
Top Headlines for February 13, 2023
-
U.S. Jet Shoots Down Unidentified Flying Object Over Canada
Prime Minister Justin Trudeau of Canada said that he and President Biden had ordered the downing of a flying object that ‘represented a reasonable threat to civilian aircraft.’
-
‘Nothing Is Off the Table,’ Sunak Says of Military Aid to Ukraine
British Prime Minister Rishi Sunak called the country’s plan to train Ukrainian pilots on NATO-standard jets a ‘first step,’ strongly suggesting it could provide Ukraine with advanced British fighter planes in the future.
-
Los Angeles Rescue Team Deploys to Earthquake Zone in Turkey
The United States Agency for International Development said it was deploying two specialized search and rescue units, one from California and the other from Virginia, to assist in disaster response.
-
Rescuers in Turkey Search For Earthquake Survivors
Rescue teams combed through the rubble of a collapsed building in Adana, Turkey.
-
U.S. Shoots Down Chinese Spy Balloon
American officials said that the surveillance device was shot down off the coast of the Carolinas after it spent the last week traversing the country. Chinese officials maintained that it was a weather balloon that had entered U.S. airspace by accident.
-
U.S. Says It Will Expand Its Military Footprint in the Philippines
Defense Secretary Lloyd J. Austin III announced a deal to give the U.S. military access to four more bases in the Philippines, bringing the total to nine.
-
Tyre Nichols Was a ‘Beautiful Soul,’ Memphis Pastor Says
Rev. Dr. J. Lawrence Turner, the pastor of Mississippi Boulevard Christian Church in Memphis, described Tyre Nichols as ‘a good person’ whose brutal killing by the police denied him ‘the dignity of his humanity.’
-
Winter Storm Brings Icy Conditions to Texas
The storm pushing across parts of the Southern Plains and Southeast disrupted travel and caused widespread power outages in Texas.
-
Thousands Welcome Pope Francis in the Democratic Republic of Congo
Crowds gathered along the roads of Kinshasa, the capital, to greet Pope Francis as he arrived for the first papal visit to the Central African country since 1985.
-
Mother of Tyre Nichols Calls for Peaceful Protests
Community members joined RowVaughn Wells, the mother of Tyre Nichols, and Rodney Wells, Mr. Nichols’s stepfather, at a candlelit vigil in Memphis.
[#Script #Coding] Object Oriented Programming (OOP) in C++ Course
Object Oriented Programming (OOP) in C++ Course
By freeCodeCamp.org
Published: Feb 02, 2021“
Object Oriented Programming (OOP) is commonly used when writing code with C++. In this crash course, you will learn what OOP is and how to implement it using C++.
This course was developed by Saldina Nurak (CodeBeauty). Check out her channel: https://www.youtube.com/c/CodeBeauty
Course Contents
- (0:00:00) Introduction
- (0:00:54) Introduction to OOP
- (0:03:17) Classes and objects
- (0:10:40) Access modifiers
- (0:17:26) Constructors
- (0:29:39) Encapsulation
- (0:39:50) Abstraction
- (0:52:23) Inheritance
- (1:15:43) Polymorphism
- (1:28:26) Outro
- (1:29:01) Bloopers
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_cent…
”
[#Script #Coding] Learn Tailwind CSS – Course for Beginners
Learn Tailwind CSS – Course for Beginners
By freeCodeCamp.org
Published: Jan 17, 2023“
This course will give you a full introduction into all of the core concepts of Tailwind CSS — it will also provide details on every feature that provides Tailwindcss.
Course from codewithguillaume.
Contents
- (0:00:00) Introduction
- (0:02:36) Setup
- (0:17:01) Colors
- (0:29:11) Customization
- (0:42:11) Typography
- (1:05:21) Spaces & sizes
- (1:29:36) Flex
- (1:51:46) Grids
- (2:12:48) Layouts
- (2:37:49) Borders
- (2:45:41) Effects & filters
- (2:57:33) Animations
- (3:08:28) Design System
- (3:56:31) Core concepts
- (4:05:26) Dark mode
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
And subscribe for new videos on technology every day: https://youtube.com/subscription_cent…
”
Top Headlines for February 12, 2023
-
'Nothing Is Off the Table,' Sunak Says of Military Aid to Ukraine
British Prime Minister Rishi Sunak called the country's plan to train Ukrainian pilots on NATO-standard jets a 'first step,' strongly suggesting it could provide Ukraine with advanced British fighter planes in the future.
-
Los Angeles Rescue Team Deploys to Earthquake Zone in Turkey
The United States Agency for International Development said it was deploying two specialized search and rescue units, one from California and the other from Virginia, to assist in disaster response.
-
Rescuers in Turkey Search For Earthquake Survivors
Rescue teams combed through the rubble of a collapsed building in Adana, Turkey.
-
U.S. Shoots Down Chinese Spy Balloon
American officials said that the surveillance device was shot down off the coast of the Carolinas after it spent the last week traversing the country. Chinese officials maintained that it was a weather balloon that had entered U.S. airspace by accident.
-
U.S. Says It Will Expand Its Military Footprint in the Philippines
Defense Secretary Lloyd J. Austin III announced a deal to give the U.S. military access to four more bases in the Philippines, bringing the total to nine.
-
Tyre Nichols Was a 'Beautiful Soul,' Memphis Pastor Says
Rev. Dr. J. Lawrence Turner, the pastor of Mississippi Boulevard Christian Church in Memphis, described Tyre Nichols as 'a good person' whose brutal killing by the police denied him 'the dignity of his humanity.'
-
Winter Storm Brings Icy Conditions to Texas
The storm pushing across parts of the Southern Plains and Southeast disrupted travel and caused widespread power outages in Texas.
-
Thousands Welcome Pope Francis in the Democratic Republic of Congo
Crowds gathered along the roads of Kinshasa, the capital, to greet Pope Francis as he arrived for the first papal visit to the Central African country since 1985.
-
Mother of Tyre Nichols Calls for Peaceful Protests
Community members joined RowVaughn Wells, the mother of Tyre Nichols, and Rodney Wells, Mr. Nichols's stepfather, at a candlelit vigil in Memphis.
-
Pope Says Homosexuality Is Not a Crime, 'God Loves Us As We Are'
Pope Francis called on the church to welcome L.G.B.T.Q. people and to work toward ending laws that criminalize homosexuality.
[#Script #Coding] Using map() in Python #shorts
Using map() in Python #shorts
By freeCodeCamp.org
Published: Jan 27, 2023“
Master the HTTP networking protocol by completing over 80 coding exercises and quizzes in JavaScript. Once you’ve learned it all, we’ll build a real web crawler using Node.js to put all the concepts into practice.
HTTP is the backbone of the modern web, and in this course we’ll do a deep dive into all of the fundamentals you’ll need to know to master web networking. We’ll use the Fetch API to interact with a live RESTful server in order to connect the different components of a video game.
Code: https://github.com/bootdotdev/fcc-learn-http-assets
Follow this course interactively on Boot.dev: https://boot.dev/learn/learn-http
Lane Wagner created this course.
Boot.dev: https://boot.dev
Lane on Twitter: https://twitter.com/wagslane
Lane’s YouTube: https://www.youtube.com/@bootdotdev
New to JavaScript? Beginner course: https://boot.dev/learn/learn-javascriptContents
- (0:00:00) Introduction
- (0:03:32) Ch 1 – Why HTTP
- (0:27:31) Ch 2 – DNS
- (0:48:11) Ch 3 – URIs and URLs
- (1:16:21) Ch 4 – Async JavaScript
- (1:49:48) Ch 5 – Errors in JS
- (2:04:54) Ch 6 – HTTP Headers
- (2:21:04) Ch 7 – JSON
- (2:41:09) Ch 8 – HTTP Methods
- (3:17:01) Ch 9 – URL Paths
- (3:36:33) Ch 10 – HTTPS security
- (3:48:24) Proj – Setup Dev Environment
- (3:51:28) Proj – Hello World
- (3:56:29) Proj – Normalize URLs
- (4:11:05) Proj – URLs from HTML
- (4:27:49) Proj – The main.js file
- (4:33:10) Proj – Using Fetch
- (4:45:16) Proj – Recursively crawling the web
- (4:55:33) Proj – Print an SEO report
- (5:06:59) Proj – Conclusion
- (5:08:04) Congratulations
Documentation used:
Fetch API: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
URL constructor: https://developer.mozilla.org/en-US/docs/Web/API/URL/URL
Fetch Response: https://developer.mozilla.org/en-US/docs/Web/API/Response
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news
Watch the full Python course: https://www.youtube.com/watch?v=eWRfhZUzrAc”
[#Script #Coding] Angular Course for Beginners
Angular Course for Beginners
By freeCodeCamp.org
Published: Sep 07, 2022“
Learn Angular in this complete course for beginners. First, you will learn the basics of Typescript and then you will learn about important Angular concepts such as binding, dependency injection, forms, routing, and more.
Santosh Yadav created this course.
Check out his channel: https://www.youtube.com/c/TechTalksWi…
https://twitter.com/SantoshYadavDev
https://github.com/sponsors/santoshya…Course Contents
Introduction
- (0:00:00) Introduction to Angular
- (0:09:56) Introduction to Typescript
- (0:28:57) SPA and Local Setup
Typescript
- (0:42:09) Typescript Data Types and Functions
- (1:25:56) Classes and Interface
- (2:11:10) Typescript decorators and tsconfig file
Angular Installation and Basics
- (2:20:24) Angular Installation and Binding Syntax
- (3:25:04) Built-in Directives
- (4:07:36) Built-in Pipes
- (4:30:10) Adding Bootstrap CSS to App
Lifecycle Hook and Component Communication
- (4:44:53) ngOnInt and Component Communication using Input and Output
- (5:09:32) Change Detection and ngOnChanges
- (5:36:51) ngDoCheck
- (5:42:01) ViewChild, ViewChildren and AfterViewInit
- (6:22:41) Content Projection, AfterContentInit and OnDestroy
Dependency Injection
- (6:44:55) Introduction
- (7:09:34) Resolution Modifiers
- (7:24:06) Value Providers
HttpClient and RxJs
- (7:41:04) Setting Up HttpClientModule
- (7:44:07) HttpService , RxJs observables and http get
- (8:01:28) RxJs Observable and Observer
- (8:11:59) Http Put and Delete
- (8:27:10) Http Request
- (8:40:55) ShareReplay RxJs Operators
- (8:47:17) Async Pipe
- (8:57:15) catchError operator
- (9:05:29) map operator
- (9:09:06) Http Interceptor
- (9:29:11) APP_INITIALIZER
Routing Basics
- (9:35:06) Angular Router and default Route
- (9:51:01) Adding Angular material and navigation
- (10:00:35) Wild card, dynamic route and ActivatedRoute service
- (10:23:19) ParamMap and Activate Route Service
Template Driven Forms
- (10:25:45) Introduction
- (10:50:20) Validation
- (11:09:26) Pristine, Dirty State and Reset Form
- (11:19:08) Custom Directives and Custom Validation
Advanced Routing
- (11:49:33) Navigation using Router Service
- (11:52:34) Feature and Routing Module
- (12:10:57) Nested and Child Route
- (12:19:41) Lazy Loading
- (12:35:49) Configure Lazy Loading using CLI
- (12:42:46) Using ProvidedIn Any
- (12:59:15) Router Events
- (13:06:00) Listening to Router Events
Route Guards
- (13:08:49) CanActivate
- (13:21:24) CanActivateChild
- (13:26:53) CanLoad
Reactive Forms
- (13:30:44) Introduction
- (13:41:33) Using Material Controls
- (13:59:54) Nested Form Controls
- (14:17:38) Dynamic Forms
- (14:45:09) Built-in Validators
- (14:51:50) Reset Form
- (14:55:15) Control Level Validation
- (15:05:22) SetValue and PatchValue
- (15:09:23) ValueChanges and UpdateOn
- (15:17:40) map operator with Form
- (15:29:55) Custom Validator
CanDeactivate Guard
- (15:57:10) CanDeactivate Guard and Form
Custom Pipe
- (16:15:04) Custom Pipe
Resolve Guard
- (16:25:39) Resolve Guard
Global Error Handling
- (16:45:46) Error Handling
Testing Basics
- (16:50:08) Introduction
- (16:56:59) First test
- (17:01:43) Testing Component and Service
Deployment and CI/CD
- (17:15:44) Using Netlify for Deployment
- (17:28:06) GitHub Actions to Automate Tasks
”
Top Headlines for February 11, 2023
-
'Nothing Is Off the Table,' Sunak Says of Military Aid to Ukraine
British Prime Minister Rishi Sunak called the country's plan to train Ukrainian pilots on NATO-standard jets a 'first step,' strongly suggesting it could provide Ukraine with advanced British fighter planes in the future.
-
Los Angeles Rescue Team Deploys to Earthquake Zone in Turkey
The United States Agency for International Development said it was deploying two specialized search and rescue units, one from California and the other from Virginia, to assist in disaster response.
-
Rescuers in Turkey Search For Earthquake Survivors
Rescue teams combed through the rubble of a collapsed building in Adana, Turkey.
-
U.S. Shoots Down Chinese Spy Balloon
American officials said that the surveillance device was shot down off the coast of the Carolinas after it spent the last week traversing the country. Chinese officials maintained that it was a weather balloon that had entered U.S. airspace by accident.
-
U.S. Says It Will Expand Its Military Footprint in the Philippines
Defense Secretary Lloyd J. Austin III announced a deal to give the U.S. military access to four more bases in the Philippines, bringing the total to nine.
-
Tyre Nichols Was a 'Beautiful Soul,' Memphis Pastor Says
Rev. Dr. J. Lawrence Turner, the pastor of Mississippi Boulevard Christian Church in Memphis, described Tyre Nichols as 'a good person' whose brutal killing by the police denied him 'the dignity of his humanity.'
-
Winter Storm Brings Icy Conditions to Texas
The storm pushing across parts of the Southern Plains and Southeast disrupted travel and caused widespread power outages in Texas.
-
Thousands Welcome Pope Francis in the Democratic Republic of Congo
Crowds gathered along the roads of Kinshasa, the capital, to greet Pope Francis as he arrived for the first papal visit to the Central African country since 1985.
-
Mother of Tyre Nichols Calls for Peaceful Protests
Community members joined RowVaughn Wells, the mother of Tyre Nichols, and Rodney Wells, Mr. Nichols's stepfather, at a candlelit vigil in Memphis.
-
Pope Says Homosexuality Is Not a Crime, 'God Loves Us As We Are'
Pope Francis called on the church to welcome L.G.B.T.Q. people and to work toward ending laws that criminalize homosexuality.
[#Adobe #Design] How to Automatically Create Captions and Subtitles in Adobe Premiere Pro
How to Automatically Create Captions and Subtitles in Adobe Premiere Pro
By AdobeMasters
Published: Aug 24, 2022“
Today we are going over a technique to automatically create subtitles or captions for your video in Adobe Premiere Pro CC!
Check out AdobeMasters’ Premiere Pro Course: https://www.udemy.com/course/premiere…
Get near unlimited stock footage and premiere pro templates: https://elements.envato.com/
Join the Community at: https://adobemasters.net/
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.
”
