JSHeroes
JSHeroes
  • Видео 147
  • Просмотров 156 013

Видео

Making Minimal Techno with WebAssembly And a C Compiler - Tero Parviainen | JSHeroes 2024Making Minimal Techno with WebAssembly And a C Compiler - Tero Parviainen | JSHeroes 2024
Making Minimal Techno with WebAssembly And a C Compiler - Tero Parviainen | JSHeroes 2024
Просмотров 88Месяц назад
The C programming language, a cornerstone of computing, originated in the early 1970s. Meanwhile, techno music with its roots in 1980s Detroit, has been with us as an always-evolving phenomenon ever since. These enduring artifacts of cultural creativity have not only survived but thrived over the decades. On the other hand, WebAssembly and Audio Worklets represent some of the latest advancement...
Building hacking tools in JavaScript - Charlie Gerard | JSHeroes 2024Building hacking tools in JavaScript - Charlie Gerard | JSHeroes 2024
Building hacking tools in JavaScript - Charlie Gerard | JSHeroes 2024
Просмотров 216Месяц назад
If we follow Atwood’s Law, “Any application that can be written in JavaScript, will eventually be written in JavaScript”. As I started studying cybersecurity in my personal time, I noticed that the tools available to hackers are usually coded in C, C or Python but, as a front-end developer, I started wondering… Wouldn’t it be cool to rebuild some of these tools in JavaScript instead?! In this t...
Standard-driven API mocking - Artem Zakharchenko | JSHeroes 2024Standard-driven API mocking - Artem Zakharchenko | JSHeroes 2024
Standard-driven API mocking - Artem Zakharchenko | JSHeroes 2024
Просмотров 77Месяц назад
I spent the last year bringing Mock Service Worker closer to the platform, and I learned a lot along the way. As a result of it, MSW 2.0 was created-the biggest and most impactful release in the project’s existence. In this talk, I will share the story behind that change, why it was necessary, and how exactly web standards make API mocking better.
Console.loggers Anonymous - A Debugging Roadmap from Local to Production - Matan Kushner | JSHeroesConsole.loggers Anonymous - A Debugging Roadmap from Local to Production - Matan Kushner | JSHeroes
Console.loggers Anonymous - A Debugging Roadmap from Local to Production - Matan Kushner | JSHeroes
Просмотров 124Месяц назад
Console.log: a JavaScript developer’s old friend. While it’s tried and true, it often feels like blindly probing at your running code. Don’t you just wish you could skip it all and peer into your running application? Maybe you’ve used the debugger before, but what about in production? How can you find the source of a bug when it’s affecting your users? In this talk, we’ll give an overview on th...
Untangling Your Dependencies: A Pattern for a Well-Knit JavaScript Project - Carmen HuidobroUntangling Your Dependencies: A Pattern for a Well-Knit JavaScript Project - Carmen Huidobro
Untangling Your Dependencies: A Pattern for a Well-Knit JavaScript Project - Carmen Huidobro
Просмотров 192Месяц назад
“Alright I’ll just upgrade Typescript, aaaaaand everything is broken now” Building a complex JavaScript project can feel like a tangled mess of yarn. Fear not, fellow developer! This talk will provide you with the tools and techniques to gently untangle your dependencies and knit a well-structured, maintainable codebase. Our basket of tools include using npm why as our yarn needle, breaking dow...
A deep dive into Source Maps - Nicolò Ribaudo | JSHeroes 2024A deep dive into Source Maps - Nicolò Ribaudo | JSHeroes 2024
A deep dive into Source Maps - Nicolò Ribaudo | JSHeroes 2024
Просмотров 165Месяц назад
Modern JavaScript application are built on top of an immense stack of tools: transpilers, bundlers, minifiers… The code we write goes through multiple transforms before being sent to the browser. Yet, Source Maps let us debug our application and decode errors as if we were directly running our original source files. How are they able to undo any transformation applied to your code? Can they act...
Building Accessible Reusable Components - Sid Kshetrapal | JSHeroes 2024Building Accessible Reusable Components - Sid Kshetrapal | JSHeroes 2024
Building Accessible Reusable Components - Sid Kshetrapal | JSHeroes 2024
Просмотров 66Месяц назад
Twitter influencers would have you believe that if you just use the semantic html tag for elements instead of a div, your components will be accessible. but there’s a lot more that goes into it! Sid works on the design systems team at GitHub, this talk looks at one complex highly-composable component and the many accessibility considerations that go into it!
Better Together: Rust & TypeScript - Benjamin Swerdlow | JSHeroes 2024Better Together: Rust & TypeScript - Benjamin Swerdlow | JSHeroes 2024
Better Together: Rust & TypeScript - Benjamin Swerdlow | JSHeroes 2024
Просмотров 55Месяц назад
This talk explores the lessons learned I learned from Rust, a language renowned for its safety and performance, and how these lessons can be applied to improve TypeScript development. While Rust and TypeScript are different in many ways, the principles and best practices from Rust can significantly enhance the way developers approach TypeScript coding, leading to more robust, efficient, and mai...
Are Signals worth the hype? - Atila Fassina | JSHeroes 2024Are Signals worth the hype? - Atila Fassina | JSHeroes 2024
Are Signals worth the hype? - Atila Fassina | JSHeroes 2024
Просмотров 148Месяц назад
From basically every framework across the board to TC39, signals are all the rage nowadays. A lot has been said about the performance benefits, but that’s not all it is. Let’s talk about how signals provides a better mental model to render user interfaces, and how they make developing apps more predictable and, likely, error-free.
The Roof Is on Fire? - Theodore Vorillas | JSHeroes 2024The Roof Is on Fire? - Theodore Vorillas | JSHeroes 2024
The Roof Is on Fire? - Theodore Vorillas | JSHeroes 2024
Просмотров 28Месяц назад
The devastating wildfires that ravaged Europe in 2023, burning an area the size of London, highlight the urgent need for improved fire detection and reporting systems at scale. In this talk, we will explore how JavaScript and widely available electronics can be combined to create a low-cost, cheap and effective wireless fire detection system. We will deploy this system in a wild forest in Greec...
A Journey Inside the Developer Brain - Emmy Cao & Jenny Truong | JSHeroes 2024A Journey Inside the Developer Brain - Emmy Cao & Jenny Truong | JSHeroes 2024
A Journey Inside the Developer Brain - Emmy Cao & Jenny Truong | JSHeroes 2024
Просмотров 40Месяц назад
How do you get into the zone while coding? Why does taking a walk or taking a shower seem to help solve problems? Everything we do is regulated by complex processes in the brain, and coding is no exception. Sometimes it can feel difficult to feel in control of our brains when coding, but to debug the problem we’ll first need to understand it. This talk will dive into the basic neurological proc...
Blink and you’ll miss it: Stories from discovering most annoying bugs and test flakes - Filip HricBlink and you’ll miss it: Stories from discovering most annoying bugs and test flakes - Filip Hric
Blink and you’ll miss it: Stories from discovering most annoying bugs and test flakes - Filip Hric
Просмотров 27Месяц назад
Some bugs just tend to hide when you look at them. We’ve all experienced a 3 hour bug-hunt that lead to nowhere and made us question our skills. In my talk, I would like to share some of the most annoying bugs and test flakes that I have encountered in my time as SDET and walk you through a process of how to make debugging faster and - believe it or not - fun. I’d like to share my tips on how t...
Type-Safe Style Systems: The Future of CSS - Josh Goldberg | JSHeroes 2024Type-Safe Style Systems: The Future of CSS - Josh Goldberg | JSHeroes 2024
Type-Safe Style Systems: The Future of CSS - Josh Goldberg | JSHeroes 2024
Просмотров 98Месяц назад
Most CSS developers today write visual styles in terms of what you literally see: exact color values, size numbers, and so on. But what if you could write styles as a function of how they fit into your design system? And what if you could get type safety in specifying and using those values, including in responsive props? This talk will dive into some of the key features and flaws in many desig...
MPA View Transitions are here! - Bramus Van Damme | JSHeroes 2024MPA View Transitions are here! - Bramus Van Damme | JSHeroes 2024
MPA View Transitions are here! - Bramus Van Damme | JSHeroes 2024
Просмотров 187Месяц назад
In 2023 we at Google shipped View Transitions for SPA in Chrome 111. This year we bring you something new: View Transitions for MPA, activated by a same-origin navigation. Simply click a link from one page to the other, and you can have a rich transition between both.
Reimagining web layout for accessible multilingual content - Rose Akoth | JSHeroes 2024Reimagining web layout for accessible multilingual content - Rose Akoth | JSHeroes 2024
Reimagining web layout for accessible multilingual content - Rose Akoth | JSHeroes 2024
Просмотров 48Месяц назад
Web layout is one of the most important aspects of web development, as it determines how the content is presented and perceived by the users. However, web layout is not a one-size-fits-all solution, as different languages and writing modes have different text directions and layout conventions. Using traditional CSS properties can lead to layout issues when the text direction changes. To solve t...

