Ir al contenido principal

Entradas

Creating a tensorflow.js + react.js simple application in javascript

In this tutorial I will show how to create a really simple Tensorflow.js model and use it for predicting values using React.js, above is the video and below you will find some of the steps followed. 1.Pre-reqs Have node.js installed 2.React.js Reactjs is a javascript framework for building user interfaces which is mostly used for creating Single-Page Applications, I am going to use it to create a simple static but interactive site and then deploy it into github pages. First we need to create a React.js app npx create-react-app <project-name> npx create-react-app simple-reactjs-tensorflow Run the app in development mode so that we can make changes in the code and see the results on the browser npm start Start by creating a simple empty component for the Tensor…
Entradas recientes

How to configure the Sling Model for the AEM React component

In the previous video we saw how to create an AEM component with react.js support 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 maven here: Creating an AEM application using Maven and Adobe's archetype 2.Exposing the model Go to your IDE or editor and look for the model inside the core module, the model name is BasicModel and should be located inside the models packag…

How to create an AEM component using Reactjs

In this tutorial, I will show how to use use Adobe's archetype to create an AEM appplication with React.js support and also how to add a new React.js component so that it can be added into a page, 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 React 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 maven here: Creating an AEM application using Maven and Adobe's archetype 2.Creating an AEM application with React.js support You will need Adobe's archetype for creating your AEM application with SPA support. The support was added starting from the 23rd version of …

Create a custom AEM workflow process step with a dialog

In this tutorial I talk about how to create a custom workflow step process with an additional dialog for configuring it, above is the vid and below you will find some useful notes. 1.Pre-reqs Have access to an Adobe Experience Manager instance. 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.What is an AEM Workflow and workflow model Workflows allow you to automate different tasks inside AEM by defining a sequence of steps to be executed and the actions to be performed at each step. A workflow model represents the definition of a workflow using nodes for the steps or actions to be executed and transitions to define how the steps are organized and what is going to be th…

Integrating Nodejs and Maven using The Maven Frontend Plugin

In this tutorial I show how to integrate nodejs with maven using the Maven Frontend Plugin, above is the vid and below you will find some useful notes. 1.Pre-reqs Have access to an Adobe Experience Manager instance if you want to install the AEM application and test it. The same pom configs shown here can be used for different types of applications 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.Creating the base app Create the app 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…

House price prediction 3/4: What is One Hot Encoding

A series about creating a model using Python and Tensorflow and then importing the model and making predictions using Javascript in a Vue.js application, above is the vid and below you will find some useful notes. Here, in part 3 of this series, I will show what is and how does one hot encoding works. In the first post, called House price prediction 1/4: Using Keras/Tensorflow and python, I talked about how to create a model in python, pre-process a dataset I've already created, train a model, post-process, predict, and finally about creating different files for sharing some information about the data for use on the second part. Then in part 2, called House price prediction 2/4: Using Tensorflow.js, Vue.js and Javascript, I took the model, the data for pre and post processing and after loading everything we were finally able to predict hose prices using Vue.js. And finally in part 4 I will show what a…

Creating an AEM application using Maven and Adobe's archetype

In this tutorial, I show how to use Maven and Adobe's archetype to create an application from scratch and then build it and deploy it into AEM, also, the last part of the video shows how to do the same process using a Maven container using Docker, above is the vid and below you will find some useful notes. 1.Pre-reqs Have Docker installed Have Java installed Java SE Development Kit 8 Downloads (if you are going to use maven without docker) 2.What is Maven Maven is among many things a build automation tool which uses xml files called Project Object Model or POM files to describe different things about a project like what dependencies the project has, how to build and deploy a project and so on. For dependency management, Maven uses two types of artifact repositories which can be categorized as: …