Ir al contenido principal

Entradas

How to execute a command in running Docker container

Sometimes you need to run a particular command on a running container perhaps to check where some files are located or to see their contents, in this quick tips episode, you will learn how. Above is the vid and below you will find some useful notes. 1.Pre-reqs Have Docker installed 2.Start a Docker container For this video I will be using a Jenkins image as an example, so let’s first download it by using docker pull docker pull jenkins/jenkins:lts Then I will use one of the suggested ways to run the instance and do it in the background. If you don't use pull first this command will work given that it will also try to download the image if it's not found locally. docker run -d -p 8080:8080 -p 50000:50000 jenkins/jenkins:lts You can check what&…
Entradas recientes

Creating a Reactjs Component Using the Styled Components Library

When you want to use a particular HTML element and define its styles using CSS classes in Reactjs and also reuse it elsewhere, it can be helpful to be able to define it as a react component and style it in the same file without recurring to inline styling. You can achieve this by using the styled-components library, in this quick tips episode, you will learn how. Above is the vid and below you will find some useful notes. 1.Pre-reqs Have node.js installed 2.Create the Styled Component Create the app using npx create-react-app npx create-react-app quick-tips-react-styled-components Install the styled-components library npm install --save styled-components Start the app npm start Create the styled component HTML element to use by typing styled.HTML-ELEMENT. In th…

Creating a Reactjs Component that Renders Nested Children Components Inside

If you want to pass some nested HTML elements or components to be rendered in a specific place by a parent component in react.js and create some reusable components that define the surrounding structure like defining a generic dialog or modal component to wrap arbitrary elements in, in this quick tips episode, you will learn how. Above is the vid and below you will find some useful notes. 1.Pre-reqs Have node.js installed 2.Rendering a Nested Component in React.js Create the app using npx create-react-app npx create-react-app quick-tips-react-children Start the app npm start Create the parent component using the children property import React from 'react'; const ParentComponent = (props) => { return ( <div> <p>Parent component</p> …

How to configure the Sling Model for the AEM Angularjs component

In the previous video we saw How to create an AEM SPA component using Angularjs, but we found one problem, whenever we made a change we had to refresh the page to see the changes. In this second part I will show how to configure the sling model to expose the component's properties to fix the issue, above is the vid and below you will find some useful notes. 1.Pre-reqs Have access to an Adobe Experience Manager instance. You will need aem 6.4 Service Pack 2 or newer. Have Maven installed, understand how it works and also understand how to use Adobe's archetype, you can watch my video about Adobe's archetype here: Creating an AEM Application using Adobe's archetype version 23 and avoiding typical issues 2.Exposing the model Go to your IDE or editor and look for the model inside the core module, the model name is …

How to create an AEM component using Angularjs

If you want to create an AEM app using Angular.js components and add them into a page, in this series, you will learn how. Above is the vid and below you will find some useful notes. In the second part we will see How to configure the Sling Model for the AEM Angularjs component. 1.Pre-reqs Have access to an Adobe Experience Manager instance. You will need aem 6.4 Service Pack 2 or newer. Have Maven installed, understand how it works and also understand how to use Adobe's archetype, you can watch my video about Adobe's archetype here: Creating an AEM Application using Adobe's archetype version 23 and avoiding typical issues 2.Creating an AEM application with Angular.js support You will need Adobe's archetype for creating your AEM application with SPA support. The support was added starting from the 23rd ver…

Creating an AEM Application using Adobe's archetype version 23

In this tutorial, I will show how to use Adobe's archetype to create an AEM application using version 23rd and up, above is the vid and below you will find some useful notes. 1.Pre-reqs Have access to an Adobe Experience Manager instance. You will need aem 6.3 Service Pack 3, AEM 6.4 or AEM 6.5 2.Creating an AEM application using archetype version 23 Look for the .m2 folder inside your user for your particular Operating System (C:\Users\YOUR-USERNAME\.m2\settings.xml for Windows or ~/.m2/settings.xml for Linux or Mac) and create or edit the settings.xml file inside that folder. <settings xmlns="https://maven.apache.org/SETTINGS/1.0.0" xmlns:xsi="https://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="https://maven.apache.org/SETTINGS/1.0.0 https://maven.apache.org/xsd/setti…

How to Create Feature Toggles in AEM

In this is a tutorial I'll show how to configure and create Feature toggles in AEM using sling feature flags, above is the vid and below you will find some useful notes. 1.Pre-reqs Have access to an Adobe Experience Manager instance. You will need aem 6.4 Service Pack 2 or newer. Have Maven installed, understand how it works and also understand how to use Adobe's archetype, you can watch my video about maven here: Creating an AEM application using Maven and Adobe's archetype 2.Implementing feature toggles in AEM If needed, create the new aem-feature-toggles application by using adobe’s archetype mvn org.apache.maven.plugins:maven-archetype-plugin:2.4:generate "-DarchetypeGroupId=com.adobe.granite.archetypes" "-DarchetypeArtifactId=aem-project-archetype" "-DarchetypeVersion=19" "-DarchetypeCatalog=https://repo.adobe.com…