Learn how let, const and 'as const'  changes the way that TS infers your code.

Become a TypeScript Wizard with Matt's upcoming TypeScript Course:

https://www.totaltypescript.com/

Follow Matt on Twitter

https://twitter.com/mattpocockuk

Literal types are SO USEFUL in TS - Advanced TypeScript

Learn the basics of Three.js - a tool for building amazing 3D graphics with JavaScript. In this tutorial, we create an animated 3D scrolling animation for a portfolio website https://github.com/fireship-io/threejs-scroll-animation-demo

#3D #webdev #js

🔗 Resources

Three.js Docs https://threejs.org/
WebGL Overview https://youtu.be/f-9LEoYYvE4
Inspiration https://atelier.net/virtual-economy/
Scrolling Animation with Three.js

📚 Chapters

00:00 Mindblowing 3D Websites
00:42 What we’re building
01:19 What is Three.js
02:12 Project Setup
03:35 Scene
03:52 Camera
04:28 Renderer
05:07 Geometry
05:28 Material
06:02 Mesh
06:16 Animation Loop
07:13 Lighting
08:45 Three.js Helpers
09:17 Orbit Controls
09:56 Random Generation
11:05 Scene Background
11:37 Texture Mapping
12:57 Scroll Animation
14:36 CSS Grid 

 🤓 Install the quiz app

iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp

🔥 Watch more with Fireship PRO

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment. 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

Build a Mindblowing 3D Portfolio Website // Three.js Beginner’s Tutorial

Learning about the difference between optional properties (name?: string) and undefined unions (name: string | undefined) can give you an amazing productivity boost for certain refactors.

Become a TypeScript Wizard with Matt's upcoming TypeScript Course:

https://www.totaltypescript.com/

Follow Matt on Twitter

https://twitter.com/mattpocockuk

The tip that saved me HOURS of refactoring time - Advanced TypeScript

Become a TypeScript Wizard with Matt's upcoming TypeScript Course:

https://www.totaltypescript.com/

Follow Matt on Twitter

https://twitter.com/mattpocockuk

WHEN should I use a Generic? - Advanced TypeScript

I built a simple app with 10 different JavaScript frameworks... Learn the pros and cons of each JS framework before building your next app https://github.com/fireship-io/10-javascript-frameworks

#javascript #webdev #top10

🔗 Resources

Full Courses https://fireship.io/courses/
Performance Benchmarks https://github.com/krausest/js-framework-benchmark
Source code https://github.com/fireship-io/10-javascript-frameworks

📚 Chapters

00:00 JavaScript Frameworks
00:53 1. Vanilla
04:21 2. React
07:48 3. Angular
10:15 4. Vue
12:18 5. Svelte
14:16 6. Lit
16:11 7. Stencil
17:18 8. Solid
18:35 9. Alpine
20:17 10. Mithril

 🤓 Install the quiz app

iOS https://itunes.apple.com/us/app/fireship/id1462592372?mt=8
Android https://play.google.com/store/apps/details?id=io.fireship.quizapp

🔥 Watch more with Fireship PRO

Upgrade to Fireship PRO at https://fireship.io/pro
Use code lORhwXd2 for 25% off your first payment. 

🎨 My Editor Settings

- Atom One Dark 
- vscode-icons
- Fira Code Font

I built the same app 10 times // Which JS Framework is best?

I give Clément Mihailescu a mock React.js interview that is geared towards beginners.

Checkout the video we made on Clem's channel: https://youtu.be/vHKzIPwWQkg

#benawad #ClémentMihailescu #react ​
​
----
Follow me online: https://voidpet.com/benawad
#benawad

Beginner React.js Coding Interview (ft. Clément Mihailescu)

XState core member Matt Pocock speedruns the XState docs to teach you everything you need to know to get started with XState.

Chapters:
0:00 Introduction
1:00 Getting started
1:35 States & Transitions
3:42 Initial states
4:00 Final states
5:26 Compound states
7:34 Parallel states
9:46 Self transitions
11:00 Actions
14:20 Entry & Exit actions
16:17 Machine ids
16:42 Machine options
17:59 .withConfig
18:35 machine.transition
20:45 state.matches
21:34 state.nextEvents
22:38 state.can
23:41 Other state properties
27:17 Context & assign
32:29 Always transitions & Guards
36:03 Infinite always error - explanation and fix
39:30 If/else transitions
42:36 interpret
44:47 Transitions in FSM's
45:30 Wildcard events
48:10 Multiple targets
49:06 Parent/child inheritance of transitions
51:35 Effects
51:54 Invoking promise-based services
55:38 Services type safety
58:40 Invoked callbacks
1:00:20 Cancelling promise-based services
1:01:32 After transitions
1:04:05 Stuff we won't cover
1:05:06 TypeScript & Event values
1:08:35 Finish

XState Docs Speedrun - 2022

In this crash course I will cram as much about HTML that I can. This is meant for absolute beginners. If you are interested in learning HTML but know nothing, then you are in the right place. We will be creating a cheat sheet with all of the common HTML5 tags, attributes, semantic markup, etc. We will not be focusing on CSS in this video. The CSS crash course will be released shortly after

21 Hour HTML & CSS Course:
https://www.udemy.com/course/modern-html-css-from-the-beginning/?referralCode=EB0470C43F3C3E9AA306

CODE: Code for this video
http://www.traversymedia.com/downloads/htmlcheatsheet.zip

NEXT: CSS CRASH COURSE FOR BEGINNERS
https://www.youtube.com/watch?v=yfoY53QXEnI&lc=z121x5ozxpiiwddee23tffergoyxxngi504

CHECK OUT MY FULL STACK COURSE:
http://www.traversymedia.com/course/the-full-stack-web-development/

BECOME A PATRON: Support me directly for even $1 per month
http://www.patreon.com/traversymedia
ONE TIME DONATIONS:
http://www.paypal.me/traversymedia

FOLLOW TRAVERSY MEDIA:
http://www.facebook.com/traversymedia
http://www.twitter.com/traversymedia
http://www.instagram.com/traversymedia