15 Years of Web Dev in 12 Minutes

💬 Topics:
1. How to start Frontend Development;
2. Frontend Frameworks review;
3. Typescript, JavaScript, EcmaScript;
4. CSR, SSR, SSG
5. Reactivity;
6. SPA and MPA;
7. Useful frontend tools.

[christcut]

For any beginner and every developer who is huble enough to lern, this is the right Video!. For context: I'm a senior developer of the webarts myself. So i can tell he knows what he's talking about. I love how holistic and simple you explained it! ❤

[bradclements]

I love that this video is a high-level, non-detailed overview and covers the evolution of frontend development. I think even my management can understand it. I'm going to suggest they watch it so they have some idea how the sausage is made.

[psilocybin-]

man this was a beautiful journey through it all! The simplicity and the clarity is top notch! Thanks for that 🙏

[VeitLehmann]

I love your videos, and you boiled down the technical essence of web development really well. The ever-changing jungle of frameworks and technologies keeps the focus on the logic part, the JS/TS and client/server relationship. But there's so much more to being a great frontend dev: To create a great user experience, you also have to understand at least basics of UX and design. You have to know about accessibility, especially now with the upcoming EU law. Using component libraries won't automatically result in a great design and accessibility. You have to visually balance and semantically structure things well and use the right elements for the different jobs. You also have to understand how to keep performance up. At least nowadays different browsers are much easier to work with than 15 years ago.

Frontend development _is_ complex, because right now, it's basically full-stack development most of the time, maybe minus server-side data manipulation/persistence and infrastructure. But many frontend devs will have to deal with those kinds of things as well. And it's understandable why many will be overwhelmed. But it's fun and exciting as well!

[nekomew]

I'm in the web dev scene for nearly 20years, but somehow I still feel I'm a junior. Hardly use any SPA frameworks for projects as most of my clients require just a static website, sometimes with a CMS (Craft CMS for me). Hence I mostly build with vanilla html/css/js/php.

[patricknelson]

0:22 “… who love complexity for the sake of job security.” Woah, hol’ up… welcome to _software development_ not just _web_ development! 😅

[dipereira]

I was wxpecting a meme video, ended up flabbergasted by the summary of current web developement.
Liked, commented and subscribed!!
Thx for sharing the knowledge!

[adebowalegbenga]

This guy is a GOAT 🐐...epic channel. I subscribed the first day I watched his channel.

[bibekjha]

For the first time i get to know what hydration means, thanks great video look forward to more these kind of videos in future.

[ĀRYAN_GENE]

learning this high level architecture, boosted my confidence in learning, i am thinking ill build projects after projects to learn the things rather than going through books only.

[nguyen_tim]

I'm going to share this to people when they say that "front end frameworks are unnecessary". Yes, although you don't NEED it to make a website, user's have certain expectations when using apps and requirements change and someone pushes directly to prod and the sky falls and... I forgot where I was going with this. Great video though!!

[richardrapstine]

Great summary. Fyi, Vite is not a bundler on its own.

[hakdov]

all this js complexity is what makes htmx so appealing

[ray]

No SPA stuff for me, I've been working for the same company for nearly 20yrs now developing the web based point of sale that all our stores use. All MVC on the backend but still an MPA. Exceedingly fast system especially processing the HTML pages ready for display to the user. Time to first paint and time to first byte are both very very quick.

Nobody needs modern JS frameworks, people just choose to use them because they like to make things difficult for themselves :P

About the only thing I've been doing for the last 14yrs is this fad word called 'hydration', but I was doing it long before it was even a known word for this kind of thing :P

I send the processed HTML page, then I have javascript which makes a backend request to get the rest of the data, I then have Template7 make it visible on the page. Used to use Mustache and Handlebars but found them rather limiting.

[unamgege]

Scrimba is how I mostly learned Web Dev in 2022 - I don't really like the new design of their website (yet) but their courses are really good.

[boot-strapper]

As a user I prefer SPA. In 2024 we have really good internet, so initial load doesn’t take long, and it feels a lot better to use. As a developer I also prefer SPA as it’s a better dev experience.

[EduardKaresli]

I'm starting to have a feeling that web apps are losing their point. Instead of running a huge application in the browser one can download a desktop app and run it natively on their PC/laptop.
Even with web assembly client applications, one is still running such an app inside a browser with a layer of significant overhead.
I worked many times on huge web projects, and I often came to the point when I'd tell them "Jesus Christ, just rewrite this garbage into a native app!"... 🤔🤷

[ilirbeqiri]

Don’t forget Analog, metaframework for Angular 🅰️🚀

[ashleyfreebush]

You explain everything so well. Start doing courses!!!

[DaggyDgg]

Ermahgerd! Reactiviry! 🥴😂
No seriously, this was a great video. Keep it up! 👍