Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Observer pattern in JavaScript by Lydia Hallie ✨ From her "Tour of JavaScript & React Patterns" course:

MasterDotDev's profile picture

Master.dev (Formerly Frontend Masters)

133,228 subscribers

73,987 görüntüleme • 3 yıl önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

2 Yorum

Frontend Masters 💻✨ profil fotoğrafı
Frontend Masters 💻✨3 yıl önce

The observer pattern is used to enable a one-to-many dependency between objects so that when one object changes state, all its dependents are notified and updated automatically.

ٰ profil fotoğrafı
ٰ3 yıl önce

@lydiahallie @TranslateMom English

Benzer Videolar

A prototype from a BloomTech AI student: This multi-agentic system writes React components in their entirety (within the context of the company code base.) Generates fully-formed React/JavaScript + CSS + unit tests + Documentation, completely automatically.
8:32

A prototype from a BloomTech AI student: This multi-agentic system writes React components in their entirety (within the context of the company code base.) Generates fully-formed React/JavaScript + CSS + unit tests + Documentation, completely automatically.

Austen Allred

36,185 görüntüleme • 2 yıl önce

It's called House (MD). It'll of course be open source. It's clocking in at ~5kb of compressed JavaScript (no ts, sorry, not sorry!). Here's a taste from the work-in-progress prototype:
0:27

It's called House (MD). It'll of course be open source. It's clocking in at ~5kb of compressed JavaScript (no ts, sorry, not sorry!). Here's a taste from the work-in-progress prototype:

DHH

71,834 görüntüleme • 2 yıl önce

RCE on Xiaomi 13 Pro (CVE-2023-26324) 👉Exploitation: 1) Open URL in WebView 2) Inject JavaScript 3) Execute JavaScript Interface functions from vulnerable GetApps to install & launch payload 4) Get shell Slides with PoC: by Ken Gannon (伊藤 剣) XzX-040 at #DEFCON23
0:25

RCE on Xiaomi 13 Pro (CVE-2023-26324) 👉Exploitation: 1) Open URL in WebView 2) Inject JavaScript 3) Execute JavaScript Interface functions from vulnerable GetApps to install & launch payload 4) Get shell Slides with PoC: by Ken Gannon (伊藤 剣) XzX-040 at #DEFCON23

Mobile Hacker

33,610 görüntüleme • 2 yıl önce

✨Introducing Netflix on React Native! Two apps. One's built in JavaScript. Can you guess which? Link to the GitHub project below👇 (Hint: The one that crashes on profile switch is from Netflix Engineering 😉)
0:46

✨Introducing Netflix on React Native! Two apps. One's built in JavaScript. Can you guess which? Link to the GitHub project below👇 (Hint: The one that crashes on profile switch is from Netflix Engineering 😉)

Saúl

629,569 görüntüleme • 1 yıl önce

In the latest episode of the podcast tells us his journey from Vite to founding VoidZero and developing a complete Rust-based JavaScript toolchain. The 50-100x performance gains with OXC, and how Vite Plus aims to simplify the entire JavaScript onboarding experience.
55:24

In the latest episode of the podcast tells us his journey from Vite to founding VoidZero and developing a complete Rust-based JavaScript toolchain. The 50-100x performance gains with OXC, and how Vite Plus aims to simplify the entire JavaScript onboarding experience.

Better Stack

12,809 görüntüleme • 6 ay önce

Hi all! If you want to... 🛠️Learn some basic JavaScript for data wrangling & analysis 📒Get started working in Observable 📈Build interactive charts w/ Observable Plot ✨ Register for our free intro course! 4x 1-hr sessions starting Apr 19
0:45

Hi all! If you want to... 🛠️Learn some basic JavaScript for data wrangling & analysis 📒Get started working in Observable 📈Build interactive charts w/ Observable Plot ✨ Register for our free intro course! 4x 1-hr sessions starting Apr 19

Allison Horst

30,490 görüntüleme • 3 yıl önce

TypeScript was inspired by a strange ask from the outlook team. Anders Hejlsberg(Anders Hejlsberg) - creator of C#, TypeScript, Turbo Pascal & Delphi - tells us how TypeScript was born: “The world started building larger and larger applications in JavaScript. We saw that externally, but also internally. One of the trigger events was when the outlook team came to see the C# team and asked us whether we would pretty please productize this thing called Script#. And we go, well, what is Script#? It's this cross compiler that allows you to cross compile C# into JavaScript such that you can basically treat JavaScript as an instruction language and run your C# apps in a browser. Why would anyone want to do that? Well, because then you can get a grownup programming language with grownup tooling. You can use Visual Studio, you can have projects. You can do all of these wonderful things that you can't do with JavaScript because JavaScript is just the scripting language with shitty tooling. And we thought, well, perhaps a better approach would be to fix JavaScript. I mean, surely you're not going to be best of breed in the JavaScript ecosystem by telling people to write in a different programming language”
1:33

TypeScript was inspired by a strange ask from the outlook team. Anders Hejlsberg(Anders Hejlsberg) - creator of C#, TypeScript, Turbo Pascal & Delphi - tells us how TypeScript was born: “The world started building larger and larger applications in JavaScript. We saw that externally, but also internally. One of the trigger events was when the outlook team came to see the C# team and asked us whether we would pretty please productize this thing called Script#. And we go, well, what is Script#? It's this cross compiler that allows you to cross compile C# into JavaScript such that you can basically treat JavaScript as an instruction language and run your C# apps in a browser. Why would anyone want to do that? Well, because then you can get a grownup programming language with grownup tooling. You can use Visual Studio, you can have projects. You can do all of these wonderful things that you can't do with JavaScript because JavaScript is just the scripting language with shitty tooling. And we thought, well, perhaps a better approach would be to fix JavaScript. I mean, surely you're not going to be best of breed in the JavaScript ecosystem by telling people to write in a different programming language”

