Suggest few resources to understand the aem frontend from end to end.

[donquixote_dofl]

How components are being loaded? 
How the clientLib works? Why do styles and js are being minified?

How dependecies are being loaded? 

[SreenivasBr]

Some resources from Adobe docs are below -

How components are being loaded? - https://experienceleague.adobe.com/en/docs/experience-manager-65/content/implementing/developing/com...

How the clientLib works? How dependecies are being loaded? - https://experienceleague.adobe.com/en/docs/experience-manager-65/content/implementing/developing/int...

Why do styles and js are being minified? - There is a configuration called Adobe HTML Library Manager which is responsible for minification. - https://experienceleague.adobe.com/en/docs/experience-manager-65/content/implementing/developing/int...

[PRATHYUSHA_VP]

Hi @donquixote_dofl 

AEM projects can be implemented using both headless and headful models. Please refer below - 

https://experienceleague.adobe.com/en/docs/experience-manager-cloud-service/content/implementing/dev...

For resources related to AEM components it is recommended to go through adobe docs. There is a detailed explanation how clientlibs, components rendered on the page -

https://experienceleague.adobe.com/en/docs/experience-manager-65/content/implementing/developing/com...

https://experienceleague.adobe.com/en/docs/experience-manager-core-components/using/developing/inclu...

https://medium.com/@toimrank/aem-clientlibs-css-and-js-6fda52c4e26f

If you want to develop front end project using AEM archetype using webpack -

https://experienceleague.adobe.com/en/docs/experience-manager-core-components/using/developing/arche...

https://medium.com/@toimrank/aem-ui-frontend-module-complete-guide-265175c540b0

Hope this helps

Thanks