DEV Community: Homeira K.

Fill Your Flask: A Taste of Python Web Magic!

Homeira K. — Fri, 30 May 2025 11:33:11 +0000

If you're looking to turn your Python code into a web app or a fully functional API, Flask is a great place to start. It's lightweight, easy to use, and highly adaptable — making it a popular choice for developers at all levels.

In this guide, we’ll walk through how to build a simple RESTful API using Flask.

What is Flask?
Flask is a micro web framework written in Python. “Micro” means it doesn’t come bundled with extra tools like a database layer or form validation — giving you full control to structure your app however you want.

Setting Up Your First Flask API
We’ll create a small API for managing a collection of books. No database for now — we’ll use an in-memory list to simulate stored data.

Install Flask Open your terminal and install Flask using pip:

pip install Flask

Create app.py

from flask import Flask, jsonify, request

app = Flask(name)

Sample data

books = [
{"id": 1, "title": "1984", "author": "George Orwell"},
{"id": 2, "title": "Brave New World", "author": "Aldous Huxley"}
]

@app.route("/books", methods=["GET"])
def get_books():
return jsonify(books), 200

@app.route("/books/int:id", methods=["GET"])
def get_book(id):
book = next((b for b in books if b["id"] == id), None)
return (jsonify(book), 200) if book else ({"error": "Book not found"}, 404)

@app.route("/books", methods=["POST"])
def add_book():
data = request.get_json()
new_book = {
"id": books[-1]["id"] + 1 if books else 1,
"title": data["title"],
"author": data["author"]
}
books.append(new_book)
return jsonify(new_book), 201

if name == "main":
app.run(debug=True)

Run the Server

python app.py

Visit http://localhost:5000/books in your browser

You should see the list of books in JSON format!

Why Use Flask?
Simple to get started
Great for building APIs and microservices
Works well with SQLAlchemy, Jinja, and other tools
You only include what you need

What’s Next?
Try extending the API by adding:
DELETE /books/ to remove a book
PUT /books/ to update an existing book
Integration with a SQLite database using SQLAlchemy

Wrap-Up
Flask is a fast and flexible way to get a Python web service running. Whether you’re building a prototype, a full-stack app, or a backend for a mobile project, Flask gives you just what you need — no more, no less.

Have questions or want to see the next step with databases or deployment? Let me know in the comments!

The Object of My Affection. Objects in 5 minutes.

Homeira K. — Fri, 28 Mar 2025 11:23:31 +0000

Objects are one of the most powerful and flexible data structures in JavaScript. If arrays are great for ordered lists, objects are your go-to when working with key-value pairs — where each piece of data has a name (a “key”) and a value. They’re perfect for representing real-world entities like users, books, products, or even video game items.

Let’s imagine you’re building a user profile system. Instead of juggling variables like this:

let name = "Jordan";
let age = 30;
let email = "jordan@example.com";
let isMember = true;

You can wrap all that data into one neat object:
let user = {
name: "Jordan",
age: 30,
email: "jordan@example.com",
isMember: true
};

Much cleaner, right?

So what is an object, really?
An object is a collection of key-value pairs. You define it using curly braces {}. The key is like a label, and the value can be anything — a string, number, boolean, array, another object, or even a function.

Here’s another example:
let book = {
title: "The Alchemist",
author: "Paulo Coelho",
year: 1988,
isAvailable: false
};

Each key in the object (title, author, year, etc.) is paired with its corresponding value.

Accessing and updating object values
To get a value from an object, use dot notation or bracket notation:

console.log(book.title); // "The Alchemist"
console.log(book["year"]); // 1988

To update a value:
book.isAvailable = true;

To add a new key:
book.genre = "Fiction";

And to remove a key:
delete book.year;

Why use objects?

Organized structure: Store related info in a single variable
Readable code: Easier to understand than scattered variables
Dynamic: Add/remove keys on the fly
Real-world modeling: Great for user profiles, inventory systems, and more
Powerful pairing with arrays: Loop over object collections

A mix of objects and arrays
Objects get even more powerful when combined with arrays. For example, a collection of user objects:
let users = [
{ name: "Alice", age: 25 },
{ name: "Bob", age: 32 },
{ name: "Charlie", age: 28 }
];

You can loop through the array and access each user’s info:
users.forEach(user => {
console.log(${user.name} is ${user.age} years old.);
});

Nested objects
Objects can contain other objects:

let library = {
section: "Fiction",
book: {
title: "1984",
author: "George Orwell"
}
};

One more cool trick: methods
An object can also store functions as values — called methods:
let dog = {
name: "Buddy",
speak: function() {
console.log("Woof!");
}
};

dog.speak();

And that’s your five-minute crash course on JavaScript objects!

Objects are everywhere in JavaScript — from API responses to app settings to the window object itself. Master them, and you’re halfway to mastering JavaScript.

