Tuesday, 15 October 2019

Developing a Spring MVC 4/5 project by using Maven and IntelliJ IDE

You can create a Spring MVC project by using Maven and IntelliJ IDE. In this development article, Spring version 4/5 and IntelliJ 2019 are used. This development article guides you through how to create a Spring MVC project, including how to configure the Spring DispatcherServlet. This servlet dispatches client requests to handlers. The default handler is a controller interface that lets you work with a ModelMap instance

The following illustration shows the web page that is created in this article.


The following illustration shows the files that you create in the IntelliJ project. 


In the previous illustration, notice the required files you need for a Spring MVC project, including the Java Controller class (named HelloController), the web.xml file and the JSP (named hello.jsp) that renders the view. 

To read this development article for Spring MVC 4, click this link https://drive.google.com/open?id=1-oQ5aXrSLjiZdIf0KXO5yD0EARKspzu4.

To read this development article for Spring MVC 5, click this link, https://drive.google.com/open?id=1kmc6RvwNicmr7PDD3BZDFcGp1zcdXQJy.

Saturday, 20 July 2019

How to compile LESS using Node JS

You can use Node JS to compile LESS files into CSS files. The first thing to do is to install Node JS on your computer, For information, see:

https://blog.teamtreehouse.com/install-node-js-npm-windows

Once you have Node JS installed on your machine, test the installation:

npm -version

If this command is successful, you will see the installed version.



In your working folder, place a LESS file named simple.less. For example, you can use this LESS code:

@primarycolor: #FF7F50;  
@color:#800080;  
h2{  
color: @primarycolor;  
}  
h3{  
color: @color;  
}  

Next, create an HTML file named index.html:

<head>      
 <link rel="stylesheet" href="simple.css" type="text/css" />  
</head>  
<body>  
 <h2>A simple example of Less</h2>  
 <h3>Hello World</h3>  
</body>  
</html>  

In this working folder, you have a simple.less and index.html. In the HTML file, notice the reference to simple.css. This file is produced by compiling the LESS file into a CSS file. To compile the LESS file into a CSS file, use this command:

lessc simple.less simple.css

In your working folder, you will now have simple.css.

h2 {
  color: #FF7F50;
}
h3 {
  color: #800080;

}

Open the HTML in a browser, and you will see the rendered HTML with the CSS.



You have now learned how to compile a LESS file into a CSS file by using Node JS. 


I (Scott Macdonald) am a Senior .NET Developer Writer at Sitecore with 20 years in the high tech industry. I am also a programmer with knowledge in .NET, Java, JavaScript, C#,C++, HTML, XML and ActionScript. 



Linked In: http://www.linkedin.com/in/scottmacdonald2010

Saturday, 13 April 2019

Last AEM Post in Scotts Digital Community

I have been running this blog for 8 years. The entry on March 2019 will be the last AEM entry on this blog. All content is located within the Adobe HELPX system. It's been great posting these how-to articles on using mainly AEM.

You can now find me at Sitecore, where I have been working as a Senior .NET Developer Writer. I am building the same type of end to end documentation similar to these HELPX articles, but for .NET and Sitecore Platform.  Like always, feel free to contact me via Linked In - linkedin.com/in/scottmacdonald2010

Thank you!

PS - Future blogs will be general blogs around general developer content, such as using Razor for .NET development, using .NET, LESS, progressive JS framework topics, etc. There will not be any more AEM blog content.

Tuesday, 19 March 2019

Building Experience Manager 6.5 Components using Granite/Coral Resource Types

When creating components for Adobe Experience Manager (AEM) 6.5, you use Granite/Coral resource types. These resource types are used in the component’s dialog. That is, the UI that makes up the dialog fields and lets an author enter information used by the AEM component.

Many AEM Developers are familiar with Classic UI xtypes based widgets such as text fields, path fields, drop-down fields, and so on. However, when it comes to working with the Touch UI, xtypes are not used. Instead, resource types are used to build Touch UI component dialogs. This article helps you become familiar with working with Granite/Coral resource types that can be applied in your day to day component development work.

