Dr. Mark Humphrys
School of Computing. Dublin City University.
Home
Blog
Research
Publications
Contact
Online coding site:
Ancient Brain
Search:
Teaching
Project ideas
CA170
CA318
CA686
Free open-source AI exercises
Web frameworks
For designing complex sites, web applications. Aimed at developers who will still access the code.
Web frameworks
Comparison of web frameworks
AngularJS
(origin in Google)
AngularJS Tutorial
at w3schools.com
Angular
React
(origin in Facebook)
ReactJS Tutorial
at tutorialspoint.com
CSS frameworks
Mainly focused on HTML and CSS, rather than client-side code or server-side code. Though some have JS.
CSS frameworks
Bootstrap
(origin in Twitter)
Bootstrap
Bootstrap
getbootstrap.com
bootstrapcdn.com
has links to CSS and JS
If use JS features of Bootstrap, need to include
jQuery
Bootstrap 3 Tutorial
at w3schools.com
Bootstrap 4 Tutorial
at w3schools.com
Bootstrap test page
demonstrates:
jumbotron
Containers
Bootstrap Grid System
(and
here
). Must add up to 12 units.
Three Equal Columns, each 4 units: Three times
col-sm-4
Columns are stacked if they do not fit.
Large amount of nicely styled CSS classes. Lot of work done for you. Except you do have to learn the new CSS classes.
Lot of new JS to integrate with new CSS.
A big advantage of using these frameworks is they take care of browser-dependent issues behind the scenes.
W3Schools' Bootstrap Templates