Web Frameworks - Revision history

Todd at 19:27, 11 November 2026

2026-11-11T19:27:13Z

Todd: /* Back-end Frameworks */

2026-11-11T19:27:04Z

Back-end Frameworks

Todd at 20:39, 6 June 2024

2024-06-06T20:39:56Z

Todd at 15:12, 8 June 2023

2023-06-08T15:12:16Z

Andrew at 06:07, 26 March 2019

2019-03-26T06:07:23Z

Andrew at 06:02, 26 March 2019

2019-03-26T06:02:47Z

Show changes

Jimmy: /* Notable Sites using CakePHP */

2015-09-01T04:50:55Z

Notable Sites using CakePHP

Shane: /* Common Features of Web Frameworks */ Moving Routing to the top (most important conceptual difference)

2013-09-05T07:39:18Z

Common Features of Web Frameworks: Moving Routing to the top (most important conceptual difference)

Shane: /* Web Frameworks vs. Content Management Systems */

2013-09-05T07:33:40Z

Web Frameworks vs. Content Management Systems

Shane: Adding CMS section

2013-09-05T07:29:12Z

Adding CMS section

← Older revision		Revision as of 19:27, 11 November 2026
Line 1:		Line 1:
−	''The following recommendations were last updated Fall ~~2024~~''	+	''The following recommendations were last updated Fall 2026''

	So far in this class, you have been using PHP, HTML, and JS to run your website. You may have found that PHP can become burdensome for larger applications and difficult to use in collaboration.		So far in this class, you have been using PHP, HTML, and JS to run your website. You may have found that PHP can become burdensome for larger applications and difficult to use in collaboration.