Комментарии

  • @GG_SYMBIOTE
    @GG_SYMBIOTE 7 дней назад

    9:40 Most of the primitive values are actually being stored in the heap. I feel like this statement is wrong. Correct me if I am wrong. But all the primitive values are stored in Stack. I asked chat GPT too for this. Here is what I found "Primitive Values (typically small): These are stored on the stack. These values include string, number, boolean, null, undefined, symbol, and bigint. They are usually stored directly on the stack because they are simple and fixed in size. Reference Values (larger and more complex): Objects, arrays, functions, and other non-primitive values are stored in the heap. The variable holds a reference to the location in the heap where the actual value is stored. Regarding the notion of "larger" primitive values being stored in the heap, in some JavaScript engines, there may be optimizations that handle large strings or other large primitive values differently. For instance, if a string is particularly large, the engine might store it in the heap to avoid stack overflow and manage memory more efficiently."

    • @peterlinddk
      @peterlinddk 6 дней назад

      Perhaps unsurprisingly, ChatGPT's explanation is completely wrong, and seems made up rather than referencing anything remotely real. Primitives in objects are always stored on the heap, as are the objects themselves. The variable that reference the object might be on the stack, or it might be in a register. The stack isn't used as much in JavaScript bytecode as for instance in C, where all local variables are on the stack. JavaScript uses the stack for storing arguments, as well as local variables as part of the stack frame, but most of the time that variable is only a reference to somewhere on the heap. Meaning that every instance of say a floating point number like 3.14, will reference the same value on the heap, and not stored individually in each stack. Small integers (that can be stored as 32 bit signed int) are the exception, but most of the time they are stored and used in registers, even when passed along to other functions. Strings are NEVER stored on the stack, as they are - contrary to what ChatGPT says - NEVER fixed in size. Different engines might differ on how much or how little they use the stack, but most of the time, it only stores references to the heap.

  • @mmpcse
    @mmpcse 16 дней назад

    Any plan for India ?. Would love to see you guys here 😊

  • @jesslynnrose
    @jesslynnrose Месяц назад

    Actively jealous about how good this talk is. Unacceptable that this is funny and informative at the same time.

  • @bramus
    @bramus Месяц назад

    Again congrats on this year’s edition. The program contained a nicely curated set of talks, all was taken care of, friendly people, and the vibe was just awesome. Honored that I got to be part of this. Also: I see a filled pool in those drone shots … 🕵‍♂🩳

  • @mihaiudvar9830
    @mihaiudvar9830 Месяц назад

    It was really nicely organised and informative. Thanks and see you next year :)

  • @sigmawolf228
    @sigmawolf228 2 месяца назад

    yet another JavaScript teacher

  • @maxtsh
    @maxtsh 3 месяца назад

    Awesome

  • @antonio_carvalho
    @antonio_carvalho 3 месяца назад

    Great talk, a pleasure to watch, thank you!

  • @SamyarBorder
    @SamyarBorder 4 месяца назад

    Amazing, I'd like to learn more about it. What are the resources that you talked about at the end master 🥷?

  • @frontend-warrior
    @frontend-warrior 4 месяца назад

    The way she represented the concepts is fabulous. Her teaching and presentational skills are exceptional.❣

  • @ratfuk9340
    @ratfuk9340 5 месяцев назад

    I don't know JS or react at all but this was really entertaining

  • @emberchord
    @emberchord 6 месяцев назад

    common yellow tint

  • @webb-developer
    @webb-developer 6 месяцев назад

    amazing🤩

  • @andypsolomon
    @andypsolomon 6 месяцев назад

    this guy is hilarious, so much that i didn't learn anything i was just laughing the whole time. gonna have to watch again.

  • @shehab976
    @shehab976 7 месяцев назад

    OOP is more versatile cz u have functions that is named of methods,and u may have constructor or just the inheritance and so much more u can imagine,function is just an element of OOP

    • @coder_one
      @coder_one 6 месяцев назад

      A classic example of a genius who doesn't have a clue about the subject, but speaks up. I suspect you write even worse OOP than you comment on the FP topic....

  • @hansschenker
    @hansschenker 7 месяцев назад

    Good and practical explanations, will try your library!

  • @nathanmiddleton1478
    @nathanmiddleton1478 8 месяцев назад

    I'm no expert, just a foggy from the 90s. How is it "server rendered"? The server doesn't layout the page, the server doesn't calculate the DOM. All the server is doing is caching and pushing data. Rendering of everything else is on the client, yes?

    • @benighted2
      @benighted2 8 месяцев назад

      The term/phrase has come to mean declaring/generating markup dynamically on the web server vs the client.

    • @hellerbarde
      @hellerbarde 8 месяцев назад

      You can think of it like "rendering" a template. You're right that none of the layouting-related decisions are done on the server's side.

    • @patricknelson
      @patricknelson 4 месяца назад

      To add to that: With the “server rendered” declarative shadow DOM, the component will take on the appearance defined in that HTML/CSS even if JavaScript isn’t even enabled. This is in contrast with the traditionally “client rendered” version where JS would still be required to execute and set the contents of the shadow DOM.

    • @antonio_carvalho
      @antonio_carvalho 3 месяца назад

      It's rendering the *html code* in the server, instead of using javascript locally. It's not about the visual rendering that the browser does.

  • @CodecrafterArtemis
    @CodecrafterArtemis 8 месяцев назад

    I'm a bit miffed that, when they talk about "server-side" they specifically talk about NodeJS-exclusive solutions and static site generators instead of things that can integrate with backend frameworks (Rails, Flask, Django, etc).

    • @patricknelson
      @patricknelson 4 месяца назад

      With you on this. I run mostly PHP on the server side, but implement web components + Svelte on the client side. What’s more is that there are other JS runtimes and environment types (e.g. Cloudflare workers or WinterJS/WinterCG). Interestingly, runtimes _like_ those which are WinterCG compatible offer opportunities for SSR of JS-bound things (like web components) without necessarily having to have JS as your “back-end”. In this case, there are 3 total layers now (a traditional back-end, traditional front-end and a middleware layer of some sort to perform component SSR). It’s something I’m working on myself in my free time (sorta rare, but still an ongoing thing). 😅

  • @sambines3463
    @sambines3463 8 месяцев назад

    I am moving away from a lot of these frameworks to web components. I got sick of the constant bullshit with vue/angular/react specific crap.

    • @patricknelson
      @patricknelson 4 месяца назад

      Web components, while not quite as elegant in some ways as modern frameworks, they have one *huge* thing going for them: They’re a standard. That means that they’re here to stay. They work great to sorta bridge the gap as well, in many different ways, including between heterogeneous back-ends (like Ruby, PHP, Python, etc) and even between JS frameworks which support rendering custom elements.

  • @AliciaSykes
    @AliciaSykes 9 месяцев назад

    Just landed here looking for security Node talks, great to see Liran being awesome as always!

  • @starlederer
    @starlederer 10 месяцев назад

    This talk is awesome! Will be definitely looking for more by Kateryna

  • @seyyedkhandon
    @seyyedkhandon 10 месяцев назад

    Wow, That was super weird and cool at the same time mind blowing😍❤

  • @paulholsters7932
    @paulholsters7932 11 месяцев назад

    FP or OOP that is the question. Anyway to me they seem equivalent. So it's obvious one isn't better than the other. Which is why OOP will never by replaced by FP since it conquered the market first.

    • @banatibor83
      @banatibor83 10 месяцев назад

      In a Dave Farley interview it was said, OOP look like FP if done right.

  • @mnavneetkrishna7264
    @mnavneetkrishna7264 11 месяцев назад

    Can you please share the additional material which was pointed out at the end of the session? Or even the corresponding slack channel would be super helpful!

  • @alexzinkevych3596
    @alexzinkevych3596 Год назад

    Or you can use vite or parcel. They are both blazingly fast and have bare minimum to no configuration needed.

  • @user-xw6jr7ue4b
    @user-xw6jr7ue4b Год назад

    This talk is hilarious :D Love it!

  • @heybran_
    @heybran_ Год назад

    :host-context() selector is depreciated I believe, there is a github issue for that.

  • @ehza
    @ehza Год назад

    This is very intuitive.

  • @js-wtf
    @js-wtf Год назад

    what a great topic, thank you

  • @cetincelik8339
    @cetincelik8339 Год назад

    Hey Great talk thank you. One feedback: It would be great if you can share the slides or at least add links that were referenced in the slides

  • @aakashshah494
    @aakashshah494 Год назад

    That is a beautiful presentation. Absolutely informative and super captivating. May I know which tools you used for this presentation?

    • @volker594
      @volker594 11 месяцев назад

      Thank you so much!! That's a very nice comment to read and I'm sorry for missing it! I used keynote animations on my mac all the way! Special shout-out to the Line Draw animation and Magic Move - you can do so many interesting this with them!

  • @raulrojas6552
    @raulrojas6552 Год назад

    a little bit advanced for me, but useful anyways Thanks

  • @giovannilampis
    @giovannilampis Год назад

    Many thanks Anjana, would you suggest studying functional programming to a beginner javascript student, who is normally taught object oriented programming?

    • @parth46767
      @parth46767 Год назад

      Hi there, though I am not very experienced with functional programming I have however dabbled a little in Haskell and Scala. I would reccomend you at least try to learn the basics of Functional Programming "because" it is different from object-oriented programming. It will be non-intuitive at first and it will force you to think in a very different mind frame than what you use for OOP. Thinking of a problem from a functional perspective can often help you write better OOP in turn.

    • @giovannilampis
      @giovannilampis Год назад

      @@parth46767 Hi Parth, many thanks for your advice, I will do that for sure 👍

    • @user-mv4oh8yp1y
      @user-mv4oh8yp1y 4 месяца назад

      @@giovannilampis Did you :D Just curious about the experience because I'm in your foot now. (trying to learn it from the ground up)

  • @markcuello5
    @markcuello5 Год назад

    HELP

  • @mishafiullah
    @mishafiullah Год назад

    good

  • @lyndell9538
    @lyndell9538 Год назад

    promosm

  • @ian32431
    @ian32431 Год назад

    thanks!!!!!

  • @MechMK1
    @MechMK1 Год назад

    Great talk. Using AST manipulation for refactoring is quite powerful, though I feel like one has to make a decision whether the codebase is large enough to warrant that additional effort.

  • @zaboco
    @zaboco Год назад

    A small correction at 7:07 - node apps _can_ import ES modules. They can't import ES modules _from the CDN_ (at least not for now).

  • @lacascadaobregon
    @lacascadaobregon 2 года назад

    This dude is a freaking rockstar. I listened to a podcast a while back and I was like holy shit, this dude is an amazing programmer. I totally can relate to him too

  • @realdavidpain
    @realdavidpain 2 года назад

    skeen? or actually "scene" :P

  • @ZlagCraft
    @ZlagCraft 2 года назад

    Very interesting way to solve the problem and a nice way to explain it

  • @Akkihearts007
    @Akkihearts007 2 года назад

    Can I have the GitHub repo link of this session?

  • @licokr
    @licokr 2 года назад

    This is really the perfect presentation. I think I depended on already made frames too much before.

  • @ozzyfromspace
    @ozzyfromspace 2 года назад

    the crazy thing is, I discovered the redux-like coding pattern by accident while searching for ways of simplifying the logic in a game I was working on. wild 💃🏽🎊

  • @edarjoseblancorodriguez3075
    @edarjoseblancorodriguez3075 2 года назад

    Gracias, es una obra de arte lo que has dejado por aqui

  • @tolgask2812
    @tolgask2812 2 года назад

    Redux is shit, even the instructor can not find the mistake. Boilerplate is too much. Creators of redux know this so that they create redux-toolkit.

  • @hommeoursporc5874
    @hommeoursporc5874 2 года назад

    old but gold

  • @surendrabisht2523
    @surendrabisht2523 3 года назад

    just wow

  • @demetriows1207
    @demetriows1207 3 года назад

    Great overview of the key components, thanks!