The Evolution of Web Apps 1992-2024

Поделиться
HTML-код

Комментарии • 146

  • @mikeryan2388
    @mikeryan2388 4 месяца назад +121

    I've never described anything as wholesome before, but I can't think of a better word for your videos lately. They're wholesome. Not flashy, loud, begging for clicks, just normal conversation that happens to be educational. Kind of reminds of Mr. Rodger's Neighborhood, but this is Mr. Beattie's Network

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

      I wish I could star this comment. Wholesome is an excellent way to describe them. Dylan’s videos are the antidote to the brash, loud, obnoxious and uninformed opinions that dominate the space (I’m thinking about Theo et al).
      We need them!

    • @tozpeak
      @tozpeak 3 месяца назад +8

      Evolution of youtube back to just sharing cool stuff for fun. 😊

    • @BizAutomation4U
      @BizAutomation4U 15 дней назад +3

      I just subscribed simply because of how he removes all the fluff out of the topic. That is gold in an age where everyone is trying to show how clever they are and how much they know, all with a lot of emotion, and more energy that would put a politician to shame.

  • @marloelefant7500
    @marloelefant7500 13 дней назад +23

    The Web really demonstrated the power of open standards and cross-company collaboration. Instead of every big tech company baking its own fragile solution, such as Flash, Java Applets etc., many stakeholders work together on a common solution that allows to solve their problems just well enough. These solutions are guaranteed to be maintained well and survive long.

    • @HNedel
      @HNedel 11 дней назад

      It still took someone powerful enough to put their foot down (due to Jobs’ own ulterior motives) and drag the industry kicking into the 21st century of open standards

  • @catoberge
    @catoberge 11 дней назад +12

    This. Was. Great.
    No fuzz, no bull. Just good, clean information. A favorite video of 2024.
    Subscribed.

  • @gymothybumpkins
    @gymothybumpkins 7 дней назад +3

    Love this type of content. Knowing the history of our trade is underrated.

  • @mathiaz943
    @mathiaz943 18 дней назад +3

    This is fantastic. Especially for the younger among us, who have not lived through the evolution of the web…

  • @calanm7880
    @calanm7880 День назад

    This is magnificent. I had multiple “penny drop” moments - understanding the context of the “why?” really helps me understand.

  • @slowgoins
    @slowgoins 3 месяца назад +11

    Absolutely *love* the history presentations. As someone whose primary education was in the physical sciences, seeing how a field grew and evolved vastly helps my own understanding of why certain technologies, patterns, frameworks, and so on were invented. They needed to solve (what were then) new problems. This is a great "brown bag" (lunch) style of talk with just enough detail to really learn something and research after where interest directs. Looking forward to the next one!

  • @jimratliff
    @jimratliff 3 месяца назад +8

    I, too, started on the web in the 90s (a bit later than you, 1995). This is an awesome, memory provoking, but also just super well constructed, historical survey. Thanks!

  • @sabuein
    @sabuein 4 дня назад

    My favorite these days is what they call "Progressive web app". Again, thank you for sharing, I loved it.

  • @amolk7184
    @amolk7184 5 дней назад +1

    I recently started building an with django, with rendering on the server side, no front-end at all.
    This is a really great intro to all the available technology and its capabilities

  • @RogerValor
    @RogerValor 4 месяца назад +31

    and now, with HTMX, moving back to server side rendering and embracing the html markup as the actual state, and nearing unblocking wasm bottlenecks like dom access and standalone support, we are approaching something that will remix the boundaries yet again.

    • @DylanBeattie
      @DylanBeattie  4 месяца назад +40

      So I genuinely considered whether HTMX should be in the video, but in the end the patterns I chose were the ones that I consider to be the paradigm shifts in web architecture enabled by new APIs and browser capabilities: they all allowed us to do things which were previously impossible, or at least extremely difficult.
      You could get something a bit like XMLHttpRequest by using hidden IFRAMES, or using JavaScript to load images from particular URLs with payload data in the query string, but it wasn't easy and it was incredibly fragile. You could emulate socket connections using long-lived AJAX requests - send the request, wait thirty seconds, if you don't get anything back, the request times out so you send another one - but again, it was nothing like as easy or well-supported as the WebSockets API.
      I think HTMX is an extremely well-designed framework, but fundamentally I think it's just very good syntactic abstractions on top of client-side JavaScript, DOM manipulation and HTTP requests. We *could* have had HTMX in 2010 - all the building blocks were already there, we just hadn't really figured out the best way to put them together yet. It's an excellent framework but it solves the equivalent set of problems as jQuery/prototype/scriptaculous.
      (This is the part where somebody replies with "well actually... " and calls out some particular feature of HTMX which is only possible using WebSockets/WASM... but you get the idea. 😉)

    • @echobucket
      @echobucket 3 месяца назад +4

      @@DylanBeattie The other thing that should probably be on here is the sort of Next.JS hybrid approach of serverside + client side rendering using the same programming language....

    • @tahamohammedi5898
      @tahamohammedi5898 3 месяца назад +6

      This HTMX hype bullshit is getting out of hand, HTMX is merely a framework that does client side fetching nothing else, it's almost like fucking JQuery, i didn't change shit

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

      He did mention GWT which did exactly this, way before (it's now dead)

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

      @@tahamohammedi5898what you say has some truth. Indeed, many of us built our own HTMX like functions on top of JQuery.
      However, the hype behind HTMX is easy to understand when viewed through the lens of a younger developer who has only ever known SPA. To them, HTMX is a miraculous breath of fresh air.
      Many developers, especially the younger ones, are locked into the SPA mindset, not knowing there’s another way. 99% of websites and applications do not need to be, and indeed, should not be an SPA.
      I am glad HTMX is here for it changes this mindset of “SPA is the default”.

  • @Esparzamx
    @Esparzamx 4 месяца назад +10

    Can't remember the first time I saw one of your conferences and ended up looking you up because of it, I think it was the one about SMTP, ever since, it's been worth it!! Thank you for your time and efforts, your content is amazing and valuable.

  • @michaelrall8142
    @michaelrall8142 14 дней назад +1

    very, very nice presentation. I feel a bit old now, but also relaxed, because there hasn't changed soo much the last 30 years 🙂

  • @Rose-ec6he
    @Rose-ec6he 3 месяца назад +4

    It's worth noting that wasm isn't native code in the strict sense, it's run inside a virtual machine in a similar way to java - It's bytecode that a browser converts to native instructions on the fly. It's still much faster than JavaScript because it is parsed and run through optimisations beforehand and does not use a garbage collector.
    Those are all great things but it is not real assembly or machine code because it is CPU agnostic and requires extra steps before it can be run on all computers which has a performance penalty in exchange for portability, unopinionated standardisation and ease of implementation. It's an important distinction which I wish the dev team made

  • @key7644
    @key7644 13 дней назад +4

    I remember disabling JavaScript on my browser back in the days for security reasons, now the only place I can not find JavaScript is on my laundry basket!

  • @arlandi
    @arlandi 3 месяца назад +7

    I still remember my first job as a 'web master' a century ago, using static html and bunch of animated gifs to show information in pages. coded with ms frontpage and later macromedia Dreamweaver.

    • @snorman1911
      @snorman1911 3 месяца назад +2

      "Webmaster" 😂 my first title. The 90s were a wild time for web dev.

    • @rumble1925
      @rumble1925 14 дней назад

      Brb updating my title on Linkedin

    • @eliotclarke1129
      @eliotclarke1129 12 дней назад

      MS front page, wow that’s a blast from the past

    • @bobthemagicmoose
      @bobthemagicmoose 12 дней назад

      Totally forgot about the “webmaster” title! I wasn’t a dev at the time but I feel like you’d see notes referencing the webmaster throughout the site “error: please contact the webmaster”

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

    I like the videos talking about web related stuff. I want to get a better understanding the web technologies better and going through the history helps in getting an overview. Thanks for uploading!

  • @JarheadCrayonEater
    @JarheadCrayonEater 7 дней назад +1

    I also wrote my first web page in 1992, but didn't really get into it until 1995.
    "Internet dinosaur" is very accurate!
    Edit: This is a brilliant channel! Thanks for bringing back those great memories in visual format!

  • @alexanderleonidas3260
    @alexanderleonidas3260 4 дня назад

    Very helpful overview! Thanks!

  • @liammcmullen4497
    @liammcmullen4497 3 месяца назад +1

    An insightful narrative of the tumultuous evolution in web technology since the 1990s. ;)

  • @ultravioletiris6241
    @ultravioletiris6241 3 месяца назад +4

    I’m a cyber security and computer science double major, and this was an excellent excellent video. I learned a lot and also reinforced some things I wasn’t 100% sure about.

  • @caty863
    @caty863 4 месяца назад +2

    This is a good rundown of what transpired with the web for the last few decades. I dabbled in this industry in early 2010 when PHP was all the rage. I built a few CRUD websites with the WAMP stack and it was fun for a while. Now, I have skipped this *web sockets* wave and I am trying to jump back on to the *WASM* wagon. Wish me luck!

  • @3Im0
    @3Im0 9 дней назад

    Thank you for your nice presentation. Perfectly done! 👍🏻👍🏻

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

    I fucking love the way you tell the story. Right about 10:22, I found myself laughing because you just emplained notifications like I'm five, but I've been building web applications for the past 5 years lol 😂😂

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

    Absolutely spectacular overview!

  • @michaljanwarecki763
    @michaljanwarecki763 4 месяца назад +1

    Great video! And very relatable. 2 years ago I got my first web dev job with just my personal blog on my CV. I made it as a React SPA with Django backend. Now I'm redoing the same blog to now be a server side generated web app. I guess in 3 years time I'll rewrite it again, either a Wasm SPA or static HTML.

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

    Whatta great way of helping us understand!

  • @darknezx9542
    @darknezx9542 24 дня назад

    To be honest Dylan can make any dry topic sound like the most interesting thing ever. Always a fascinating talk.

  • @LifeOfCraig
    @LifeOfCraig 3 месяца назад +1

    This was a great video, very entertaining and very informative!

  • @yusef3132
    @yusef3132 3 месяца назад +2

    You really desrve more likes. Really enjoyed video. Thank you...

  • @trapkat8213
    @trapkat8213 8 дней назад

    Excellent presentation.

  • @Beastintheomlet
    @Beastintheomlet 3 месяца назад +1

    I can’t imagine how much of a game changer AJAX calls were for the web. I’m so glad I didn’t have to go through the IE days of web dev tho, I’ve heard so many horror stories.

  • @Zainjerr
    @Zainjerr 9 дней назад

    love these bites of history

  • @MobiusCoin
    @MobiusCoin 20 дней назад

    I've been doing this whole web dev thing for a long time and even with that I learned so much. The explanation of WASM was particularly useful for me. You got a new subscriber!

  • @slavsquatch7
    @slavsquatch7 20 дней назад

    Excellent overview. Wish I had this video when I was teaching at a web dev bootcamp.

  • @joeynelson1609
    @joeynelson1609 9 дней назад

    Well done. Thank you for a very cohesive and overarching explanation of web delivery technologies up to now. It definitely rounded out my understanding and filled a few holes.

  • @DavidTorralbaGoitia
    @DavidTorralbaGoitia 13 дней назад

    Amazing content! I would have loved to see PWA in that timeline though 🙃

  • @mehmath
    @mehmath 9 дней назад

    Brilliant work you`ve made

  • @sm5574
    @sm5574 2 дня назад

    We've also essentially moved from dumb terminals in the '70s to smart terminals now, with everything essentially running as a web app or something cloud-based. The idea of actually running software on that massively powerful machine in front of you has become antiquated.

  • @user-yc6km3iw7c
    @user-yc6km3iw7c 10 дней назад

    Great content, thank you!

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

    Great video, Dylan. Yet somehow my major takeaway was just how I old must be ;)

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

    12:00 thanks a lot for this video. many a times, the story of past, if shared in proper way, can do wonders to increase ur understanding of things.

  • @user-vl4gh7pt3d
    @user-vl4gh7pt3d 7 дней назад

    That was awesome. Thx

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

    Your are inspiring!! I had a big aha Moment.
    It gives me as a young Programmer i much better understanding of the web in gernal. Thanks.

  • @thiagoassisfernandes
    @thiagoassisfernandes 3 месяца назад +2

    Can't wait to the primeagen take on this.

  • @comosaycomosah
    @comosaycomosah 3 месяца назад +1

    oh sweet always seen videos of you talking in conferences didnt realize you had a channel

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

    Gran charla!
    Y explicado de una manera muy didáctica!
    Grandes recuerdos de flash y Dreamweaver!

  • @BobFrTube
    @BobFrTube 10 дней назад

    In the 90s I found I could create an XML object dynamically and it acted very much like Ajax. Ajax just formalized a practice that was already posssible.

  • @spaceageboys3485
    @spaceageboys3485 2 дня назад +1

    Great video might revive applets just to make people mad

  • @tarilonte
    @tarilonte 4 месяца назад +1

    Great video! I still use classic asp

  • @DaddyChronic
    @DaddyChronic 12 дней назад +1

    Before Ajax I had send the Data for the JavaScript App by generating Inline-Scripts containing the Serverdata..

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

    This was great

  • @danielbaulig
    @danielbaulig 4 месяца назад +2

    WebSockets were really just an technological evolution from long polling and Comet. Similar to how fetch was a better XMLHttpRequest. Should have mentioned those, too imo.

    • @yaroslavpanych2067
      @yaroslavpanych2067 3 месяца назад +1

      Fetch is not better, it is just other, and most likely nih-crap.

  • @sabuein
    @sabuein 4 дня назад

    Thank you.

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

    And I thought I had been a web dev 😅 Thanks for filling some gaps! 😊

  • @hassejansson
    @hassejansson 4 дня назад

    well done

  • @milkmanconspiracy4346
    @milkmanconspiracy4346 21 день назад

    EventSource was a funny stepping stone to WS.

  • @biscotty6669
    @biscotty6669 20 дней назад

    Nothing about Perl/CGI? That's what I used for my first "web app". I like your vids.

  • @ChrisAthanas
    @ChrisAthanas 3 месяца назад +1

    Pop filter needed for that particular microphone placement
    Very loud on headphones

  • @hadibq
    @hadibq 13 дней назад

    Missing your talks, Dylan 👍

  • @anshul_eie
    @anshul_eie 4 месяца назад +2

    Post SPA world, there's this new kid called Svelte which does a hybrid of server side rendering and browser side JS/DOM rendering. I hope you'll talk about that in one of your videos in future,

    • @andynn6691
      @andynn6691 3 месяца назад +1

      Kinda like JSF and the like, only a million times better.

    • @yaroslavpanych2067
      @yaroslavpanych2067 3 месяца назад +1

      What exactly new in that? Server side renders baseplate, js employs ajax to fetch fresh data and show it to user. We have been doing it for at least 20 years now.

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

      @@yaroslavpanych2067 One could extend the same argument for SPA too. Nothing new in that. We had ajax before SPAs became popular.
      Svelte gives the best of both worlds - fast first time load (server side rendering) and client side rendering.

  • @JoaoCarlos-df1zw
    @JoaoCarlos-df1zw 4 месяца назад +3

    Wow, awesome seeing all those stages in a graph. And good to see wasm, the big brother of java applets

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

    Damn, I remember being a kid and seeing Ajax being born. I tried to learn it, but it was too much for my brain. I didn't even speak english all that well so it made it harder to learn, but people were hyped as f

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

    I agree with most of what you say, except maybe with the idea that WebAssembly is also a good way to solve problems, and I also have issues with Single Page Apps for similar reasons. The main question for me is how they compare to custom protocols. In my view, if you want to have a native app, you should have a native app, not a website. The real issue here is that many internet access points pointlessly limit the ports that can be used, which does nothing to security (as any malware can run over port 8080, and port scanning could be blocked in different ways), but makes it more difficult to create new protocols for new application like it was more standard before. Idk if this completely coincides, but I do find it strange that so many applications tried to be websites, when really I do not see the benefit, at around the time ports started to be blocked off more, it would be interesting to see a historical rundown of that (like when chats moved from protocols like XMPP to website clients).

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

    My preferred architecture today is htmx and web components (compiled out of Svelte). Web components make the browser know how to render things, but the server still sends html so the browser doesn’t have to interpret JSON.
    Some heuristics: If the server will make a complex JSON object, it’s not much worse on the server to format it as html instead. Meanwhile on the client, the data is in html already, so it doesn’t have to work as hard to know how to display it. And then, web components enable this to not live strictly in vanilla html.

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

    I'm looking forward to a browser implementation of serverless (P2P).

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

    Steve Jobs killing the plugin did wonders for my income for a little while... various mates who had been doing Flash for years noticing their works-of-art didn't work on the coolest-device-to-own... they really quickly needed to talk to a computer programmer... and that was me.

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

      Coolest device to own is, and always was brain. If you don't have one, or have one in abandned state, no other devices will fix that.

  • @concreteproof
    @concreteproof 4 месяца назад +1

    Very nice overview :)

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

    The only server side renderer worth a mention was Perl!

  • @clangsison
    @clangsison 8 дней назад

    thanks

  • @giorgiobarchiesi5003
    @giorgiobarchiesi5003 4 дня назад

    Nice video, interesting and informative!
    Regarding languages that compile to JavaScript, I like the Flutter/Dart technology, because from the same code you can obtain mobile apps and desktop apps as well.
    And for the web version, you don’t have to worry about the fact that JavaScript is an extremely unsafe language: you write Dart code, which is type-safe and null-safe; then the transpiler will generate the appropriate and correct JavaScript code for you.
    How do you rate this approach vs. Webassembly?

  • @wewillrockyou1986
    @wewillrockyou1986 8 дней назад

    Lesson of the day: KISS

  • @axel_luke
    @axel_luke 8 дней назад

    What about long polling before websockets?

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

    Where do browser extensions come in? My favorite one is Vimium. This extension adds JavaScript so that I can use Vim-like motions to navigate without using the mouse.

  • @yaroslavpanych2067
    @yaroslavpanych2067 3 месяца назад +1

    12:42 I know at least a dozen of sites that still employ flash, and not going to stop anytime soon. It is just too expensive to rewrite it and DEBUG to the level it was on flash!

  • @baggern
    @baggern 4 месяца назад +1

    one axis missing is canvas / webgl / webgpu and how web apps now don't even need to be use html and the dom to display content

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

    What a cluster fuck of insider trading and zero planning
    The browser wars have just begun

  • @Ihatebrexit
    @Ihatebrexit 3 месяца назад +1

    Your videos are always a pleasure. I look forward to them 👍

  • @HaraldEngels
    @HaraldEngels 11 дней назад

    Low-JS libraries like HTMX or Unpoly are the next evolutionary step.

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

    I expected to see General Kenobi as a response... 10:28 😢

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

    When will you say it was the pick time in web development?

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

    💚

  • @thohangst
    @thohangst 7 дней назад +1

    RIP Flash. The internet was fun once. And charmingly janky.

  • @kaiserruhsam
    @kaiserruhsam 3 месяца назад +2

    oh no they made fetch() happen

  • @carlcodes8422
    @carlcodes8422 3 месяца назад +1

    Another excellent video - Insta-subscribe :-)

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

    Awesome video. But man I can't pin your accent. It's like British with a twist of Oz and North American

    • @DylanBeattie
      @DylanBeattie  3 месяца назад +4

      London via Nairobi, Bulawayo, Harare, Bristol, Southampton - and a whole lot of American movies and TV shows along the way. 😉

    • @teaman7v
      @teaman7v 3 месяца назад +1

      @@DylanBeattie ha, that'll do it. Really enjoying your videos btw. Just subscribed

  • @user-gh4lv2ub2j
    @user-gh4lv2ub2j 3 месяца назад

    LOL IKR!

  • @guai9632
    @guai9632 3 месяца назад +2

    apple fucked it all up as always. we could already have "wasm"

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

    Internet dinosaur, ha ha.
    Old but not obsolete, like me.
    Nice exposition, I stopped at AngularJS. Blazor pages seem a step backwards, interleaving code and HTML smacks of ASP pages albeit wasm runs in the browser (?). Where does HTMX fit in, will it solve the markup problem?

  • @kellyaquinastom
    @kellyaquinastom 5 дней назад

    Htmx? Will watch

  • @yapdog
    @yapdog 8 дней назад

    Yep, started out back in 1989 (think). We're dino-bros!

  • @OneOmot
    @OneOmot 15 дней назад

    HTMX?

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

    HyperMedia HyperMedia HyperMedia HyperMedia!

  • @Jonas-Seiler
    @Jonas-Seiler 3 месяца назад

    I’m fucking more than twice as old as the internet was when I was born, wtf is going on

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

    My life as a slide 😅

  • @sazk4000
    @sazk4000 3 дня назад

    🙂

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

    HTMX HTMX HTMX

  • @ignacionr
    @ignacionr 4 дня назад

    You are SO MISSING long polls (actual realtime way before WebSockets).

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

    I'd also put mobile apps on this chart. they're available on the net, they use urls, many connect to a server, many have a web engine under the hood, UI APIs are similar, they're just not written in js. and they are kind of in between regarding dynamic loading, they are updated from time to time, but not every time you open it

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

      I don't think it's proper tbh. Client softwares have always existed, even before the web. It's a bit of a reach to put them on that chart.

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

      @@marioprawirosudiro7301 they have, but they lacked web-like infrastructure app stores provide. auto-update, discoverability, the link to get them in one tap.
      from the user perspective it's almost the same.
      if in some near future both web and mobile apps would be compiled to wasm, what would be the difference?
      wasm can already work outside the browser. all we need is to provide required interfaces.

  • @TheBli7krieg
    @TheBli7krieg 14 дней назад

    Next step: v0