We'll build an FPS controller in three.js, and add some tips & tricks to make it feel natural.

Support me on:
Patreon: https://www.patreon.com/simondevyt

Follow me on:
Twitter: https://twitter.com/iced_coffee_dev
Instagram: https://www.instagram.com/beer_and_code/
Github: https://github.com/simondevyoutube/

GKJohnson's Github:
https://github.com/gkjohnson/threejs-sandbox

We'll walk through some of the basic ideas behind a first person or FPS controller, including the basic math that gets it going as well as some more subtle tricks like head bobbing and focus locking to make it feel more natural and smooth.

What we'll cover:
* Three.js FirstPersonControls, how to use these in a project
* Using Quaternions and Vector translations to create simple first person camera movement
* Using sin waves and focus locking to improve the overall feeling and give it a more organic experience.

Full source code for the project is available, so if you're interested in fiddling with the code, screwing around with it, or improving it.

Building a Simple First Person Camera

Quick and easy setup of a JavaScript 3d Physics Engine in three.js and ammo.js.

Support me on:
Patreon: https://www.patreon.com/simondevyt

Follow me on:
Twitter: https://twitter.com/iced_coffee_dev
Instagram: https://www.instagram.com/beer_and_code/
Github: https://github.com/simondevyoutube/

In this project I'll show you how to use ammo.js and three.js to setup a simple 3d scene with phyics in just a few minutes. We'll step through the basics of how to instantiate your physics world, and what the various options are, which can server to add a whole new dimension of possibilities to your 3D scenes.

What we'll cover:
* Three.js and Ammo.js initialization, how to instantiate your 3d physics world
* Creating rigid bodies and simple shapes such as boxes and spheres
* Using MotionState to synchronize transforms between the physics world and 3d scene.

There's a lot of options for JavaScript 3d engines, like Ammo.js, oimo.js. cannon.js, etc. They're all extremely capable physics engines, but we'll be focusing on one in particular, ammo.js which is a wrapper around the Bullet physics engine.

Full source code for the project is available, so if you're interested in fiddling with the code, screwing around with it, or improving it.

Building a Simple 3D Scene with Physics in JavaScript & Three.js

Check out my courses to become a PRO! 🔥
https://developedbyed.com/

In todays episode we will learn how to create javascript layout animations with GSAP and their flip plugin. From my experience with React and framer motion...I really prefer the simplicity on how gsap achieves and let's you control these animations.
If you are interested in adding simple yet impressive javascript animations, you need to give this one a go.

🛴 Follow me on:
Twitter: https://twitter.com/developedbyed
Instagram: https://www.instagram.com/developedbyed/
Github: https://github.com/developedbyed/

#programming #javascript

Javascript Layout Animations REALLY SIMPLE TUTORIAL!

Prepare for the Microsoft 365 Fundamentals Certification (MS-900) and pass! The Microsoft 365 Fundamentals is an entry level Microsoft certification into a broad amount of Microsoft Software-as-a-Service (SaaS) products.

✏️ Andrew Brown of ExamPro developed this course. Check out the ExamPro YouTube channel: https://www.youtube.com/ExamProChannel
🔗 ExamPro Cloud Obsessed Certification Training: https://www.exampro.co

☁️ Introduction
🎤 (00:00:00) Introduction
🎤 (00:10:06) Exam Guide Breakdown

☁️ Cloud Services
🎤 (00:13:39) What is Cloud Computing
🎤 (00:16:21) Common Cloud Services
🎤 (00:17:32) What is Microsoft and Azure
🎤 (00:18:38) Benefits of Cloud Computing
🎤 (00:20:03) Types of Cloud Computing
🎤 (00:22:02) Types of Cloud Computing Responsibilities
🎤 (00:23:37) Cloud Deployment Model
🎤 (00:27:39) Total Cost of Ownership
🎤 (00:29:44) CAPEX vs OPEX

☁️ Cloud Architecture Terminologies
🎤 (00:31:39) Cloud Architecture Terminologies
🎤 (00:32:29) High Scalability
🎤 (00:34:01) High Elasticity
🎤 (00:35:14) Fault Tolerance
🎤 (00:36:44) High Durability
🎤 (00:38:25) High Availability

