Forem: Roberto Celano

Creare una PWA con Laravel e Bootstrap | Building a PWA with Laravel and Bootstrap

Roberto Celano — Sat, 18 Oct 2025 22:07:26 +0000

Introduzione | Introduction

Italiano: Questo articolo è disponibile sia in italiano che in inglese. Scrolla verso il basso per la versione in inglese.

English: This article is available in both Italian and English. Scroll down for the English version.

🇮🇹 Come ho trasformato un sito Laravel in una PWA moderna

Negli ultimi anni le Progressive Web App (PWA) sono diventate uno standard per offrire un’esperienza simile a quella delle app native, direttamente dal browser. Nel mio caso, volevo che il mio portfolio personale – sviluppato in Laravel + Bootstrap – potesse essere installato su dispositivi mobile e desktop, mantenendo la leggerezza di un sito classico.

1. Creare il Manifest

Il primo passo è aggiungere il file manifest.json nella directory public/.
Contiene le informazioni che definiscono il comportamento della tua app una volta installata.

{
  "name": "Roberto Celano | Web Developer",
  "short_name": "RC Dev",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#0d1117",
  "theme_color": "#00bcd4",
  "icons": [
    {
      "src": "/assets/icons/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/assets/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

Ricorda di linkarlo nel tuo layout principale (resources/views/layouts/app.blade.php):

<link rel="manifest" href="{{ asset('manifest.json') }}">

2. Registrare il Service Worker

Nel file public/service-worker.js:

self.addEventListener("install", () => {
  console.log("Service Worker installato");
});

self.addEventListener("fetch", (event) => {
  event.respondWith(fetch(event.request));
});

E nella tua view Blade, aggiungi:

<script>
if ("serviceWorker" in navigator) {
  navigator.serviceWorker.register("/service-worker.js")
    .then(() => console.log("Service Worker registrato"))
    .catch(err => console.error("Errore:", err));
}
</script>

3. Aggiungere il prompt d’installazione

Con questo snippet puoi mostrare il messaggio “Installa App”:

let deferredPrompt;
window.addEventListener("beforeinstallprompt", (e) => {
  e.preventDefault();
  deferredPrompt = e;
  document.getElementById("installButton").style.display = "block";
});

Quando l’utente clicca il bottone:

installButton.addEventListener("click", async () => {
  deferredPrompt.prompt();
  const { outcome } = await deferredPrompt.userChoice;
  console.log("Scelta utente:", outcome);
});

4. Test con Lighthouse

Apri Chrome → DevTools → Lighthouse → Progressive Web App.
Ti mostrerà se la tua PWA è installabile e conforme agli standard.

5. Risultato finale

Ora il mio sito robertocelano.dev può essere installato come app su smartphone, tablet e desktop.
L’esperienza è fluida, il caricamento è rapido e l’interfaccia mantiene il design Bootstrap originale.

🇬🇧 How I turned a Laravel site into a modern PWA

In recent years, Progressive Web Apps (PWA) have become the standard for bringing native-like experiences to the browser. In my case, I wanted my personal portfolio — built with Laravel + Bootstrap — to be installable on mobile and desktop, while keeping the simplicity of a classic website.

1. Create the Manifest

Add a manifest.json file in your public/ directory:

{
  "name": "Roberto Celano | Web Developer",
  "short_name": "RC Dev",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#0d1117",
  "theme_color": "#00bcd4",
  "icons": [
    {
      "src": "/assets/icons/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/assets/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

Then link it in your main Blade layout (resources/views/layouts/app.blade.php):

<link rel="manifest" href="{{ asset('manifest.json') }}">

2. Register the Service Worker

In public/service-worker.js:

self.addEventListener("install", () => {
  console.log("Service Worker installed");
});

self.addEventListener("fetch", (event) => {
  event.respondWith(fetch(event.request));
});

And in your Blade view:

<script>
if ("serviceWorker" in navigator) {
  navigator.serviceWorker.register("/service-worker.js")
    .then(() => console.log("Service Worker registered"))
    .catch(err => console.error("Error:", err));
}
</script>

3. Add the installation prompt

With this snippet you can show the “Install App” message:

let deferredPrompt;
window.addEventListener("beforeinstallprompt", (e) => {
  e.preventDefault();
  deferredPrompt = e;
  document.getElementById("installButton").style.display = "block";
});

When the user clicks the button:

installButton.addEventListener("click", async () => {
  deferredPrompt.prompt();
  const { outcome } = await deferredPrompt.userChoice;
  console.log("User choice:", outcome);
});

4. Test with Lighthouse

Open Chrome → DevTools → Lighthouse → Progressive Web App.
It will show whether your PWA meets installability standards.

5. Final result

Now robertocelano.dev can be installed like an app on smartphones, tablets, and desktops — fast, responsive, and consistent with its Bootstrap design.

Traduzione

Questo articolo è stato tradotto con l'ausilio di strumenti di traduzione professionali.
This article was translated with the help of professional translation tools.

🌊 CodeTideHQ — La nuova community per developer su X | 🌊 CodeTideHQ — The new community for developers on X

Roberto Celano — Fri, 10 Oct 2025 00:09:00 +0000

Introduzione | Introduction

🇮🇹 Versione Italiana

🌊 Cos’è CodeTideHQ

Ho creato CodeTideHQ, una nuova community su X dedicata a chi vive lo sviluppo come un percorso di crescita continua.
È uno spazio globale dove sviluppatori e appassionati di tecnologia possono condividere codice, strumenti, risorse e riflessioni.

Il motto è semplice e diretto:

Learn. Build. Evolve.

L’obiettivo è creare un punto di incontro per chi vuole imparare, migliorare e crescere insieme attraverso la condivisione.

💡 Cosa troverai nella community

Discussioni su sviluppo web, Laravel, React, JavaScript e strumenti moderni.

Spazio per condividere progetti, esperimenti e risorse utili.

Un ambiente positivo, aperto e globale.

🚀 Unisciti

Se vuoi far parte della community, puoi unirti da qui:
👉 https://twitter.com/i/communities/1976393201641734619

📍Hashtag ufficiale: #CodeTideHQ

🇬🇧 English Version

🌊 What is CodeTideHQ

I created CodeTideHQ, a new community on X for developers who see coding as a journey of continuous growth.
It’s a global space where developers and tech enthusiasts can share code, tools, resources, and ideas.

Our motto:

Learn. Build. Evolve.

The goal is to build a collaborative place for learning, sharing, and growing together.

💡 What you’ll find

Discussions about web development, Laravel, React, JavaScript, and modern tools.

A place to share your projects, experiments, and useful resources.

A positive, open, and global environment.

🚀 Join

Join the community here:
👉 https://twitter.com/i/communities/1976393201641734619

📍Official hashtag: #CodeTideHQ

Traduzione:
Questo articolo è stato tradotto con l’ausilio di strumenti di traduzione professionali.
This article was translated with the help of professional translation tools.

🎨 Laravel & Blade: crea viste eleganti e riutilizzabili | 🎨 Laravel & Blade: Create Elegant and Reusable Views

Roberto Celano — Sun, 31 Aug 2025 21:29:16 +0000

Introduzione | Introduction

Italiano: Questo articolo è disponibile sia in italiano che in inglese. Scrolla verso il basso per la versione in inglese.

English: This article is available in both Italian and English. Scroll down for the English version.

🇮🇹 Versione Italiana

Perché Blade?

Laravel include Blade, un motore di template leggero e potente che semplifica la scrittura delle viste.

Rispetto all’HTML puro, Blade ti permette di:

Riutilizzare codice con layout e componenti.
Evitare duplicazioni grazie a @extends, @section, @yield.
Mantenere il codice più ordinato e leggibile.

Creare un layout base

Un esempio di layout.blade.php:

<!-- resources/views/layouts/app.blade.php -->
<!DOCTYPE html>
<html lang="it">
<head>
    <meta charset="UTF-8">
    <title>@yield('title', 'Il mio sito Laravel')</title>
</head>
<body>
    <x-navbar />

    <main>
        @yield('content')
    </main>

    <x-footer />
</body>
</html>

Estendere un layout

Per creare una pagina che estende il layout:

<!-- resources/views/home.blade.php -->
@extends('layouts.app')

@section('title', 'Homepage')

@section('content')
    <h1>Benvenuto nel mio sito!</h1>
    <p>Questa è la homepage creata con Blade.</p>
@endsection

Sezioni dinamiche

Con @section puoi definire aree diverse della pagina, ad esempio meta tag SEO o script specifici.

@section ('meta_description', 'Benvenuto nel sito di esempio con Blade')

Componenti Blade

Un componente ti permette di creare blocchi riutilizzabili.
Esempio: x-navbar.

<!-- resources/views/components/navbar.blade.php -->
<nav>
    <a href="{{ route('home') }}">Home</a>
    <a href="{{ route('about') }}">Chi Siamo</a>
    <a href="{{ route('contact') }}">Contatti</a>
</nav>

E lo richiami semplicemente con:

<x-navbar />

Include vs Componenti

@include→ utile per piccoli frammenti statici.

Componenti → ideali per elementi dinamici e riutilizzabili (es. navbar, card, footer).

Best Practices

✅ Mantieni i layout semplici.
✅ Dai nomi chiari ai file (layouts/app.blade.php, components/navbar.blade.php).
✅ Sfrutta le variabili nei componenti (<x-alert type="success" />).
✅ Evita duplicazioni: DRY (Don’t Repeat Yourself).

📌 Conclusione

Blade è uno strumento fondamentale per organizzare le viste in un progetto Laravel.
Con layout, sezioni e componenti puoi creare interfacce modulari, eleganti e facili da mantenere.

🇬🇧 English Version

Why Blade?

Laravel includes Blade, a lightweight and powerful template engine that simplifies building views.
Compared to plain HTML, Blade allows you to:

Reuse code with layouts and components.
Avoid duplication with @extends, @section, @yield.
Keep your code clean and readable.

Creating a base layout

Example layout.blade.php:

<!-- resources/views/layouts/app.blade.php -->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>@yield('title', 'My Laravel Site')</title>
</head>
<body>
    <x-navbar />

    <main>
        @yield('content')
    </main>

    <x-footer />
</body>
</html>

Extending a layout

To create a page extending the layout:


<!-- resources/views/home.blade.php -->
@extends('layouts.app')

@section('title', 'Homepage')

@section('content')
    <h1>Welcome to my site!</h1>
    <p>This is the homepage created with Blade.</p>
@endsection

Dynamic sections

With @section you can define different page areas, like SEO meta tags or page-specific scripts.


@section('meta_description', 'Welcome to this Blade example site')

Blade Components

A component allows you to create reusable blocks.
Example: x-navbar.

<!-- resources/views/components/navbar.blade.php -->
<nav>
    <a href="{{ route('home') }}">Home</a>
    <a href="{{ route('about') }}">About</a>
    <a href="{{ route('contact') }}">Contact</a>
</nav>

And you can call it simply with:

<x-navbar />

Include vs Components

@include → useful for small static snippets.

Components → best for reusable and dynamic elements (e.g. navbar, cards, footer).

Best Practices

✅ Keep layouts simple.
✅ Use clear file names (layouts/app.blade.php, components/navbar.blade.php).
✅ Use variables in components (<x-alert type="success" />).
✅ Avoid duplication: DRY (Don’t Repeat Yourself).

📌 Conclusion

Blade is an essential tool for organizing views in a Laravel project. With layouts, sections, and components, you can build modular, elegant, and easy-to-maintain interfaces.

Traduzione

Questo articolo è stato tradotto con l'ausilio di strumenti di traduzione professionali.
This article was translated with the help of professional translation tools.

🧼 Laravel Form Request: valida come un professionista | 🧼 Validate Like a Pro with Laravel Form Request

Roberto Celano — Sun, 20 Jul 2025 21:04:21 +0000

Introduzione | Introduction

🇮🇹 Laravel Form Request: guida pratica

Se stai ancora validando i tuoi form direttamente nel controller... è il momento di salire di livello.

Laravel ti offre una soluzione elegante: le Form Request class.

🧠 Perché usare le Form Request?

✅ Separano la logica di validazione dal controller

✅ Rendono il codice più leggibile e manutenibile

✅ Permettono autorizzazioni e logica custom

✅ Perfette per progetti professionali

✨ Creazione di una Form Request

Per creare una request personalizzata, usa Artisan:

php artisan make:request StorePostRequest

Laravel genererà una classe in app/Http/Requests.

🛡️ Autorizzazione

Nel metodo authorize() puoi controllare se l’utente è autorizzato a eseguire l’azione:

public function authorize(): bool
{
    return auth()->check(); // o true se vuoi bypassare
}

🧾 Regole di validazione

Nel metodo rules() definisci le regole:

public function rules(): array
{
    return [
        'title' => 'required|string|max:255',
        'content' => 'required|min:10',
    ];
}

🧩 Come usarla nel controller

Nel tuo controller, invece di usare Request $request, tipizza la classe:

use App\Http\Requests\StorePostRequest;

public function store(StorePostRequest $request)
{
    // Se arrivi qui, i dati sono già validati
    Post::create($request->validated());
}

📌 Suggerimenti extra

Usa messages() per messaggi personalizzati
Usa attributes() per rinominare i campi nell'errore
Puoi usare FormRequest anche per API

🇬🇧 Laravel Form Request: a practical guide

Still validating your form data directly in your controller?

It’s time to level up and embrace Form Request classes in Laravel.

🧠 Why use Form Requests?

✅ Separates validation logic from controller

✅ Makes code cleaner and easier to maintain

✅ Supports authorization and custom logic

✅ A professional approach to input handling

✨ Create a Form Request

Generate a request using Artisan:

php artisan make:request StorePostRequest

Laravel will place the file in app/Http/Requests.

🛡️ Authorization

Define authorization in the authorize() method:

public function authorize(): bool
{
    return auth()->check(); // or true to allow
}

🧾 Validation rules

Define your rules in the rules() method:

public function rules(): array
{
    return [
        'title' => 'required|string|max:255',
        'content' => 'required|min:10',
    ];
}

🧩 Use in the controller

In your controller, type-hint the custom request:

use App\Http\Requests\StorePostRequest;

public function store(StorePostRequest $request)
{
    Post::create($request->validated());
}

📌 Extra tips

Customize error messages via messages()
Rename fields in errors via attributes()
Works great for APIs too!

✅ Conclusione | Conclusion

Separare la validazione dal controller rende il tuo codice più chiaro, sicuro e professionale.

Separating validation from your controller makes your code cleaner, safer, and more professional.

Traduzione:

Questo articolo è stato tradotto con l'ausilio di strumenti di traduzione professionali.

Translation:

This article was translated with the help of professional translation tools.

10 comandi Artisan che ogni sviluppatore Laravel dovrebbe conoscere | 10 Artisan Commands Every Laravel Developer Should Know

Roberto Celano — Thu, 17 Jul 2025 21:16:42 +0000

Introduzione | Introduction

🇮🇹 I 10 comandi Artisan più utili in Laravel

Laravel offre una CLI potentissima: Artisan.

Con pochi comandi puoi generare codice, gestire il database e molto altro.

Ecco una selezione dei 10 comandi che uso più spesso e che ti consiglio di imparare subito.

1️⃣ `php artisan route:list`

Mostra tutte le rotte definite nella tua applicazione.

Utilissimo per debug o quando ereditate un progetto.

2️⃣ `php artisan make:model Nome -mcr`

Crea un model con:

-m: migration
-c: controller
-r: resource controller

php artisan make:model Post -mcr

3️⃣ `php artisan migrate`

Applica tutte le migrazioni al database.

4️⃣ `php artisan migrate:fresh --seed`

⚠️ Attenzione! Cancella e ricrea tutto il database, poi esegue i seeder.

Perfetto in sviluppo.Non adatto in produzione.

5️⃣ `php artisan db:seed`

Esegue solo i seeder definiti in DatabaseSeeder.php (o altri).

6️⃣ `php artisan tinker`

Avvia una console interattiva dove puoi testare comandi Laravel, fare query sui modelli e molto altro.

Perfetto per debug e prove rapide.

7️⃣ `php artisan make:request NomeRequest`

Crea una classe di validazione personalizzata.

Ottimo per validare le richieste POST o PUT in modo ordinato.

8️⃣ `php artisan config:cache`

Ricompila i file di configurazione e migliora le performance.

Utile dopo modifiche nei file .env o in config/.

9️⃣ `php artisan storage:link`

Crea il link simbolico necessario per accedere ai file pubblici caricati (es. immagini).

Assicura che i file in storage/app/public siano accessibili da public/storage.

🔟 `php artisan make:middleware NomeMiddleware`

Crea un middleware.

Perfetto per logica personalizzata come permessi, ruoli, filtri IP, ecc.

🧠 Conclusione

Imparare a usare Artisan ti velocizza il lavoro e ti rende più produttivo.

Non serve ricordare tutto a memoria, ma sapere cosa puoi fare è già metà dell’opera.

🇬🇧 10 Artisan Commands Every Laravel Developer Should Know

Laravel offers a powerful CLI: Artisan.

With just a few commands, you can generate code, manage the DB, and speed up your workflow.

Here’s a selection of the 10 Artisan commands I use most often — and that you should know as well.

1️⃣ `php artisan route:list`

Displays all routes defined in your application.

Extremely useful for debugging or understanding legacy projects.

2️⃣ `php artisan make:model Name -mcr`

Creates a model with:

-m: migration
-c: controller
-r: resource controller

php artisan make:model Post -mcr

3️⃣ `php artisan migrate`

Applies all migrations to the database.

4️⃣ `php artisan migrate:fresh --seed`

⚠️ Warning! This command drops all tables, re-runs all migrations,and then runs the seeders.

Great for development, not for production.

5️⃣ `php artisan db:seed`

Runs only the seeders defined in DatabaseSeeder.php (or other custom ones).

6️⃣ `php artisan tinker`

Launches an interactive REPL where you can run Laravel commands, test model queries, or play with collections in real time.

7️⃣ `php artisan make:request CustomRequest`

Generates a custom request validation class.

Perfect for cleanly validating POST or PUT inputs.

8️⃣ `php artisan config:cache`

Rebuilds the configuration cache to boost performance.

Use it after changing .env or config/*.php files.

9️⃣ `php artisan storage:link`

Creates the symbolic link from public/storage to storage/app/public,

allowing access to uploaded files via browser.

🔟 `php artisan make:middleware ExampleMiddleware`

Generates a new middleware class.

Ideal for handling custom logic like user roles, permissions, request filtering, etc.

🧠 Conclusion

Learning how to use Artisan makes your workflow faster and more efficient.

You don’t need to memorize everything — just knowing what exists gives you a big advantage.

Traduzione:
Questo articolo è stato tradotto con l'ausilio di strumenti di traduzione professionali.

Translation:
This article was translated with the help of professional translation tools.

Django vs FastAPI: primi passi e differenze chiave | Django vs FastAPI: first steps and key differences

Roberto Celano — Mon, 14 Jul 2025 07:14:44 +0000

Introduzione | Introduction

🇮🇹 Italiano

Dopo aver studiato Django per mesi, ho deciso di dare un’occhiata a FastAPI, un framework sempre più popolare nel mondo Python.

Non ho ancora usato FastAPI in progetti reali, ma ho cominciato a esplorarlo per capirne la filosofia e le differenze rispetto a Django.

Questo articolo raccoglie i miei primi appunti, impressioni e confronti — pensato soprattutto per chi, come me, arriva da Django.

🧠 1. Approccio minimalista (ma potente)

La prima cosa che colpisce è quanto FastAPI sia snello. Niente ORM integrato, niente admin, niente sistema di template: solo ciò che serve per costruire API in modo rapido e moderno.

In Django sei abituato ad avere tutto preconfigurato. In FastAPI, invece, sei tu a decidere cosa usare e come integrarlo.

🚀 2. Le performance sono davvero notevoli

FastAPI si basa su Starlette e supporta nativamente async/await.

Questo significa prestazioni molto elevate, soprattutto per API ad alta concorrenza. Anche solo lanciare l’app con uvicorn ti dà subito la sensazione di velocità.

🧪 3. La tipizzazione è protagonista

Una delle cose più interessanti è l’uso dei type hints Python per generare automaticamente:

validazioni
documentazione OpenAPI/Swagger
suggerimenti editor

Questo è un punto di forza enorme rispetto a Django, dove la tipizzazione è molto più limitata.

📁 4. Manca l'admin, ma puoi costruirlo

In Django è facilissimo usare l’admin per gestire i modelli. FastAPI non ha nulla del genere integrato.

Ma puoi collegarlo a Tortoise ORM, SQLModel o altri tool, e persino creare una tua interfaccia admin con un frontend custom.

👨‍💻 5. La curva di apprendimento è strana (facile e difficile allo stesso tempo)

FastAPI sembra semplice all’inizio: poche righe e l’API funziona.

Ma quando cerchi di costruire un'app completa, ti accorgi che serve strutturare bene il codice, scegliere ORM, strumenti di migrazione, gestione delle rotte... È un po’ come partire con Flask, ma moderno.

🧭 Conclusione

FastAPI mi ha colpito per la velocità, flessibilità e modernità.

Non è un sostituto diretto di Django (soprattutto per progetti fullstack), ma è perfetto per microservizi, API REST e architetture moderne.

Il mio prossimo obiettivo? Creare un piccolo progetto API con autenticazione e database per metterlo alla prova sul campo.

🇬🇧 English

After months of studying Django, I decided to take a look at FastAPI, a framework that's becoming increasingly popular in the Python world.

I haven’t used FastAPI in real-world projects yet, but I’ve started exploring it to understand its philosophy and how it compares to Django.

This post summarizes my first notes, impressions, and comparisons — especially for those coming from Django like me.

🧠 1. A minimalist (yet powerful) approach

The first thing that struck me was how lightweight FastAPI is.

No built-in ORM, no admin interface, no template engine — just the essentials for building APIs quickly and cleanly.

With Django, everything is preconfigured. With FastAPI, you get to decide what to use and how to structure your project.

🚀 2. Performance really stands out

FastAPI is built on Starlette and supports async/await out of the box.

This leads to excellent performance, especially for concurrent API calls.

Even just launching the app with uvicorn feels fast.

🧪 3. Type hints play a central role

One of the coolest things is the use of Python type hints to automatically generate:

validation
OpenAPI/Swagger docs
editor autocomplete

This is a huge plus compared to Django, where typing is more limited.

📁 4. No admin panel, but you can build it

Django’s admin is incredibly convenient. FastAPI doesn’t have one.

However, you can integrate it with Tortoise ORM, SQLModel, or even build your own custom admin interface.

👨‍💻 5. The learning curve is weird (easy and hard at once)

FastAPI feels easy at first: a few lines and your API is working.

But when you try building a complete app, you quickly realize you need to structure things well, choose your ORM, set up migrations, route management…

It feels a bit like Flask, but more modern.

🧭 Conclusion

FastAPI impressed me with its speed, flexibility, and modern design.

It’s not a 1-to-1 replacement for Django, especially for fullstack apps, but it’s ideal for microservices, REST APIs, and modern architectures.

My next goal? Build a small API project with auth and a database to test it in the real world.

Traduzione:

Questo articolo è stato tradotto con l'ausilio di strumenti di traduzione professionali.

This article was translated with the help of professional translation tools.

5 lezioni che ho imparato con Django (che nessuno dice) | 5 lessons I learned with Django (no one tells you)

Roberto Celano — Fri, 11 Jul 2025 08:19:24 +0000

Introduzione | Introduction

🇮🇹 Italiano

Quando ho iniziato a studiare Django venivo da un background classico PHP/MySQL, e all’inizio ho pensato: "Va bene, è solo un altro framework." Poi ho capito quanto fosse diverso l’approccio di Django. In questo post voglio condividere 5 cose che ho imparato studiandolo da zero, che potrebbero essere utili a chi si avvicina per la prima volta a questo potente framework.

1. Il sistema delle migrazioni è potente, ma va capito

All'inizio pensavo che bastasse modificare un modello e lanciare makemigrations + migrate per sistemare tutto. In realtà, se non si ha chiaro come funzionano le migrazioni, si rischia di compromettere la struttura del database. Ho imparato a non sottovalutare il comando showmigrations e a usare con attenzione --fake.

2. Le view non sono controller: sono più flessibili (ma serve disciplina)

In Django non esistono veri controller come in altri framework MVC. Le view possono essere funzioni o classi, e questa libertà è un’arma a doppio taglio: puoi fare quasi tutto, ma se non sei ordinato diventa un caos. Ho iniziato a usare le CBV (Class-Based Views) solo dopo aver capito bene le FBV (Function-Based Views).

3. Il sistema di template è semplice... finché non ti servono cose complesse

Il template engine di Django è chiaro, ma appena vuoi fare qualcosa di più dinamico (cicli annidati, logica condizionale complessa), capisci che non è pensato per “pensare troppo”. Django ti spinge a mantenere la logica nel backend e non nel template. Una scelta saggia, seppur limitante.

4. La shell interattiva è la tua migliore amica

python manage.py shell è uno strumento potentissimo per testare rapidamente modelli, query e oggetti. All’inizio la ignoravo, ma poi l’ho usata per risolvere bug, capire il comportamento dei manager, e fare esperimenti con i dati. È come avere un laboratorio sempre a disposizione.

5. L’admin è magico, ma non è la tua dashboard

L’admin di Django è fenomenale per il debug e la gestione veloce dei dati, ma non è pensato per l’utente finale. All’inizio volevo usarlo come “backend admin”, ma poi ho capito che per il pannello vero serve una dashboard personalizzata.

🎯 Conclusione

Studiare Django è stato più che imparare un framework: è stato cambiare mentalità. Django impone ordine, struttura, e un modo preciso di pensare al backend. È stato difficile all’inizio, ma ora non ne farei a meno.

Se stai iniziando, il mio consiglio è: non saltare i concetti base, soprattutto modelli, migrazioni e view. Ti ringrazierai più avanti.

🇬🇧 English

When I started studying Django, I came from a classic PHP/MySQL background, and at first I thought, "Alright, just another framework." Then I realized how different Django's philosophy is. In this post I’ll share 5 things I learned while studying Django from scratch, which might help anyone starting out with this powerful framework.

1. The migration system is powerful, but you need to understand it

At first, I thought modifying a model and running makemigrations + migrate would fix everything. In reality, if you don’t understand how migrations work, you can mess up your database structure. I learned not to underestimate showmigrations and to use --fake cautiously.

2. Views are not controllers: they’re flexible (but require discipline)

Django doesn’t have traditional controllers like other MVC frameworks. Views can be functions or classes, which gives you flexibility — but also chaos if you’re not disciplined. I only started using Class-Based Views (CBVs) after understanding Function-Based Views (FBVs) well.

3. The template system is simple... until you need complex logic

Django’s template engine is clear, but as soon as you want to do nested loops or advanced conditions, you realize it’s not built for “heavy thinking.” Django encourages you to keep logic in the backend, which is wise, though sometimes limiting.

4. The interactive shell is your best friend

python manage.py shell is a powerful tool to test models, queries, and objects quickly. I ignored it at first, but later used it to fix bugs, explore model behavior, and experiment with data. It’s like having a lab at your fingertips.

5. The admin is magical, but it’s not your dashboard

Django’s admin is great for debugging and quick data management, but it’s not designed for end users. At first I wanted to use it as an “admin panel,” but eventually realized you need a custom dashboard for that.

🎯 Conclusion

Studying Django wasn’t just about learning a framework — it was a mindset shift. Django enforces order, structure, and a precise way of thinking about the backend. It was tough at first, but now I wouldn’t go back.

If you’re starting out, my advice is: don’t skip the fundamentals, especially models, migrations, and views. Your future self will thank you.

Traduzione:

Questo articolo è stato tradotto con l'ausilio di strumenti di traduzione professionali.

This article was translated with the help of professional translation tools.

📲 Canale WhatsApp per devs | 📲 WhatsApp channel for developers

Roberto Celano — Thu, 10 Jul 2025 21:27:16 +0000

Introduzione | Introduction

Italiano: Questo articolo è disponibile sia in italiano che in inglese. Scrolla verso il basso per la versione in inglese.

English: This article is available in both Italian and English. Scroll down for the English version.

🇮🇹 Italiano

Negli ultimi mesi ho iniziato a condividere devlog, trucchi di codice, progetti personali e risorse utili tramite un nuovo canale WhatsApp che ho chiamato “Dev Logs”.

🎯 L’idea è semplice: condividere contenuti utili e ispirazionali in pochi secondi, direttamente dove molti di noi già passano tempo — su WhatsApp.

Nel canale troverai:

🧠 Tips rapidi su Laravel, React, Bootstrap, ecc.

💡 Tool, estensioni e plugin che uso ogni giorno

📆 Devlog settimanali dei progetti su cui sto lavorando

🎁 Risorse gratuite, checklist e mini-template

🔍 Piccole riflessioni sulla vita da developer freelance

Per chi è questo canale?

Per chiunque sia:

All’inizio del percorso come dev

In cerca di ispirazione o motivazione

Curioso di vedere cosa c’è “dietro le quinte” di un ecosistema dev

📲 Vuoi unirti?
Ecco il link diretto al canale WhatsApp:
👇🏻 https://whatsapp.com/channel/0029VbBAPWsGzzKYHKTOgw1E

🇬🇧 English

In the last few months, I’ve started sharing devlogs, code tricks, personal projects, and useful resources through a new WhatsApp channel I named “Dev Logs”.

🎯 The idea is simple: to share useful and inspirational content in seconds, directly on WhatsApp — where many of us already spend time.

In the channel, you’ll find:

🧠 Quick tips on Laravel, React, Bootstrap, and more

💡 Tools, extensions and plugins I use daily

📆 Weekly devlogs of the projects I’m building

🎁 Free resources, checklists and mini-templates

🔍 Thoughts on life as a freelance developer

Who is this channel for?

Anyone who is:

Starting out as a developer

Looking for inspiration or motivation

Curious about what’s behind the scenes of a dev ecosystem

📲 Want to join?
Here’s the direct link to the WhatsApp channel:
👇🏻 https://whatsapp.com/channel/0029VbBAPWsGzzKYHKTOgw1E

Traduzione:
Questo articolo è stato tradotto con l'ausilio di strumenti di traduzione professionali.
This article was translated with the help of professional translation tools.

🎉 Unisciti al nostro nuovo server Discord per sviluppatori! 🎉 Join our new Discord server for developers!

Roberto Celano — Tue, 24 Jun 2025 11:15:15 +0000

👋 Benvenuti! | Welcome!

Italiano:

Ho creato un nuovo server Discord chiamato Web Dev & Tech Community, pensato per sviluppatori, studenti, designer e appassionati di tecnologia. È uno spazio accogliente, dove puoi confrontarti con altri dev, condividere idee e crescere insieme.

Cosa trovi nel server:

Canali dedicati a HTML, CSS, JavaScript, PHP, React, Python e altro
Aiuto e confronto sui progetti personali
Discussioni tech, articoli, risorse e tool utili
Collaborazioni su progetti open source
Canale per mostrare i tuoi progetti e ricevere feedback

📌 Link per entrare:

👉 https://discord.gg/txUmXrRW7g

Scrivimi pure se vuoi contribuire come moderatore o aiutarmi a far crescere la community 💪

English:

I’ve created a new Discord server called Web Dev & Tech Community, aimed at developers, students, designers and tech lovers. It’s a friendly space to connect with other devs, share ideas and grow together.

What you’ll find inside:

Channels for HTML, CSS, JavaScript, PHP, React, Python and more
Help and feedback on personal projects
Tech talks, articles, resources and useful tools
Open-source collaboration
A place to showcase your work and get feedback

📌 Join here:

👉 https://discord.gg/txUmXrRW7g

Feel free to message me if you’d like to help as a moderator or support the community growth 💪

Introduzione alla Programmazione in Java: Guida per Principianti | Introduction to Java Programming: A Beginner's Guide

Roberto Celano — Sun, 12 Jan 2025 21:16:33 +0000

Introduzione | Introduction

Italiano: Questo articolo è disponibile sia in italiano che in inglese. Scrolla verso il basso per la versione in inglese.

English: This article is available in both Italian and English. Scroll down for the English version.

Versione Italiana

Introduzione alla Programmazione in Java: Guida per Principianti

Introduzione

Java è uno dei linguaggi di programmazione più popolari e utilizzati al mondo. Con la sua natura multipiattaforma, è ampiamente usato nello sviluppo di applicazioni desktop, mobile, web e persino IoT (Internet of Things). In questa guida, esploreremo i concetti fondamentali di Java, come configurare l'ambiente di sviluppo e scrivere il tuo primo programma.

1. Cos'è Java?

Java è un linguaggio di programmazione orientato agli oggetti e multipiattaforma, il che significa che un programma scritto in Java può essere eseguito su qualsiasi sistema operativo che supporti la Java Virtual Machine (JVM). È stato progettato per essere:

Semplice: La sintassi è chiara e facile da apprendere.
Portabile: Scrivi il codice una volta, eseguilo ovunque (principio "Write Once, Run Anywhere").
Sicuro: Include funzionalità avanzate per la gestione della sicurezza.
Performante: Con ottimizzazioni JVM, Java può eseguire operazioni complesse rapidamente.

2. Installare l'Ambiente di Sviluppo

Prima di iniziare a programmare in Java, dobbiamo configurare il nostro ambiente.

Step 1: Installare il JDK

Il Java Development Kit (JDK) contiene tutti gli strumenti necessari per scrivere ed eseguire programmi Java. Puoi scaricarlo dal sito ufficiale di Oracle:

https://www.oracle.com/java/technologies/javase-downloads.html

Step 2: Configurare l'IDE

Un IDE (Integrated Development Environment) semplifica la scrittura e il debug del codice. Alcuni IDE popolari per Java includono:

IntelliJ IDEA (raccomandato per i principianti)
Eclipse
NetBeans

Step 3: Configurare le Variabili di Ambiente

Aggiungi il percorso del JDK alla variabile di ambiente JAVA_HOME e aggiorna il PATH per eseguire i comandi Java dal terminale.

3. Scrivere il Primo Programma in Java

Ecco un esempio di un semplice programma Java che stampa "Ciao, mondo!" sulla console:

public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Ciao, mondo!");
    }
}

Spiegazione del Codice

public class HelloWorld: Definisce una classe pubblica chiamata HelloWorld.

public static void main(String[] args): È il punto di ingresso del programma.

System.out.println: Stampa il testo tra virgolette sulla console.

4. Eseguire il Programma

Per eseguire il tuo programma:

Salva il file come HelloWorld.java.
Apri il terminale, vai nella directory del file e compila il codice:

javac HelloWorld.java

Esegui il programma compilato:

java HelloWorld

Vedrai il messaggio Ciao, mondo! stampato sulla console.

5. Concetti Chiave di Java

Variabili e Tipi di Dati

Le variabili sono utilizzate per memorizzare dati. Esempio:

int numero = 10; // Intero
double prezzo = 19.99; // Numero decimale
String nome = "Roberto"; // Testo

Condizioni

Esempio di una struttura if-else:


if (numero > 5) {
    System.out.println("Il numero è maggiore di 5");
} else {
    System.out.println("Il numero è minore o uguale a 5");
}

Cicli

Esempio di un ciclo for:

for (int i = 0; i < 5; i++) {
    System.out.println("Valore di i: " + i);
}

Conclusione

Java è un linguaggio versatile e potente, ideale per chi vuole iniziare a programmare. Con una solida comprensione dei concetti di base, sei pronto per esplorare argomenti più avanzati come la programmazione orientata agli oggetti, i framework e molto altro.

English Version

Introduction to Java Programming: A Beginner's Guide

Introduction

Java is one of the most popular and widely used programming languages in the world. With its cross-platform nature, it is extensively used in desktop, mobile, web, and even IoT (Internet of Things) applications. In this guide, we’ll explore the fundamental concepts of Java, how to set up your development environment, and how to write your first program.

1. What is Java?

Java is an object-oriented and cross-platform programming language, which means that a program written in Java can run on any operating system that supports the Java Virtual Machine (JVM). It is designed to be:

Simple: The syntax is clear and easy to learn.
Portable: Write the code once, run it anywhere.
Secure: Includes advanced security features.
Performant: With JVM optimizations, Java can execute complex operations quickly.

2. Setting Up the Development Environment

Step 1: Install the JDK

The Java Development Kit (JDK) contains all the tools needed to write and run Java programs. You can download it from Oracle’s official site:
https://www.oracle.com/java/technologies/javase-downloads.html

Step 2: Set Up the IDE

An IDE (Integrated Development Environment) simplifies writing and debugging code. Popular Java IDEs include:

IntelliJ IDEA (recommended for beginners)

Eclipse

NetBeans

Step 3: Configure Environment Variables

Add the JDK path to the JAVA_HOME environment variable and update the PATH to run Java commands from the terminal.

3. Writing Your First Java Program

Here’s an example of a simple Java program that prints "Hello, World!" to the console:

public class HelloWorld {
    public static void main(String[] args) {
        System.out.println("Hello, World!");
    }
}

Code Explanation

public class HelloWorld: Defines a public class named HelloWorld.

public static void main(String[] args): The program's entry point.

System.out.println: Prints the text between quotes to the console.

4. Running Your Program

To run your program:

Save the file as HelloWorld.java.
Open the terminal, navigate to the file directory, and compile the code:

javac HelloWorld.java

Execute the compiled program:

java HelloWorld

You will see the message Hello, World! printed on the console.

5. Key Concepts in Java

Variables and Data Types

Variables are used to store data. Example:

int number = 10; // Integer
double price = 19.99; // Decimal number
String name = "Roberto"; // Text

Conditions

Example of an if-else statement:

if (number > 5) {
    System.out.println("The number is greater than 5");
} else {
    System.out.println("The number is 5 or less");
}

Loops

Example of a for loop:

for (int i = 0; i < 5; i++) {
    System.out.println("Value of i: " + i);
}

Conclusion

Java is a versatile and powerful language, perfect for those starting their programming journey. With a solid understanding of the basics, you’re ready to explore more advanced topics like object-oriented programming, frameworks, and much more.

Traduzione | Translation

Questo articolo è stato tradotto con l'ausilio di strumenti di traduzione professionali.
This article was translated with the help of professional translation tools.

Guida all'Uso di Git e GitHub per Principianti | Getting Started with Git and GitHub: A Beginner's Guide

Roberto Celano — Mon, 28 Oct 2024 00:40:31 +0000

Introduzione | Introduction

Italiano: Questo articolo è disponibile sia in italiano che in inglese. Scrolla verso il basso per la versione in inglese.
English: This article is available in both Italian and English. Scroll down for the English version.

Versione Italiana

Guida all'Uso di Git e GitHub per Principianti

Per chi inizia nel mondo della programmazione e dello sviluppo software, Git e GitHub sono strumenti essenziali per la gestione del codice. In questa guida, esploreremo come installare e utilizzare Git per la gestione delle versioni e come utilizzare GitHub per collaborare su progetti, passo per passo.

Cos'è Git e Perché Utilizzarlo

Git è un sistema di controllo di versione distribuito che permette di tenere traccia delle modifiche al codice e di lavorare con altri sviluppatori senza problemi. È essenziale per chiunque lavori su progetti di programmazione, in quanto offre sicurezza e organizzazione.

Installazione di Git

Verifica dell'installazione

Prima di tutto, verifica se Git è già installato digitando:

git --version

Installazione

Se non è installato, scarica Git dal sito ufficiale: https://git-scm.com/downloads e segui le istruzioni.

Comandi di Base di Git

Ecco alcuni comandi essenziali per iniziare con Git:

git init: Inizializza un nuovo repository Git.

git add : Aggiunge un file specifico all'area di staging.

git commit -m "messaggio": Conferma le modifiche nell'area di staging con un messaggio descrittivo.

git status: Mostra lo stato dei file nel repository.

git log: Visualizza la cronologia dei commit.

Esempio:

git init
git add .
git commit -m "Primo commit"

Creazione di un Repository su GitHub

Per lavorare con GitHub, crea un account su GitHub e accedi.

Fai clic su New repository.
Assegna un nome al repository.
Clicca su Create repository per generare il repository.

Collegare Git a GitHub

Dopo aver creato il repository, collega il repository locale a GitHub:

git remote add origin 
https://github.com/username/nome-repo.git
git push -u origin main

Comandi Essenziali per Collaborare su GitHub

Per lavorare con altri, usa questi comandi:

git pull origin main: Scarica le modifiche dal repository remoto.

git push origin main: Invia le modifiche al repository remoto.

Esempio:

git pull origin main
git push origin main

Conclusione

Git e GitHub sono strumenti potenti per gestire il codice e collaborare su progetti. Seguendo questi passaggi, hai le basi per iniziare a usare Git e GitHub in modo efficace.

English Version

Getting Started with Git and GitHub: A Beginner's Guide

For those new to the world of programming and software development, Git and GitHub are essential tools for code management. In this guide, we’ll explore how to install and use Git for version control and how to use GitHub for project collaboration, step-by-step.

What is Git and Why Use It

Git is a distributed version control system that allows you to track code changes and work with other developers seamlessly. It’s essential for anyone working on programming projects as it provides security and organization.

Installing Git

Check Installation

First, check if Git is already installed by typing:

git --version

Installation

If it’s not installed, download Git from the official site: https://git-scm.com/downloads and follow the instructions.

Basic Git Commands

Here are some essential commands to get started with Git:

git init: Initializes a new Git repository.

git add : Adds a specific file to the staging area.

git commit -m "message": Commits the changes in the staging area with a descriptive message.

git status: Shows the status of files in the repository.

git log: Displays the commit history.

Example:

git init
git add .
git commit -m "First commit"

Creating a Repository on GitHub

To work with GitHub, create an account on GitHub and sign in.

Click New repository.
Give the repository a name.
Click Create repository to generate the repository.

Connecting Git to GitHub

After creating the repository, connect the local repository to GitHub:

git remote add origin 
https://github.com/username/repo-name.git
git push -u origin main

Essential Commands for Collaborating on GitHub

To work with others, use these commands:

git pull origin main: Pull changes from the remote repository.

git push origin main: Push changes to the remote repository.

Example:

git pull origin main
git push origin main

Conclusion

Git and GitHub are powerful tools for managing code and collaborating on projects. By following these steps, you have the basics to start using Git and GitHub effectively.

Traduzione | Translation

Questo articolo è stato tradotto con l'ausilio di strumenti di traduzione professionali.
This article was translated with the help of professional translation tools.

Integrazione Bootstrap e Tailwind: Pro e Contro | Bootstrap and Tailwind: Pros and Cons

Roberto Celano — Thu, 10 Oct 2024 20:47:05 +0000

Introduzione | Introduction

Italiano: Questo articolo è disponibile sia in italiano che in inglese. Scrolla verso il basso per la versione in inglese.

English: This article is available in both Italian and English. Scroll down for the English version.

Versione Italiana

Introduzione all'integrazione di Bootstrap e Tailwind

Negli ultimi anni, Bootstrap e Tailwind CSS sono diventati due dei framework più popolari per lo sviluppo front-end. Bootstrap è conosciuto per i suoi componenti predefiniti e la facilità di utilizzo, mentre Tailwind si distingue per il suo approccio utility-first, che offre una maggiore flessibilità nella personalizzazione del design.

Ma cosa succede se decidessimo di usarli insieme nello stesso progetto? In questo articolo esploreremo le possibilità e le limitazioni di questa combinazione, valutando quando e perché potresti voler integrare entrambi i framework.

Perché potresti volerli combinare?

Combinare Bootstrap e Tailwind può sembrare ridondante, ma ci sono casi in cui può essere vantaggioso. Bootstrap accelera lo sviluppo di interfacce grazie ai suoi componenti predefiniti, mentre Tailwind ti permette di ottenere un design personalizzato senza dover sovrascrivere stili predefiniti. Potresti usare Bootstrap per parti più standard del sito (come la navbar o i form) e Tailwind per sezioni dove è richiesta una maggiore flessibilità.

Possibili problematiche e conflitti

Una delle sfide principali nell'usare entrambi i framework è la potenziale sovrapposizione di classi CSS. Bootstrap include molti stili globali, che potrebbero entrare in conflitto con le classi utility di Tailwind. Per minimizzare questo rischio, puoi:

Personalizzare la build di Bootstrap: Utilizzare solo i componenti di Bootstrap che ti servono, eliminando il resto per ridurre il peso del CSS.

Purging CSS con Tailwind: Tailwind offre strumenti per rimuovere le classi inutilizzate, riducendo la dimensione finale del file CSS.

Strategia di implementazione

Per gestire al meglio l'integrazione, una strategia efficace potrebbe essere quella di separare le due librerie in modo logico all'interno del progetto. Ad esempio:

Utilizza Bootstrap per le strutture di base e i componenti di UI (come modali, card, e form).

Utilizza Tailwind per creare stili personalizzati e flessibili, come layout complessi o elementi particolari che richiedono un controllo dettagliato sul design.

Questa suddivisione ti consente di sfruttare la velocità di sviluppo di Bootstrap senza rinunciare alla personalizzazione offerta da Tailwind.

Esempio pratico: Navbar con Bootstrap, layout con Tailwind

Un caso d'uso interessante potrebbe essere quello di utilizzare Bootstrap per la creazione di una navbar e Tailwind per il layout della pagina. La navbar, essendo un componente abbastanza standardizzato, può essere facilmente gestita con Bootstrap, mentre Tailwind può essere usato per personalizzare il layout della pagina, ottenendo un design più unico.

Conclusione

In definitiva, l'integrazione di Bootstrap e Tailwind nello stesso progetto è possibile, ma richiede una pianificazione attenta. Se hai bisogno della rapidità e della struttura di Bootstrap, ma non vuoi rinunciare alla flessibilità di Tailwind, questa combinazione potrebbe essere la soluzione giusta. Assicurati di mantenere un'organizzazione chiara del CSS e di gestire le risorse in modo efficiente per evitare conflitti e migliorare le performance del sito.

English Version

Introduction to integrating Bootstrap and Tailwind

In recent years, Bootstrap and Tailwind CSS have become two of the most popular front-end frameworks. Bootstrap is known for its prebuilt components and ease of use, while Tailwind stands out for its utility-first approach, offering greater flexibility in design customization.

But what happens if we decide to use them together in the same project? In this article, we will explore the possibilities and limitations of this combination, evaluating when and why you might want to integrate both frameworks.

Why might you want to combine them?

Combining Bootstrap and Tailwind might seem redundant, but there are cases where it can be advantageous. Bootstrap accelerates the development of interfaces thanks to its pre-built components, while Tailwind allows you to achieve a custom design without having to override predefined styles. You could use Bootstrap for more standard parts of the site (like the navbar or forms) and Tailwind for sections where more flexibility is needed.

Potential problems and conflicts

One of the main challenges of using both frameworks is the potential overlap of CSS classes. Bootstrap includes many global styles that could conflict with Tailwind’s utility classes. To minimize this risk, you can:

Customize Bootstrap’s build: Use only the Bootstrap components you need, eliminating the rest to reduce CSS bloat.

Purging CSS with Tailwind: Tailwind provides tools to remove unused classes, reducing the final CSS file size.

Implementation strategy

To best manage the integration, an effective strategy might be to logically separate the two libraries within the project. For example:

Use Bootstrap for basic structures and UI components (like modals, cards, and forms).

Use Tailwind to create custom and flexible styles, such as complex layouts or specific elements that require detailed design control.

This division allows you to benefit from Bootstrap’s development speed without giving up on the customization offered by Tailwind.

Practical example: Navbar with Bootstrap, layout with Tailwind

An interesting use case could be using Bootstrap to create a navbar and Tailwind for the page layout. The navbar, being a fairly standardized component, can be easily handled with Bootstrap, while Tailwind can be used to customize the page layout, achieving a more unique design.

Conclusion

Ultimately, integrating Bootstrap and Tailwind in the same project is possible but requires careful planning. If you need the speed and structure of Bootstrap but don't want to sacrifice the flexibility of Tailwind, this combination might be the right solution. Just be sure to keep the CSS well-organized and manage resources efficiently to avoid conflicts and improve site performance.

Traduzione:
Questo articolo è stato tradotto con l'ausilio di strumenti di traduzione professionali.
This article was translated with the help of professional translation tools.

Forem: Roberto Celano

Creare una PWA con Laravel e Bootstrap | Building a PWA with Laravel and Bootstrap

Introduzione | Introduction

🇮🇹 Come ho trasformato un sito Laravel in una PWA moderna

1. Creare il Manifest

2. Registrare il Service Worker

3. Aggiungere il prompt d’installazione

4. Test con Lighthouse

5. Risultato finale

🇬🇧 How I turned a Laravel site into a modern PWA

1. Create the Manifest

2. Register the Service Worker

3. Add the installation prompt

4. Test with Lighthouse

5. Final result

Traduzione

🌊 CodeTideHQ — La nuova community per developer su X | 🌊 CodeTideHQ — The new community for developers on X

Introduzione | Introduction

🎨 Laravel & Blade: crea viste eleganti e riutilizzabili | 🎨 Laravel & Blade: Create Elegant and Reusable Views

Introduzione | Introduction

🇮🇹 Versione Italiana

Perché Blade?

Creare un layout base

Estendere un layout

Sezioni dinamiche

Componenti Blade

Include vs Componenti

Best Practices

📌 Conclusione

🇬🇧 English Version

Why Blade?

Creating a base layout

Extending a layout

Dynamic sections

Blade Components

Include vs Components

Best Practices

📌 Conclusion

Traduzione

🧼 Laravel Form Request: valida come un professionista | 🧼 Validate Like a Pro with Laravel Form Request

Introduzione | Introduction

🇮🇹 Laravel Form Request: guida pratica

🧠 Perché usare le Form Request?

✨ Creazione di una Form Request

🛡️ Autorizzazione

🧾 Regole di validazione

🧩 Come usarla nel controller

📌 Suggerimenti extra

🇬🇧 Laravel Form Request: a practical guide

🧠 Why use Form Requests?

✨ Create a Form Request

🛡️ Authorization

🧾 Validation rules

🧩 Use in the controller

📌 Extra tips

✅ Conclusione | Conclusion

10 comandi Artisan che ogni sviluppatore Laravel dovrebbe conoscere | 10 Artisan Commands Every Laravel Developer Should Know

Introduzione | Introduction

🇮🇹 I 10 comandi Artisan più utili in Laravel

1️⃣ php artisan route:list

2️⃣ php artisan make:model Nome -mcr

3️⃣ php artisan migrate

4️⃣ php artisan migrate:fresh --seed

5️⃣ php artisan db:seed

6️⃣ php artisan tinker

7️⃣ php artisan make:request NomeRequest

8️⃣ php artisan config:cache

9️⃣ php artisan storage:link

🔟 php artisan make:middleware NomeMiddleware

🧠 Conclusione

🇬🇧 10 Artisan Commands Every Laravel Developer Should Know

1️⃣ php artisan route:list

2️⃣ php artisan make:model Name -mcr

3️⃣ php artisan migrate

4️⃣ php artisan migrate:fresh --seed

5️⃣ php artisan db:seed

6️⃣ php artisan tinker

7️⃣ php artisan make:request CustomRequest

8️⃣ php artisan config:cache

9️⃣ php artisan storage:link

1️⃣ `php artisan route:list`

2️⃣ `php artisan make:model Nome -mcr`

3️⃣ `php artisan migrate`

4️⃣ `php artisan migrate:fresh --seed`

5️⃣ `php artisan db:seed`

6️⃣ `php artisan tinker`

7️⃣ `php artisan make:request NomeRequest`

8️⃣ `php artisan config:cache`

9️⃣ `php artisan storage:link`

🔟 `php artisan make:middleware NomeMiddleware`

1️⃣ `php artisan route:list`

2️⃣ `php artisan make:model Name -mcr`

3️⃣ `php artisan migrate`

4️⃣ `php artisan migrate:fresh --seed`

5️⃣ `php artisan db:seed`

6️⃣ `php artisan tinker`

7️⃣ `php artisan make:request CustomRequest`

8️⃣ `php artisan config:cache`

9️⃣ `php artisan storage:link`

🔟 `php artisan make:middleware ExampleMiddleware`