Until next time — keep your keys sharp and your values dynamic.
console.log(library.book.author); // "George Orwell"

Resources:
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects
https://www.w3schools.com/js/js_objects.asp

Want a deep dive next time on methods or how to loop through objects? Let me know!

An Array of Possibilities. Arrays in 5 minutes.

Homeira K. — Fri, 14 Feb 2025 06:52:35 +0000

Arrays are one of the most fundamental data structures in JavaScript. They solve the problem of how to store and work with related sets of data efficiently. Whether you are building a dynamic web app, managing user data, or processing large datasets, arrays open up a multitude of possibilities. In this guide, we'll explore the basics of arrays, why they're essential, and how you can start using them in your JavaScript projects. So let's dive right in!

Suppose you are building a 'to-do list' app. Your job is to come up with as many tasks as possible:

let task1 = "Buy groceries";
let task2 = "Clean your room";
let task3 = "Wash the dishes";
let task4 = "Pay the bills";
let task5 = "Sweep the floors";
let task6 = "Finish the Project";
let task7 = "Do the laundry";
let task8 = "Call the doctor";
let task9 = "Vacuum the carpets";
let task10 = "Water the plants";

If you came up with 50 tasks, that would be 50 variables! You would have to manually handle each task, making your code repetitive and prone to errors.

With an array, you can store all tasks in one variable.

So what is an array, exactly?

An array is a single variable that holds a collection of data. An array contains an ordered list of values called elements. These elements can be of any data type; numbers, strings, booleans, objects, and even, yes- other arrays. In JavaScript, an array can even contain a mix of data types.

How do you declare an array?

You declare an array the same way you would any variable: using one of the three keywords used for variable declaration:

let array1 = [elm1, elm2, elm3];
const array2 = [elm4, elm5, elm6];
var array3 = [elm7, elm8, elm9];

What's unique is that you use square brackets to open and close the array. Use commas to separate each element in the array.

Going back to our 'to-do list' app as an example, this is how we would declare the array:

let tasks = [
   "Buy groceries", 
   "Clean your room", 
   "Wash the dishes",
   "Pay the bills",
   "Sweep the floors",
   "Finish the Project",
   "Do the laundry",
   "Call the doctor",
   "Vacuum the carpets",
   "Water the plants"
];

We have used the let keyword to declare an array called 'tasks' and initialized it with 10 elements.

You can also declare an array just like you could declare variables containing single-values (called primitive data types); without assigning it values:

let newArray = [];

Here we've declared an array called 'newArray' using let, but we haven't assigned any elements to it.

We can do this later by writing:

newArray = ["Boygenius", "Paramore", "Arctic Monkeys"];

So why use arrays?

Organized Data: Store multiple items in a single variable.
Dynamic storage: Easily add, remove, or modify items.
Iteration: Loop through elements without manual repetition.
Built-in Methods: Utilize built-in functions (called methods) which JavaScript specifically provides for arrays.

How do you access specific elements in an array?

Every element in an array is assigned a unique numerical index value. The numbering of the elements in an array always starts at zero.

Going back to our 'to-do list' app example:

let tasks = [
   "Buy groceries", 
   "Clean your room", 
   "Wash the dishes",
   "Pay the bills",
   "Sweep the floors",
   "Finish the Project",
   "Do the laundry",
   "Call the doctor",
   "Vacuum the carpets",
   "Water the plants"
];

tasks[0];
=> "Buy groceries"

Once you've declared and initialized an array with values, can you change its values?

The answer is yes. You can reassign the values in an array, even if you used const to declare the array itself.

const multiplesOfTen = [10, 20, 30, 40, 5, 60, 70, 80, 90, 100];

multiplesOfTen[4] = 50;

multiplesOfTen;
=> [10, 20, 30, 40, 50, 60, 70, 80, 90, 100];

Did you remember that the fifth element in the array will have an index value of 4 because the numbering always starts at zero? I knew you were sharp as a semicolon in a sea of commas.😄

How do you place an array inside another array?

We said earlier that an array can contain another array in one or more of its elements (this is called nesting and we would refer to it as a nested array).

let fruits = [['Apple', 'Banana'], ['Orange', 'Mango'], ['Grapes', 'Pineapple']];

Let's rewrite it to make it more clear:

let fruits = [
   ['Apple', 'Banana'], 
   ['Orange', 'Mango'], 
   ['Grapes', 'Pineapple']
];

If you see an array that contains three arrays, you got it right. Arrays can get deeply nested when the array inside the array contains an array, so practicing thoroughly will get you there in your understanding.

And that's my five minute digest on arrays.

Until next time!

Have questions or feedback? Drop a comment below!🚀

Resources:
https://www.w3schools.com/js/js_arrays.asp

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array