The 3 Ways Web Apps Generate Pages - which is best?

  Рет қаралды 10,564

Stefan Mischook

Stefan Mischook

Күн бұрын

Server-Side Rendering vs. Client-Side Rendering vs. Static Rendering of web apps. This video will give you a high level overview of the 3 basic ways, that you can structure a web app, to deliver pages/views to the users.
The first methods going back to the early 1990's were: server-side and static rendering - something popular with Perl. Later in the early 2000s, client-side rendering became possible with frameworks like classic ASP, ColdFusion, Java Servlets and many others.
Besides the overview, I teach when it makes sense to use one type of web app structure vs another.
My popular courses:
Learn web development fast: shop.killervid...
Learn Python 3 fast: www.killervideo...
My business courses:
Complete Freelancer: www.killervide...
Complete Entrepreneur: www.killervide...
My social links:
Instagram: www.instagram....
Twitter: / killersites
Thanks!
Stef

Пікірлер: 38
@taariqq
@taariqq 5 жыл бұрын
Once again Stefan brings out info that I did not even know I needed to know. And he does it at the layman level so it is easy to grasp. Thank you Stef!
@LordHasenpfeffer
@LordHasenpfeffer 5 жыл бұрын
Last summer I worked for a company with a fairly high-traffic site. They created and maintained it in WordPress on their internal development server but used a plugin to export all of their pages to static HTML on their production server. I'd never seen WordPress used that way before and nobody could explain to me the reason why they utilized that approach. Everyone seemed to believe it was a security measure that made the site less prone to being hacked. While that is probably true, your explanation makes much more sense to me. Thanks!
@StefanMischook
@StefanMischook 5 жыл бұрын
Yes, this strategy would help with security for sure. But it also helps with speed.
@philadams9254
@philadams9254 5 жыл бұрын
Yeah, that is safer though. No Wordpress installation will always be safer.
@LordHasenpfeffer
@LordHasenpfeffer 5 жыл бұрын
@@philadams9254 Ya think? LOL
@LordHasenpfeffer
@LordHasenpfeffer 5 жыл бұрын
@@philadams9254 That's what the have actually done since my contract ended. They have migrated everything fully out of WordPress into WebSphere Portal.
@philadams9254
@philadams9254 5 жыл бұрын
@@LordHasenpfeffer Just seen a video on this topic: kzfaq.info/get/bejne/pN-ljLKWqMe6eZ8.html
@ro3843
@ro3843 4 жыл бұрын
Your videos are just so darn good for those of us who arent total newbs but still have a lot to learn.
@busyrand
@busyrand 5 жыл бұрын
Wow... This was a treat! I watched it twice. You cleared up a bunch of things that I already had some awareness of, but didn't get how the pieces fit together. I have a static site project, and have seen multiple lectures on the topic but didn't really get why/how things fit together in real-world use cases. The way you tied things together with the history of Flash and Java Applets really helped me understand this. You're the BEST!
@3shwa2yatTV
@3shwa2yatTV 5 жыл бұрын
very good insights in all of your videos, kudos
@Chrosam
@Chrosam 5 жыл бұрын
Where are you from ? Ana mn soria
@leajiaure
@leajiaure 3 жыл бұрын
This should be the first lecture of every Web Development 101 in college 🙌
@WaylonWalker
@WaylonWalker 5 жыл бұрын
Static rendering is making a resugance with the jamstack, and static site generators like Gatsby, nuxt, next, Hugo.
@Loppy2345
@Loppy2345 5 жыл бұрын
Thanks I really needed this video, was always confused about the difference between these.
@pixelmartyr8532
@pixelmartyr8532 5 жыл бұрын
Nice rug
@SuperXrunner
@SuperXrunner 5 жыл бұрын
Man I love your channel
@jondyason336
@jondyason336 5 жыл бұрын
thanks a lot. helpful! appreciate all you do
@dean6046
@dean6046 5 жыл бұрын
Thank you Stefan! You're the man
@wanderoffinc
@wanderoffinc 5 жыл бұрын
Great video. Hey what do you think about static pages with AWS lambda functions built in. I think its a modern more secure way to approach things depending on the situation
@sohaghimon9921
@sohaghimon9921 5 жыл бұрын
so in the future all type of web apps will be made by the client side rendering as computers and database speeds are getting faster?? or will it be the combination of server & client side rendering ?
@sociocritical
@sociocritical 5 жыл бұрын
Combination I guess. Im not an expert but with viewengines its pretty common to prerender html parts on the server for example a table and insert that prerendered table on the client via ajax since its a pain the ass to get raw xml or json data from the server and insert each data piece later on the client via dom manipulation.
@panstromek
@panstromek 5 жыл бұрын
Static prerendering is getting more popular, too. I guess there is still place for all these techniques.
@jakestewart7079
@jakestewart7079 5 жыл бұрын
It kind of depends on whether or not the backend will be communicating with other apps or if it's a SPA.
@ActionJackson321
@ActionJackson321 5 жыл бұрын
Would I be right to say that server rendering with caching, is basically the same as static rendering, but more useful because it's dynamic??
@stachowi
@stachowi 3 жыл бұрын
i'm sure that's how it's practically done, there's no way you're dealing with static files.
@TechXSoftware
@TechXSoftware 5 жыл бұрын
I use either Laravel or Vue Nuxt JS to make sites, depends on the project. They good?
@ghlamallahyacine5161
@ghlamallahyacine5161 5 жыл бұрын
I like the new style
@alvocheroben5510
@alvocheroben5510 5 жыл бұрын
1st viewer.good video
@thriftynick27
@thriftynick27 5 жыл бұрын
I'm working on a large directory site project in Laravel with a DB of around 5.8 million records. Some search queries are reasonably fast, but some are so slow they time out. I was not aware of static rendering until this video. I think I'm going to look into it. Does anyone know what the best practice is in Laravel for static rendering? Great video as always, Stef!
@panstromek
@panstromek 5 жыл бұрын
I am not sure how much Laravel community has been using static prerendering - but if you lookup JAMStack (smth lik PRO-Static movement :D ), you will find bunch of tools that can be helpful ;) ...Someone even made a static site generator from Wordpress, I bet there will be some option for Laravel, too :D
@panstromek
@panstromek 5 жыл бұрын
...And if you don't find anything, you can just fallback to script that will visit all your routes and saves the output ;)
@thriftynick27
@thriftynick27 5 жыл бұрын
@@panstromek Thanks, I'll check it out.
@SQz88
@SQz88 5 жыл бұрын
first of all, I would look into the indexing of the db if some queries can be made quicker. worth giving a shot
@davidbasil2727
@davidbasil2727 5 жыл бұрын
Laravel is slow and bloated. The worst framework according to benchmarks.
@davidkyharchyk9043
@davidkyharchyk9043 5 жыл бұрын
My granny have the same carpet :)
@yahyeabdirashid9716
@yahyeabdirashid9716 5 жыл бұрын
Plz make video about Memcached with php thanks
@hattrickster33
@hattrickster33 5 жыл бұрын
Not surprisingly, Ruby is listed last lol
@nepalitech2270
@nepalitech2270 5 жыл бұрын
i am second :) hit love
Freelance Web Design in 7 Steps
12:14
Stefan Mischook
Рет қаралды 46 М.
Vue.js Tutorial: Beginner to Front-End Developer
4:21:59
Envato Tuts+
Рет қаралды 332 М.
Nurse's Mission: Bringing Joy to Young Lives #shorts
00:17
Fabiosa Stories
Рет қаралды 6 МЛН
Unveiling my winning secret to defeating Maxim!😎| Free Fire Official
00:14
Garena Free Fire Global
Рет қаралды 11 МЛН
SPONGEBOB POWER-UPS IN BRAWL STARS!!!
08:35
Brawl Stars
Рет қаралды 23 МЛН
КТО ЛЮБИТ ГРИБЫ?? #shorts
00:24
Паша Осадчий
Рет қаралды 3,8 МЛН
Block Users on Airtel Pocket WiFi
2:29
Plug Central UG
Рет қаралды 9
Stef's Top 10 Programming Rules - MUST LEARN!!
12:00
Stefan Mischook
Рет қаралды 129 М.
What is the Best Kind of Hosting, for Freelance Web Developers?
10:38
Stefan Mischook
Рет қаралды 15 М.
Freelance Web Designers Forced to use Web Builders!
10:01
Stefan Mischook
Рет қаралды 27 М.
Learn Foundation Programming Concepts in JUST 15:49 minutes!
15:50
Stefan Mischook
Рет қаралды 135 М.
Client Side vs Server Side Programming - Basic Concepts
10:19
Stefan Mischook
Рет қаралды 48 М.
Web Designer: Javascript is NOT FUN!
15:01
Stefan Mischook
Рет қаралды 9 М.
Core Programming Philosophy Explained
10:51
Stefan Mischook
Рет қаралды 122 М.
Astro Quick Start Course | Build an SSR Blog
2:44:04
Traversy Media
Рет қаралды 57 М.
5 Things to Speed up your Web Development
10:19
Stefan Mischook
Рет қаралды 21 М.
Nurse's Mission: Bringing Joy to Young Lives #shorts
00:17
Fabiosa Stories
Рет қаралды 6 МЛН