Drupal 8 Architecture Overview

What is Drupal?
Drupal is the most powerful CMS and open source in the market. It is built on top of PHP. Competitors are Joomla and Wordpress on open source. When it comes to paid resources on the content management systems, a couple of other high traffic CMS available in the market like Sitefinity, Sitecore, and Sharepoint.

There are few other advantages over drupal like vast community, open-source, serving a long period in the market and provided different solutions for respective domains. On community support get benefits out on the following areas on the development.

  • Documentation
  • Translations
  • Testing
  • Development including theming and contribution modules
  • Drupal community assembles the different experts in a common forum on drupal.org

How Drupal 8 different from Drupal 7?

Drupal 7 Drupal 8
It is built on top of core PHP It is built on top of Symfony Framework
Templates are built on PHP template files Templates are built on TWIG template files
There is no text editor is built in the Drupal core. CKEditor is present in Drupal core
The only limited field supports on Drupal core It has more extensible new filed support
Limited language support on Multilingual  It has many language support compare with drupal 7
Views are in drupal core It is in drupal core
There is web service support on Drupal core It has in-built support for web service creations
JS and CSS loading was not optimized respectively to the need Improved web page loading techniques















Drupal 8 Architecture Diagram

There is a huge transformation before Drupal 7 to Drupal 8. Drupal 7 is built on top of Core PHP with PHP Template files. Theming engine has improved in Drupal 8, It uses a new engine called TWIG. Overall Twig is the excellent add-on to Drupal 8, it improves the whole drupal ecosystem.

Symfony plays major roles in Drupal 8. The complete platform is built on top of Symfony framework.

Highlighted Features on Drupal 8

  1. Breakpoint Media Queries for Responsive Web Design
  2. Easy to install with hundreds of language support
  3. Better user experience for content update
  4. Preview for contents
  5. View in core
  6. Export entities as JSON / XML
  7. Inline editor 
  8. Layout Builder support (with Drag and Drop Features)
  9. Configurations are stored in files format (YAML)
  10. Better Template Engine (TWIG)
  11. Robust Framework as a base (Symfony)
  12. Enable by default for CSS and JS Aggregations
  13. HTML5 Supports
  14. Improved Entity caching
  15. Drupal Console is added advantage as CLI Tool.

Comments

Post a Comment

Popular posts from this blog

Azure Cloud service problem "The current service model is out of sync"

Image
Azure has providing lot of could compute technique, one of the most reliable is Azure Cron program called Azure cloud services. Develop, package and deploy powerful applications and services to the cloud with Azure Cloud Services. There are features advantages on azure cloud services        Support for Java, Node.js, PHP, Python, .NET and Ruby       Automatic operating system and application patching       Auto scale to meet demand and save money In Azure cloud service, we usually facing the problem called “The current service model is out of sync”. This issue will occur on few scenarios.     Either ServiceDefinition(.csdef) file content is not match with ServiceConfiguration(.cscfg) files Solution: We should check the service definition file and configuration files, to make sure the xml tags are matches on both files. If some tags are missing on any one of the, we should added them into another file. Your project was not closed properly.
Read more

Creating an Image Watermark

Well, this is my last javascript post for a bit, seeing as this is just an offshoot of my last post Javascript: Dynamically Altering CSS Properties . In this post, we’ll go over creating a simple Javascript watermark for a textbox using an image. If you are curious how to create a watermark with just text, read my other post on how to create a textbox text watermark . A textbox watermark can help encourage its use and reduce confusion for your users. I typically employ a watermark for textboxes that exist outside of a form (they only gather one piece of needed information such as a zip code as opposed to an entire address). So either in an external Javascript file (which is called the same way as an external CSS file), or in the head of your HTML inside a <script> tag, include the following javascript. The Javascript: function hideWatermark(theID) { var element = document.getElementById(theID); element.style.backgroundImage = 'none'; element.style.
Read more

Drupal 8 Media Library with SVG upload

Image
Uploading the media content and maintaining together with reusability was one of the challenges in earlier versions of drupal. Media Library has been included in the Drupal core. It has a better user experience including multiple media types that can be customized based on development requirements. Media Library is a media management tool that enables you to find media that exists in your site and to add new media items. It allows you to search, sort, and create media items with a customizable interface. It can be used to add media items to an entity reference field or embed media into your content via a text editor. To use the media library luxury, Throughout the site we should use the media field. It will help us to collect the media elements as a single point and will be provisioned for us to reuse using the media library. Media type management will be maintaining the list of media types being supported by the media field. We can add the new media type thro
Read more