Joomla! VS Bootstrap

Joomla! is one of popular PHP content management systems (aka CMS). It is good for portal-like websites as well as blogging platforms. The first version was released in 2005 and, after long progress, the latest major one was done two years ago (on 2021-08-17).

CMSs have long been the backbone of digital content creation and delivery. Traditional CMS platforms, including open-source solutions like WordPress, Joomla, and Drupal, have been popular due to their ease of use and integration of content creation and presentation.

This post will be discussing a cutting-edge concept known as a Headless Visual CMS, or Headless Visual Content Management System. This is not your ordinary CMS; we are not referring to platforms like WordPress, Joomla, Drupal, Sanity.io, Contentful, or anything like that. Instead, we're talking about a fusion of the best headless CMS features and the simplicity of site builders like Wix or Squarespace.

Website: https://www.joomla.org/

To help illustrate my point, here's a short rendition of my personal career trajectory. I started out studying Marine Biology. Then taught ESL. Then worked in non-profits in Mexico and Central America. Then became really interested in building online businesses to related to the travel industry. So while living in a small jungle community in Honduras, I decided to teach myself how to make websites. I chose PHP as my first programming language to learn (with CSS and HTML) using the Joomla framework. Living in a small town, which just received dialup internet and lacked running water, I wasn't exactly in tech-hub. But I dedicated the hours and spent many long days (and nights) wrestling with the concepts of a CMS, learning CSS (for IE6 no less) and figuring out how to make a really ugly website. Then an amazing thing happened. Word got out in the town I was living in that I knew how to make websites, and suddenly owner of the internet cafe I had been living at for the past 4 weeks asked me to make them a website. So I did! Then they referred me to others in the town who needed websites and soon I had a side hustle that was allowing me to learn and earn at the same time.

1. Joomla

Content/learning management systems, such as Wordpress, Drupal, Joomla, Magento and Moodle are fullstack web applications that you can configure and customize for course websites, blogs and e-commerce. Many if not all of these options are popular and open source.

You are complaining that the oldest PR (https://github.com/joomla/joomla-cms/pull/21775) is 4 years old but you didn't talk about the very important truth you already know: it was a code dump, the contributor showed zero interest in making any improvements from the time they made the PR. Nobody can merge it if it's not worked on and as you can see the leadership DID ask the contributor in January if he's interested in addressing the problems. Zero feedback since.

Tailwind is great, but creating everything from scratch is annoying. A nice base of components which can be extended with tailwind would be great. There are a few tailwind frameworks like Flowbite, Daisy Ui, but I like Bulma, PicoCSS and Bootstrap.

In the JavaScript world, tread cautiously on this passionate topic. https://github.com/twbs/bootstrap/issues/3057

To effectively demonstrate Secutio's capabilities for rapid web development, we've chosen the popular Bootstrap framework as a foundation. Bootstrap provides a robust and user-friendly interface, making it an ideal choice for building the project's base.

With all this preamble out of the way, we can finally focus on the app. To make it easier to build a not-awful-looking website, I installed the dash-bootstrap-components which give us access to a variety of components from the bootstrap frontend framework. This will make styling and building the app easier.

For CSS, Bootstrap is the go-to framework for many developers. But there are other popular ones too, like Angular, React, and Vue. You don't have to learn every single framework out there—just pick the ones that are most relevant to your projects and match current industry trends and your learning preferences.

For those unfamiliar with Tailwind CSS, it is a utility-first framework with pre-defined classes for you to create custom designs. Before its creation, developers who wrote CSS were limited to two options: either writing custom CSS or using a toolkit like Bootstrap. However, both approaches came with drawbacks. Writing custom CSS was a lot of work, and using Bootstrap limited you in styling unless you added custom CSS on top.

bootstrap - toolkit for styling websites. Has lots of themes and capabilities. docs

To make the demo more interesting, we will use the Bootstrap framework and Flask as the backend.

Visit Bootstrap's official website https://getbootstrap.com/

This is the initial code of the index.html file. This code contains the basic structure of the web page. I am using Bootstrap.