Aditya Loshali adityaloshali

Learning AI Agents with Hugging Face:
Notes from a front-end web developer

I am a front-end developer who has been working with HTML/CSS/Javascript (and some PHP) for many years, building production-ready web apps using various frameworks and libraries.

I recently learned Python to start playing with the APIs of LLMs like Google's Gemini and OpenAI's GPT-4o. I have also built a few multi-agent systems using CrewAI, deploying them with a simple API wrapper made with Flask.

This space is a place where I'm taking notes for the Agents Course by Hugging Face. 🤗

The course content is great, and the Python syntax isn't a problem – but the Hugging Face platform is super confusing for a developer like me who is used to Github, Codepen,

Depth in Event Loop

For those JavaScript programmers, event loop is an important concept, inevitably.

Literally, event loop is what JavaScritp uses to implement non-blocking execution. Understanding how the event loops works internally would benefit you a lot when programming in JavaScript.

There are two major environments JavaScript runs in: browser and Node.js.

Browser

Docker - How to cleanup (unused) resources

Once in a while, you may need to cleanup resources (containers, volumes, images, networks) ...

delete volumes

// see: https://github.com/chadoe/docker-cleanup-volumes

$ docker volume rm $(docker volume ls -qf dangling=true)

$ docker volume ls -qf dangling=true | xargs -r docker volume rm

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

DOM selectors

var elements = query`.${className}`;

Localization

var message = l10n`Hello ${name}; you are visitor number ${visitor}:n!

	import {
	ActionContext,
	ActionTree,
	GetterTree,
	MutationTree,
	Module,
	Store as VuexStore,
	CommitOptions,
	DispatchOptions,
	} from 'vuex'

	const Rx = require('rx');
	const csv = require('csv-parse');
	const fs = require('fs');

	Rx.Node.fromReadableStream(fs.createReadStream('file.csv').pipe(csv()))
	.skip(1)
	.withLatestFrom(rows.take(1), (row, header) => {
	// Map header[i] => row[i]
	return row.reduce((rowObj, cell, i) => {
	rowObj[header[i]] = cell;

	source.sh