The Pragmatic Engineer

116,193 görüntüleme • 2 ay önce

✨🆕 New project! ✨ For educational purposes only… I HACKED A CAR IN JAVASCRIPT!!! 📡🛻 I built a web tool to hack wireless devices right from the browser and I used it to run a rolljam/replay attack against my friend's car (with consent of course) and IT WORKED!!! 😃🎉
0:59

✨🆕 New project! ✨ For educational purposes only… I HACKED A CAR IN JAVASCRIPT!!! 📡🛻 I built a web tool to hack wireless devices right from the browser and I used it to run a rolljam/replay attack against my friend's car (with consent of course) and IT WORKED!!! 😃🎉

Charlie Gerard

272,804 görüntüleme • 2 yıl önce

We've been actively exploring AI on mobile devices & we are excited to introduce React Native ExecuTorch 🚀! A new library that enables the execution of AI models with just a few lines of JavaScript, without the need for API calls or external infrastructure. 🤩 More in 🧵👇
0:22

We've been actively exploring AI on mobile devices & we are excited to introduce React Native ExecuTorch 🚀! A new library that enables the execution of AI models with just a few lines of JavaScript, without the need for API calls or external infrastructure. 🤩 More in 🧵👇

Software Mansion

23,799 görüntüleme • 1 yıl önce

New website is live! 🛫 Made With Gsap Made With Gsap — Enhance your animation skills with a collection of 50 unique JavaScript effects. Designed by Florent Roux-Durraffourt and powered by GSAP & darkroom.engineering Lenis 💚 ↳
0:21

New website is live! 🛫 Made With Gsap Made With Gsap — Enhance your animation skills with a collection of 50 unique JavaScript effects. Designed by Florent Roux-Durraffourt and powered by GSAP & darkroom.engineering Lenis 💚 ↳

Michaël Garcia

17,869 görüntüleme • 1 yıl önce

Hall of Famer ⭐️ From teenage phenom to Olympic Gold Medalist Lydia Ko has earned her way into the LPGA Tour Hall of Fame by making history every step of the way! 👏
0:30

Hall of Famer ⭐️ From teenage phenom to Olympic Gold Medalist Lydia Ko has earned her way into the LPGA Tour Hall of Fame by making history every step of the way! 👏

LPGA

32,567 görüntüleme • 2 yıl önce

The new version of React Native Bottom Tabs is out! 🎉 A new highly anticipated feature: Custom JavaScript Tabs! ✨ Provide your custom tab bar while leveraging native navigation underneath 🚀 Here is a demo of it in the 🦋 app! This demonstrates smooth screen transitions using native animations along with their custom tab bar.
0:21

The new version of React Native Bottom Tabs is out! 🎉 A new highly anticipated feature: Custom JavaScript Tabs! ✨ Provide your custom tab bar while leveraging native navigation underneath 🚀 Here is a demo of it in the 🦋 app! This demonstrates smooth screen transitions using native animations along with their custom tab bar.

Oskar

35,844 görüntüleme • 1 yıl önce

Today on #BetwixtTheSheets, I am talking to the supremely smooth & sensual Hallie Lieberman about her research into in history of lube.
0:46

Today on #BetwixtTheSheets, I am talking to the supremely smooth & sensual Hallie Lieberman about her research into in history of lube.

Whores of Yore

71,226 görüntüleme • 3 yıl önce

"CSS scroll-driven scroll-snapping animations" by Giana Just a ten out of ten absolutely gorgeous example of using these new APIs. Not a line of JavaScript in sight (except a polyfill to make it work more places).
0:40

"CSS scroll-driven scroll-snapping animations" by Giana Just a ten out of ten absolutely gorgeous example of using these new APIs. Not a line of JavaScript in sight (except a polyfill to make it work more places).

CodePen.IO

14,856 görüntüleme • 2 yıl önce

Excited to finally release "The State of the Transition 2023" report website. Established in 2015 by Bill Gates, Breakthrough Energy drives innovation for net-zero emissions. In collaboration with G-NS Studio. Live URL ⤷ #WebGL #Javascript #ClimateChange
0:37

Excited to finally release "The State of the Transition 2023" report website. Established in 2015 by Bill Gates, Breakthrough Energy drives innovation for net-zero emissions. In collaboration with G-NS Studio. Live URL ⤷ #WebGL #Javascript #ClimateChange

Niccolò Miranda

35,544 görüntüleme • 2 yıl önce

this is one of the most common problems on react sites, but it's solvable with less than 10 lines of javascript you can see how what i type gets wiped out after hydration, but if you use an inline script tag like shown in this demo your input seamlessly transitions
0:25

this is one of the most common problems on react sites, but it's solvable with less than 10 lines of javascript you can see how what i type gets wiped out after hydration, but if you use an inline script tag like shown in this demo your input seamlessly transitions

Rhys

178,655 görüntüleme • 6 ay önce

Have you tried out the View Transitions API? ✨ Been playing have a play with it this evening 👀 A bit of JavaScript Web Animations API usage for those rainbow lines but sets me up for another demo idea! 💡 Repo && deets 👇
0:28

Have you tried out the View Transitions API? ✨ Been playing have a play with it this evening 👀 A bit of JavaScript Web Animations API usage for those rainbow lines but sets me up for another demo idea! 💡 Repo && deets 👇

jhey ʕ•ᴥ•ʔ

346,329 görüntüleme • 3 yıl önce