Next Js Project with github and Netlify
1. Create the Next.js project From PowerShell, go to wherever you keep your projects: cd C:\Projects Then create the application: npx create-next-app@latest my-site You'll get prompts similar to: Wo
Full Stack Frontier
Latest articles
🐍 Python Dictionary Cheat Sheet
📘 Python Dictionary Cheat Sheet 🔧 Creating Dictionaries my_dict = {"name": "Alice", "age": 25, "city": "New York"} empty_dict = {} alt_dict = dict(name="Bob", age=30) 🛠 Accessing Values my_dict["name"] # Get value by key my_dict.get("a...
📝 Python List Cheat Sheet
✅ Creating Lists my_list = [1, 2, 3, 4] empty_list = [] mixed_list = [1, "hello", 3.14, True] ➕ Adding Elements my_list.append(5) # Add to end my_list.insert(2, 99) # Insert at index 2 my_list.extend([6, 7]) # Add multiple elements...
Next.js directory layout
Next.js offers flexibility in structuring your project, and the best structure depends on your specific application's needs. Here's an example of a well-organized Next.js directory layout using the app directory (recommended for new projects): Code m...
Prototypes and Prototypal Inheritance in Javascript
JavaScript uses prototypal inheritance to share properties and methods between objects. Here’s a basic example showing how prototypes and prototypal inheritance work. Basic Example of a Prototype // Creating a constructor function function Person(nam...
Higher-Order Functions in Javascript
Higher-order functions (HOFs) are functions that either take other functions as arguments, return functions, or both. Here are a few common examples in JavaScript: 1. Using .map() The .map() function is a higher-order function because it takes a call...
The Event Loop and Call Stack in Javascript
Absolutely! Let’s go through some examples to understand how the event loop and call stack work together in JavaScript. Key Concepts Call Stack: Keeps track of functions in execution. It works in a Last In, First Out (LIFO) manner. Event Loop: Mana...