☁️ Productivity solutions in Microsoft 365
🎤 (00:39:35) Evolution from Office 365 to Microsoft 365
🎤 (00:41:09) Windows 365
🎤 (00:42:53) Microsoft 365
🎤 (00:45:08) Microsoft 365 Apps
🎤 (00:47:23) Microsoft Project
🎤 (00:48:48) Microsoft Planner
🎤 (00:50:08) Microsoft Bookings
🎤 (00:51:31) Microsoft To Do
🎤 (00:52:49) Microsoft Exchange Online
🎤 (00:54:27) Create an Account
🎤 (00:58:16) Create New User in Microsoft 365 Admin Center
🎤 (01:00:40) Access Microsoft 365 Apps

☁️ Collaboration solutions in Microsoft 365
🎤 (01:02:02) Microsoft Teams
🎤 (01:04:46) Collaborative Apps
🎤 (01:05:59) Microsoft Power Platform
🎤 (01:10:12) Yammer
🎤 (01:12:14) Microsoft Viva
🎤 (01:19:54) Microsoft SharePoint
🎤 (01:21:10) Microsoft OneDrive
🎤 (01:22:25) Microsoft Stream

☁️ Endpoint and Deployment options in Microsoft 365
🎤 (01:23:27) Microsoft Endpoint Manager
🎤 (01:25:28) Azure Virtual Desktop
🎤 (01:26:58) Windows as a Service
🎤 (01:31:49) Deploy Office 365

☁️ Analytics capabilities in Microsoft 365
🎤 (01:36:46) Workplace Analytics
🎤 (01:38:01) MyAnalytics
🎤 (01:39:17) Microsoft 365 Admin center
🎤 (01:43:29) Access Microsoft 365 Admin Center

☁️ Zero trust security principles for Microsoft 365
🎤 (01:50:34) Zero Trust Model
🎤 (01:54:25) Six Foundational Pillars
🎤 (01:56:38) Defense in Depth

☁️ Identity and access management solutions in Microsoft 365
🎤 (01:56:42) Azure Active Directory
🎤 (01:59:48) Cloud Identity Models
🎤 (02:00:58) Cloud only Identity
🎤 (02:02:05) Hybrid Identity
🎤 (02:03:43) Multi Factor Authentication MFA
🎤 (02:05:34) Conditional Access
🎤 (02:09:10) Enable MFA for Microsoft 365 Users

☁️ Threat protection solutions in Microsoft 365
🎤 (02:12:37) Microsoft 365 Defender
🎤 (02:14:02) Defender for Endpoint
🎤 (02:16:13) Defender for Office 365
🎤 (02:16:17) Defender for Identity
🎤 (02:21:58) Microsoft Defender Portal
🎤 (02:23:53) Defender for Cloud Apps
🎤 (02:25:47) Microsoft Secure Score
🎤 (02:27:16) Common types of threats
🎤 (02:28:42) How Microsoft addresses the most common threats
🎤 (02:30:33) Azure Sentinel
🎤 (02:32:38) Microsoft Security Reports
🎤 (02:37:47) Microsoft 365 Defender

☁️ Trust privacy and compliance solutions in Microsoft 365
🎤 (02:41:30) Regulatory Compliance
🎤 (02:42:56) Compliance Solutions in M365
🎤 (02:44:22) Service Trust portal
🎤 (02:47:38) Data Residency
🎤 (02:50:02) Microsoft Purview Information Protection
🎤 (02:53:37) Data classification capabilities
🎤 (02:57:29) Sensitivity labels
🎤 (03:00:08) Sensitivity Label Policies
🎤 (03:01:36) Retention policies and labels
🎤 (03:03:09) Records Management
🎤 (03:04:22) Data loss prevention DLP
🎤 (03:06:27) Compliance portal
🎤 (03:08:18) Compliance Manager
🎤 (03:11:21) Compliance Scores
🎤 (03:13:31) Insider risk management solutions
🎤 (03:15:48) eDiscovery
🎤 (03:19:34) Microsoft Purview Audit
🎤 (03:20:48) Privacy management
🎤 (03:22:50) Microsoft s privacy principles
🎤 (03:28:09) Microsoft Purview Overview

