Clean Code Using Container and Presentational Components in Angular

Data is a critical part of any web application, and there are often scenarios where the same data needs to be presented in different UI formats. The container/presentational component pattern in Angular separates components based on their responsibilities, making it easier to reuse the same data or application state across different UI presentations.Definition of Container and Presentational ComponentsContinueContinue reading “Clean Code Using Container and Presentational Components in Angular”

Build an LLM Chat App Using LangGraph, OpenAI and Python—Part 2: Understanding SystemMessage

When building conversational AI with LangChain, the way you send and receive information is through messages. Each message has a specific role, helping you shape the flow, tone and context of the conversation. LangChain supports several message types: HumanMessage – represents the user’s input AIMessage – represents the model’s response SystemMessage – sets the behavior or rules forContinueContinue reading “Build an LLM Chat App Using LangGraph, OpenAI and Python—Part 2: Understanding SystemMessage”

Build an LLM Chat App Using LangGraph, OpenAI and Python—Part 1

Everyone is excited about GenAI, chatbots and agents—and for good reason. This article offers a very beginner-friendly introduction to building with OpenAI and LangChain using Python, helping you take your first steps into the world of AI development. This article covers the following topics: Installation of dependencies Connecting to the OpenAI GPT model Creating yourContinueContinue reading “Build an LLM Chat App Using LangGraph, OpenAI and Python—Part 1”

How to Build Your First LLM Application Using LangChain and TypeScript

In this article, I will walk you through a step-by-step guide to building your first LLM-powered application using LangChain and the OpenAI model. I will be using TypeScript to build the app, and by the end you’ll have a working translator built with the OpenAI GPT-4 model and LangChain’s messaging package. Set Up the Project To start with, createContinueContinue reading “How to Build Your First LLM Application Using LangChain and TypeScript”

Step-by-Step Guide: Using LangExtract with OpenAI

Recently, Google launched a library called LangExtract. LangExtract is an open-source Python library that enables developers to transform unstructured text into structured information using large language models (LLMs). It offers a lightweight interface compatible with multiple model backends, including Gemini and GPT, making it well-suited for processing large unstructured text into structured information. Some key featuresContinueContinue reading “Step-by-Step Guide: Using LangExtract with OpenAI”

Async Programming in Python

Python async programming is not the same as multi-threading. Even though they both achieve concurrency, multi-threading tasks run in parallel on multiple threads, whereas async programming functions run asynchronously using the event loop. Async programming is most useful when your program spends a lot of time waiting for input or output (I/O), like: Web scraping many pages atContinueContinue reading “Async Programming in Python”

How to Use Angular httpResource API in Kendo UI Grid

In this article, we will learn to use the Angular httpResource API with the Progress Kendo UI for Angular Grid component. We will fetch data from the API using the new Angular feature httpResource and then display the data in the Kendo UI for Angular Grid. This article assumes that you have already created an AngularContinueContinue reading “How to Use Angular httpResource API in Kendo UI Grid”

Learning NestJS Part 3: Data Caching

This is the third part of the NestJS learning series. Read Part 1 here – Getting Started Read Part 2 here – Connecting to Database In this part, we will learn about caching. This part of the series will cover the following topics: Enabling caching at the application level Enabling caching at the Route Level In-memory cachingContinueContinue reading “Learning NestJS Part 3: Data Caching”

Learning NestJS Part 2: Connecting to Database

This is the second part of the NestJS learning series. Part 1 covered setting up the Nest project. In this part, we will cover the following topics: Connecting to the SQL Azure database Setting up Connection String Endpoints for CRUD operations Setting Up the Database MySQL Azure has a database called nomadcoder. In this article, weContinueContinue reading “Learning NestJS Part 2: Connecting to Database”

Learning NestJS Part 1: Getting Started

In this section, we’ll begin working with NestJS. This part of the learning series covers the following topics: Installation Creating the First Controller Creating the First Service Adding a GET Endpoint Adding a POST Endpoint For now, we will manage data using a JavaScript array. In future sections, we’ll learn how to connect to aContinueContinue reading “Learning NestJS Part 1: Getting Started”