This article teaches you how to build Experience Manager 6.5 components by using Granite/Coral data types such as:



  • granite/ui/components/coral/foundation/form/textfield
  • granite/ui/components/coral/foundation/form/textarea
  • granite/ui/components/coral/foundation/form/checkbox
  • granite/ui/components/coral/foundation/form/select
  • granite/ui/components/coral/foundation/form/radiogroup
  • granite/ui/components/coral/foundation/form/multifield
The following illustration shows an AEM Component that uses these resource types. 





Join the Experience League

To become an Experience Business, you need more than just great tools and online help. You need a partner. Experience League is a new enablement program with guided learning to help you get the most out of Adobe Experience Cloud. With training materials, one-to-one expert support, and a thriving community of fellow professionals, Experience League is a comprehensive program designed to help you become your best.

Join the Adobe Experience League by clicking this banner.





I (Scott Macdonald) am a Senior Experience League Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more AEM or other end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked In: http://www.linkedin.com/in/scottmacdonald2010

YouTube: Subscribe to the AEM Community Cha


Wednesday, 6 March 2019

Getting Started with Adobe Experience Manager 6.5 Sites Development

This Adobe Experience Manager article walks you through the entire process of creating an Experience Manager site from scratch using the latest features, concepts, and best practices.
After you read this session, you can set up your own, editable templates, create components using HTML Template Language (HTL) with a style system, leverage core components, implement Sling Model Exporter and a lot more.

You will learn:




  • Create an AEM Project
  • Use of Editable Templates
  • HTL and dialog boxes in components
  • Benefits of AEM Core components
  • Determine advantage and use Style System


https://expleague.azureedge.net/labs/L767/index.html

Tuesday, 5 March 2019

[Webinar | March] Ask the AEM Community Expert: Learn how to debug AEM projects using JUNIT and MOCK



Title: Unit Testing with AEM Mocks


Description: Writing Java unit tests for your AEM applications may be painful and time-consuming. wcm.io AEM Mocks makes writing tests easy and effective using JUnit 4 or JUnit 5. In this session, you will get you a basic overview of the AEM Mock features, together with a set of coding examples to give you a quick start. We will also address some common problems and solutions. AEM Mocks is available as Open Source since 2014, and is based on Apache Sling Mocks.


Speaker: Stefan Seifert

Company: pro!vision GmbH, Germany - https://www.pro-vision.de/en.html

PlayBack




Join the Experience League

To become an Experience Business, you need more than just great tools and online help. You need a partner. Experience League is a new enablement program with guided learning to help you get the most out of Adobe Experience Cloud. With training materials, one-to-one expert support, and a thriving community of fellow professionals, Experience League is a comprehensive program designed to help you become your best.

Join the Adobe Experience League by clicking this banner.




I (Scott Macdonald) am a Senior Experience League Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more AEM or other end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked In: http://www.linkedin.com/in/scottmacdonald2010

YouTube: Subscribe to the AEM Community Channel. 


Monday, 18 February 2019

Creating an Experience Manager 6.4 YouTube Component

Displaying video content within a web site is a typical requirement for Experience Manager 6.4 authors. Furthermore, the video may not be located within the AEM DAM, but rather a YouTube video. To address this requirement, you can create a custom component that can display a YouTube video.

In addition, you can develop the component to retrieve information about the video and display the information within the component, as shown in the following illustration. The component developed in this article is built using HTL, which helps you to separate your design from your application logic. For more information, see Introduction to the HTML Template Language.







Join the Experience League

To become an Experience Business, you need more than just great tools and online help. You need a partner. Experience League is a new enablement program with guided learning to help you get the most out of Adobe Experience Cloud. With training materials, one-to-one expert support, and a thriving community of fellow professionals, Experience League is a comprehensive program designed to help you become your best.

Join the Adobe Experience League by clicking this banner.




I (Scott Macdonald) am a Senior Experience League Community Manager at Adobe Systems with 20 years in the high tech industry. I am also a programmer with knowledge in Java, JavaScript, C#,C++, HTML, XML and ActionScript. If  you would like to see more AEM or other end to end articles like this, then leave a comment and let me know what content you would like to see.

Linked In: http://www.linkedin.com/in/scottmacdonald2010

YouTube: Subscribe to the AEM Community Channel. 

Featured post

Adobe Experience Manager FAQs and other Tips