☁️ Plan predict and compare pricing
🎤 (03:28:13) Cloud Solution Provider CSP
🎤 (03:30:38) Enterprise Agreements
🎤 (03:31:45) Billing and Billing Management

☁️ Identify licensing options available in Microsoft 365
🎤 (03:35:02) Microsoft 365 Subscription plans
🎤 (03:38:56) Microsoft 365 Enterprise and Licenses

☁️ Describe the Microsoft 365 service lifecycle
🎤 (03:42:14) Microsoft 365 service lifecycle
🎤 (03:44:04) Modern Lifecycle policy
🎤 (03:45:01) Microsoft 365 Roadmap portal

☁️ Describe support offerings for Microsoft 365 services
🎤 (03:48:54) Support options for Microsoft 365 services
🎤 (03:50:48) Support Request
🎤 (03:52:16) Service Level Agreement
🎤 (03:55:49) Health Status of Microsoft 365 services

Microsoft 365 Fundamentals Certification (MS-900) — Full Course Pass the Exam!

const modifiers for type parameters are coming to TypeScript 5.0! The PR's not even merged yet - but you can already start playing with it.

Andarist's tweet: https://twitter.com/AndaristRake/status/1602701606721814528
The PR: https://github.com/microsoft/TypeScript/pull/51865

Become a TypeScript Wizard with Matt's TypeScript Course: https://www.totaltypescript.com/

Follow Matt on Twitter: https://twitter.com/mattpocockuk

const modifiers make generics a LOT easier

Remix is an amazing React framework that vastly simplifies the process of building fullstack React web apps.
With this crash course, you'll learn how Remix allows you to seamlessly blend frontend and backend code into each other. 
Besides crucial essentials like project setup, routing and styling you'll also learn how to fetch and submit data, and how to integrate backend code into your React application.

👉 If you want to learn more about this awesome React framework, you can explore my full course "Remix - The Practical Guide": https://acad.link/remix 
(a huge discount will be applied automatically).
👉 Learn more about React.js itself with my bestselling "React - The Complete Guide" course: https://acad.link/reactjs

Code attachments: https://github.com/academind/remix-practical-guide-course-resources/tree/main/Code/02%20Essentials

Join our Academind Community on Discord: https://academind.com/community

Check out all our other courses: https://academind.com/courses

----------

• Go to https://www.academind.com and subscribe to our newsletter to stay updated and to get exclusive content & discounts
• Follow @maxedapps and @academind_real on Twitter
• Follow @academind_real on Instagram: https://www.instagram.com/academind_real
• Join our Facebook community on https://www.facebook.com/academindchannel/

See you in the videos!

----------

Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!

Remix Crash Course 2023 (React Framework)

Master JavaScript Array Reduce Method In 10 Minutes

https://bit.ly/3DTmKed👈 Learn UI/UX Today. Use "UI2022" for 22% Off!
-- Today, I'm going to show you how to create a really cool hover-based dropdown navigation, inspired by this page here: https://videinfra.com/expertise/ecommerce (hover over "eCommerce" at the top). 

Codepen demo/reference code:
https://codepen.io/designcourse/pen/zYaoyEX

0:00 - Intro
0:32 - HTML
2:01 - Basic CSS
8:17 - CSS Animations
12:45 - Final Result

Let's get started!

#frontend #css #uiux

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

Learn UI/UX:                         https://designcourse.com
My personal FB account:   http://fb.com/logodesigner
Coursetro FB:                       http://fb.com/coursetro
Coursetro's Twitter:             http://twitter.com/designcoursecom

Join my Discord!                https://discord.gg/a27CKAF
^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Who is Gary Simon?  Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network. 

Now, I focus all of my time and energy on this channel and my website Designcourse.com.

Come to my discord server or add me on social media and say Hi!