← Older revision		Revision as of 19:27, 11 November 2026
Line 90:		Line 90:

	Same gist as Flask, just an alternative.		Same gist as Flask, just an alternative.
		+
		+	=====FastAPI (Python)=====
		+	Get started [https://fastapi.tiangolo.com/ Here]
		+
		+	FastAPI is a modern Python micro framework built for writing APIs. It uses standard Python type hints to validate requests and automatically generates interactive documentation for your endpoints at /docs. Like Flask, it won’t handle your front-end for you, so pair it with any of the recommended front-end frameworks or regular HTML/JS.

	=== Other and Database Info ===		=== Other and Database Info ===

@@ Line 1: / Line 1: @@
-''The following recommendations were last updated Fall 2023''
+''The following recommendations were last updated Fall 2024''
-So far in this class, you have been using PHP, HTML, and now JS to run your web site.  You may have found that PHP can become burdensome for larger applications and difficult to use in collaboration.
+So far in this class, you have been using PHP, HTML, and JS to run your website.  You may have found that PHP can become burdensome for larger applications and difficult to use in collaboration.
 Web Frameworks are an alternative method for writing web applications.  Frameworks exist to make writing code more maintainable, and scalable, as well as to introduce base functionality for the application you make.
@@ Line 11: / Line 11: @@
 === Routing ===
-A '''key difference''' between PHP and web frameworks is in how routing occurs.
+A '''key difference''' between PHP and web frameworks is how routing occurs.
 In PHP, if you went to an address like http://www.example.com/welcome.php then Apache would run the script located at, for example, ''/var/www/html/welcome.php''.
@@ Line 19: / Line 19: @@
 === Less Code ===
-Frameworks are designed to separate your application logic from your HTML and CSS.  In fact, most web frameworks automatically generate all of the HTML and CSS that you need.  So, you could write a fully functional (albeit bland-looking) web site in a Web Framework without writing a single line of HTML or CSS!
+Frameworks are designed to separate your application logic from your HTML and CSS.  In fact, most web frameworks automatically generate all of the HTML and CSS that you need.  So, you could write a fully functional (albeit bland-looking) website in a Web Framework without writing a single line of HTML or CSS!
 === MVC Architecture ===
@@ Line 117: / Line 117: @@
 </source>
-Depending on what frameworks you're using, it's easy to just place your full front-end framework in the client folder, all of your back-end files in the server folder, and all of your database and other configurations in the config folder. Your entrypoint is just a file containing the command(s) to start everything. Whether this is a package.json file, or a python file that starts your django server, it's nice to keep it in the root of your project.
+Depending on what frameworks you're using, it's easy to just place your full front-end framework in the client folder, all of your back-end files in the server folder, and all of your database and other configurations in the config folder. Your entry point is just a file containing the command(s) to start everything. Whether this is a package.json file, or a python file that starts your Django server, it's nice to keep it in the root of your project.
 Have fun!
 [[Category:Module 5]]

@@ Line 1: / Line 1: @@
-''The following recommendations were last updated Fall 2019''
+''The following recommendations were last updated Fall 2023''
 So far in this class, you have been using PHP, HTML, and now JS to run your web site.  You may have found that PHP can become burdensome for larger applications and difficult to use in collaboration.
-Web Frameworks are an alternative method for writing web applications.  Frameworks exist to make writing code more maintainable, scalable, as well as to introduce base functionality for the application you make.
+Web Frameworks are an alternative method for writing web applications.  Frameworks exist to make writing code more maintainable, and scalable, as well as to introduce base functionality for the application you make.
 There are ''hundreds'' of frameworks available.  We've categorized and listed some of the more popular below to help you decide what's right for your application.
@@ Line 19: / Line 19: @@
 === Less Code ===
-Frameworks are designed to separate your application logic from your HTML and CSS.  In fact, most web frameworks automatically generate all of the HTML and CSS that you need.  So, you could write a fully functional (albeit bland-looking) web site in a Web Framework without writing a singly line of HTML or CSS!
+Frameworks are designed to separate your application logic from your HTML and CSS.  In fact, most web frameworks automatically generate all of the HTML and CSS that you need.  So, you could write a fully functional (albeit bland-looking) web site in a Web Framework without writing a single line of HTML or CSS!
 === MVC Architecture ===
@@ Line 47: / Line 47: @@
 === Front-end Frameworks ===
 =====React=====
-Get started [https://reactjs.org/docs/getting-started.html Here]
+Get started [https://react.dev/ Here]
-We recommend cloning as a starting point [https://github.com/facebook/create-react-app/ Create React App]
+React is the most popular front-end framework. React uses JS to create HTML (JSX), as opposed to updating HTML with JS. This makes manipulating the DOM more efficient and smoother.
 =====Vue=====
 Get started [https://vuejs.org/v2/guide/ Here]
-Really good happy medium between React and Angular. Not fully contained, but separates/organizes your code very nicely. Don't have to use JSX or Angular specific methods. Code structure is better organized than React, but not as opinionated as in Angular.
+A really good happy medium between React and Angular. Not fully contained, but separates/organizes your code very nicely. Don't have to use JSX or Angular-specific methods. The code structure is better organized than React, but not as opinionated as in Angular.
 Vue is partnered with PHP Laravel so a lot of the integrations are very code-friendly.
@@ Line 63: / Line 61: @@
 Get started [https://angular.io/guide/quickstart Here]
-Not to be confused with Angular.js (the old version), Angular is the Google developed front-end framework that competes with React and Vue. Angular has it's own more opinionated code practices, making it easy for developers to understand but a higher initial learning curve.
+Not to be confused with Angular.js (the old version), Angular is the Google-developed front-end framework that competes with React and Vue. Angular has its own more opinionated code practices, making it easy for developers to understand but with a higher initial learning curve.
 === Back-end Frameworks ===
@@ Line 74: / Line 72: @@
 Get started [https://laravel.com/docs/5.8 Here]
-Laravel is certainly the most popular PHP back-end option. If you aren't sure you want to venture over to a Node, Python, or other back-end, I urge you to try Laravel instead of vanilla PHP. Super clean, super simple, genuinely makes writing PHP enjoyable. As mentioned above, it's coupled extremely well with Vue.js, I would recommend searching for tutorials of the two together if that's the approach you'd like to take.
+Laravel is certainly the most popular PHP back-end option. If you aren't sure you want to venture over to a Node, Python, or another back-end, I urge you to try Laravel instead of vanilla PHP. Super clean, super simple, and genuinely makes writing PHP enjoyable. As mentioned above, it's coupled extremely well with Vue.js, I would recommend searching for tutorials of the two together if that's the approach you'd like to take.
 =====Django (Python)=====

← Older revision		Revision as of 06:07, 26 March 2019
Line 1:		Line 1:
		+	''The following recommendations were last updated Fall 2019''
		+
	So far in this class, you have been using PHP, HTML, and now JS to run your web site. You may have found that PHP can become burdensome for larger applications and difficult to use in collaboration.		So far in this class, you have been using PHP, HTML, and now JS to run your web site. You may have found that PHP can become burdensome for larger applications and difficult to use in collaboration.

@@ Line 150: / Line 150: @@
 ==== Notable Sites using CakePHP ====
 * [http://www.store-locator.com/ Store-Locator.com]
 * [http://www.cdrecyclingcenter.com/ CD Recycling Center of America]

@@ Line 14: / Line 14: @@
 == Common Features of Web Frameworks ==
 === Less Code ===
@@ Line 52: / Line 83: @@
 # The controller passes the information from the models to a view.
 # The final view is sent to the user.
 == Some Popular Web Frameworks ==

← Older revision		Revision as of 07:29, 5 September 2013
Line 4:		Line 4:

	There are ''hundreds'' of Web Frameworks out there. We have chosen three of the more popular frameworks to write about in this article. If you want to use a different framework, there is a section at the end telling you what to look out for.		There are ''hundreds'' of Web Frameworks out there. We have chosen three of the more popular frameworks to write about in this article. If you want to use a different framework, there is a section at the end telling you what to look out for.
		+
		+	== Web Frameworks vs. Content Management Systems ==
		+
		+	When talking about Web applications, you may hear the terms ''WordPress'', ''Drupal'', or ''Joomla''. These are '''content management systems''', or CMSs. A CMS is a pre-built "canned" web application that works with minimal configuration. Most CMSs have user accounts, blogging, shopping carts, and other common idioms right out of the box. The big weakness of a CMS is that it lacks fine tuning and customization. CMSs are most appropriate for individuals who do not know how to program a web site.
		+
		+	Web frameworks give you all the power you need to customize your web application. Most major web sites are built using web frameworks; very few use a vanilla CMS. You're a future computer scientist or engineer at an elite institution, and after this course you will have the background you need to build applications using a web framework instead of a CMS.
		+
		+

	== Common Features of Web Frameworks ==		== Common Features of Web Frameworks ==