Eduard Andrei Capanu
Frontend Developer & Trainer | React - TypeScript - JavaScript | Microsoft MVP
Frontend Developer & Trainer | React - TypeScript - JavaScript | Microsoft MVP
Rome, Italy
Actions
🔹React 🔸Microsoft 365 / Azure ♦️Angular
I am 25 year old and I started my career 7 years ago, even though my passion and interest were born more than 12 years ago.
Starting from the basics, from understanding how a simple web application worked and was created, I was amazed by what a developer is able to see and create behind the scenes and by what an end customer uses, thus making my decision to enter in this world.
As a developer, I divide my time between the frontend development on Microsoft technologies and the in-depth analysis of the new Microsoft 365 / React technologies, together with the involvement on the various Italian and international communities, trying to give my contribution and to learn more every day.
Right now: learning more about AWS 😁
🔹React 🔸Microsoft 365 / Azure ♦️Angular
Ho 25 anni e ho iniziato la mia carriera 7 anni fa, anche se la mia passione e il mio interesse sono nati più di 12 anni fa.
Partendo dalle basi, dal capire come funzionava e nasceva una semplice applicazione web, sono rimasto stupito da ciò che uno sviluppatore riesce a vedere e creare dietro le quinte e da ciò che utilizza un cliente finale, prendendo così la decisione di entrare in questo mondo .
Come sviluppatore, divido il mio tempo tra lo sviluppo frontend su tecnologie Microsoft e l'approfondimento delle nuove tecnologie Microsoft 365/React, unitamente al coinvolgimento sulle varie community italiane e internazionali, cercando di dare il mio contributo e di apprendere ogni giorno di più.
Proprio adesso: imparando di più su AWS 😁
Links
Area of Expertise
Topics
I pilastri dei workflow e come sfruttare i loro vantaggi
Benvenuti alla nostra Mini Masterclass sull'Automazione, un'esperienza approfondita volta a scoprire le strategie per semplificare e ottimizzare il nostro lavoro quotidiano.
Durante questo percorso, esploreremo il vasto potenziale dell'automazione, facendo uso di strumenti all'avanguardia come Make.com, Power Automate e Zapier.
Dal perfezionamento delle routine quotidiane all'accelerazione della produttività, ti guideremo attraverso l'utilizzo di questi strumenti per creare flussi di lavoro intelligenti, superando i limiti delle attività manuali.
Che tu sia un esperto sviluppatore o un curioso principiante, grazie a questo minicorso acquisirai competenze per creare flussi di lavoro avanzati senza la necessità di scrivere una singola riga di codice.
Unisciti a noi in questa avventura per sbloccare il potenziale nascosto dietro l'automazione e trasforma la tua esperienza professionale in qualcosa di veramente straordinario.
Indipendentemente dal tuo livello di esperienza, questa Masterclass offre le chiavi per rivoluzionare il tuo approccio al lavoro attraverso l'efficace utilizzo di Make.com, Power Automate e Zapier.
Benvenuti alla prima sessione del nostro minicorso sull'automazione!
Ci concentreremo sui fondamenti essenziali che rendono l'automazione uno strumento indispensabile per semplificare il nostro modo di lavorare.
Inizieremo apprendendo come tradurre idee in azioni concrete attraverso l'uso di diagrammi di flusso, fungendo come mappe visive per progetti automatizzati.
Successivamente, esploreremo il concetto di workflow e automazione, identificando diversi strumenti disponibili, dalle opzioni gratuite a quelle più avanzate.
Approfondiremo i concetti chiave dei workflow, compresi trigger, condizioni, azioni e webhook, i mattoni di base per la creazione di flussi di lavoro intelligenti.
Infine, esamineremo da vicino i vantaggi e le sfide dell'automazione, gettando le basi per una trasformazione positiva del nostro approccio lavorativo.
Siamo pronti a partire in questo viaggio verso una maggiore efficienza e produttività?
Allacciate le cinture, perché la prima sessione è pronta a svelare i segreti dell'automazione!
### Argomenti trattati
- Introduzione ai diagrammi di flusso: Come utilizzare i diagrammi di flusso per visualizzare e pianificare le idee.
- Workflow e automazione: Definizione di workflow e automazione, con un focus sulla loro importanza nella semplificazione delle attività quotidiane.
- Strumenti disponibili: Esplorazione di una varietà di tool, sia gratuiti che a pagamento, adatti per l'implementazione dei workflow.
- Concetti chiave dei workflow: Analisi dettagliata dei concetti fondamentali, inclusi trigger, condizioni, azioni e webhook.
- Vantaggi e svantaggi: Approfondimento sui benefici derivanti dall'uso dei workflow, insieme ad una consapevolezza dei potenziali svantaggi.
Pensare in TypeScript: Dalla teoria alla pratica
Andiamo a cambiare il nostro mindset e passare dalla scrittura plain di codice senza nessun tipo di tipizzazione ad una tecnica in grado di ottimizzare le prestazioni della nostra app.
Impara tecniche avanzate utilizzando tipi, interfacce e classi di TypeScript per un codice solido e scalabile.
Non perdere l'opportunità di acquisire nuove competenze e migliorare il tuo modo di sviluppare le applicazioni grazie a questo talk incentrato sul pensiero in TypeScript.
Beyond the Cache: sfruttare appieno le potenzialità dei Service Worker
I Service Worker di JavaScript aprono le porte a un mondo di possibilità oltre la semplice creazione di applicazioni web offline.
Questi potenti alleati permettono di non solo migliorare le prestazioni dell'applicazione attraverso la memorizzazione nella cache, ma offrono una gamma incredibile di funzionalità avanzate.
Unisciti a noi in questo talk per scoprire come sfruttare al massimo le capacità dei Service Worker.
Esploreremo aspetti come il pre-fetching intelligente delle risorse, la gestione di fallback in caso di connessione limitata e l'implementazione di strategie di caching personalizzate.
Le combinazioni di queste tecniche offrono un vasto spettro di opportunità strategiche, permettendoti di creare un'esperienza di navigazione straordinaria.
Iscriviti ora per superare i confini della semplice memorizzazione nella cache e per rendere le tue web app più veloci e performanti grazie all'ingegnosità dei Service Worker!
È il momento di andare 'beyond the cache'!
### Argomenti trattati
- Cosa sono e come funzionano i service worker
- Hands on sul codice per l'implementazione con esempi
- Un valido aiuto per le nostre Progressive Web App
- Intro ai Pre-fetching e alle strategie di caching personalizzate
Top 10 tool da conoscere come sviluppatore Frontend (ma anche in generale)
Andremo a vedere come poter automatizzare e semplificare alcune delle abitudini piu' riscontrate tra gli sviluppatori ogni giorno.
Scopriremo che tool e strumenti utilizzare nella moltitudine di soluzioni esistenti attualmente online e analizzeremo diversi casi d'uso.
PS: Non voglio spoilerare nulla, ma quanto sarebbe bello avere un autocomplete che, oltre a suggerire il nome completo di una funzione o di una variabile, possa creare i metodi a cui stiamo pensando?
Impara React sfruttando le tecnologie più recenti
È il momento di un nuovo inizio 😀
Il mondo di React è in costante mutamento, e oggi, più che mai, la scelta delle tecnologie giuste è cruciale.
Il suo panorama è in costante evoluzione e le nostre competenze nel creare un nuovo progetto dovrebbero essere sempre sintonizzate con le ultime novità.
Con Vite.js, Remix, Next.js, e molte altre opzioni sul tavolo, navigare nel ecosistema delle tecnologie React può sembrare una sfida.
In questo talk andremo ad esplorare le evoluzioni più recenti della libreria e scoprire come implementare efficacemente le nuove funzionalità per garantire un avvio di progetto senza intoppi.
Dalla scelta del framework / tecnologia alla configurazione iniziale, ci addentreremo passo dopo passo verso la creazione di un progetto React di successo, senza lasciare nulla al caso.
Unisciti a noi mentre sveliamo quello che nessuno ti dice, ‘create-react-app’ è arrivato alla fine. 😀
### Argomenti trattati
- analisi delle tecnologie più promettenti disponibili ad oggi
- come le nuove scelte della libreria impattino il modo in cui sviluppiamo i nostri progetti
- guida passo dopo passo alla configurazione iniziale di un progetto con un focus particolare sulle best practices più attuali
Iniziamo a surfare su React TS
Un talk dedicato a chi si vuole avvicinare al mondo React.
Partiremo dalle basi, dal vedere come inizializzare l'app e da com'è strutturato il progetto, per andare poi, tramite un approccio funzionale, a creare componenti custom e a fare uso di hook per la gestione dello stato.
Il talk sarà diviso in 2 sessioni e alla fine di esse avremo pronta un'applicazione in grado di gestire le presenze degli alunni in classe.
Giorno 1.
- Cos'è React
- Perchè la scelta di usarlo con TypeScript
- I functional component
- Cosa sono i hook
- I file dell'applicazione
- Inizializzazione dell'app e panoramica alla gestione dello stato
Giorno 2.
- Logica condizionale
- Gestione form
- Passaggio di callback ai componenti figli
- Implementazione logica all'interno dell'app per le presenze
Rivoluzione pratica: casi d'uso e implementazione di un workflow per trasformare la tua quotidianità
Benvenuti alla nostra Mini Masterclass sull'Automazione, un'esperienza approfondita volta a scoprire le strategie per semplificare e ottimizzare il nostro lavoro quotidiano.
Durante questo percorso, esploreremo il vasto potenziale dell'automazione, facendo uso di strumenti all'avanguardia come Make.com, Power Automate e Zapier.
Dal perfezionamento delle routine quotidiane all'accelerazione della produttività, ti guideremo attraverso l'utilizzo di questi strumenti per creare flussi di lavoro intelligenti, superando i limiti delle attività manuali.
Che tu sia un esperto sviluppatore o un curioso principiante, grazie a questo minicorso acquisirai competenze per creare flussi di lavoro avanzati senza la necessità di scrivere una singola riga di codice.
Unisciti a noi in questa avventura per sbloccare il potenziale nascosto dietro l'automazione e trasforma la tua esperienza professionale in qualcosa di veramente straordinario.
Indipendentemente dal tuo livello di esperienza, questa Masterclass offre le chiavi per rivoluzionare il tuo approccio al lavoro attraverso l'efficace utilizzo di Make.com, Power Automate e Zapier.
Dopo aver gettato le basi dell'automazione nella prima parte del nostro minicorso, ci immergiamo ora nell'azione con la seconda parte.
Benvenuti a questa fase pratica, dove trasformeremo le nozioni apprese in esperienze tangibili attraverso l'analisi di casi d'uso concreti.
In questa porzione del nostro percorso, non ci limiteremo all'osservazione passiva. Esploreremo insieme come l'automazione può diventare una realtà nel miglioramento della produttività quotidiana.
L'apice della nostra sessione sarà la creazione collaborativa di un processo automatizzato.
Utilizzeremo integrazioni con strumenti ampiamente utilizzati come Notion, OneDrive, Google Calendar e Gmail per plasmare un workflow personalizzato adatto alle esigenze pratiche della vita lavorativa.
Siete pronti a mettere in pratica quanto appreso, spostandovi dalla teoria alla vera e propria pratica?
Preparatevi per una sessione coinvolgente in cui trasformeremo le nozioni astratte in soluzioni concrete, aprendo la strada a una nuova era di efficienza e semplificazione delle attività lavorative!
### Argomenti trattati
- Casi pratici di automazione: Analisi di diversi scenari d'uso pratici che possono migliorare la produttività e semplificare le attività quotidiane.
- Costruzione di un processo automatizzato: Implementazione pratica della creazione di un workflow automatizzato, con integrazioni in tempo reale usando strumenti come Notion, OneDrive, Google Calendar e Gmail.
L’arte dell’automazione: strategie avanzate per semplificare il tuo lavoro
Con questo talk andremo a sperimentare un'esperienza approfondita volta a scoprire le strategie per semplificare e ottimizzare il nostro lavoro quotidiano.
Esploreremo il vasto potenziale dell'automazione, facendo uso di strumenti all'avanguardia come Make.com, Power Automate e Zapier.
Dal perfezionamento delle routine quotidiane all'accelerazione della produttività, ti guideremo attraverso l'utilizzo di questi strumenti per creare flussi di lavoro intelligenti, superando i limiti delle attività manuali.
Che tu sia un esperto sviluppatore o un curioso principiante, grazie a questo minicorso acquisirai competenze per creare flussi di lavoro avanzati senza la necessità di scrivere una singola riga di codice.
Unisciti a noi in questa avventura per sbloccare il potenziale nascosto dietro l'automazione e trasforma la tua esperienza professionale in qualcosa di veramente straordinario.
Indipendentemente dal tuo livello di esperienza, questa Masterclass offre le chiavi per rivoluzionare il tuo approccio al lavoro attraverso l'efficace utilizzo di Make.com, Power Automate e Zapier.
Benvenuti alla prima sessione del nostro minicorso sull'automazione!
Ci concentreremo sui fondamenti essenziali che rendono l'automazione uno strumento indispensabile per semplificare il nostro modo di lavorare.
Inizieremo apprendendo come tradurre idee in azioni concrete, esploreremo il concetto di workflow e automazione, identificando diversi strumenti disponibili, approfondiremo i concetti chiave dei workflow ed infine esamineremo da vicino i vantaggi e le sfide dell'automazione, gettando le basi per una trasformazione positiva del nostro approccio lavorativo.
Alla fine del talk andremo a mettere in pratica in modo veloce un workflow con integrazioni con strumenti ampiamente utilizzati come ad esempio Notion, OneDrive, Google Calendar e Gmail.
Siete pronti a partire in questo viaggio verso una maggiore efficienza e produttività?
La guida ai lifecycle dei componenti in React: sai davvero come funziona lo useEffect?
In questo talk, ci immergeremo nel complesso mondo del ciclo di vita dei componenti in React e sveleremo le peculiarità nascoste di uno degli hook più potenti e utilizzati: 'useEffect'.
Sebbene possa sembrare un argomento familiare, la realtà è che il 90% dei bug in React nasce dalla mancanza di comprensione di questi piccoli dettagli.
Esploreremo le varie fasi di un componente, le peculiarità facendo uso si event listeners, setTimeout o setInterval, fino alla sua dismissione, mettendo in luce come 'useEffect' sia una risorsa fondamentale per gestire side effects, richieste esterne, ma anche come non usarlo per evitare future problematiche.
Unisciti a noi per un'analisi approfondita e per vedere delle soluzioni pratiche che ti aiuteranno a scrivere codice React più robusto e a evitare trappole comuni.
### Argomenti trattati
- Come si sviluppa il ciclo di vita dei componenti in React.
- Usare useEffect con prop dal componente padre
- Usare gli intervalli / timeout all'interno dei re-render
- Usare correttamente Redux e useEffect insieme
- Usare gli event listener e lo useEffect insieme
- Strategie per evitare bug comuni legati al ciclo di vita dei componenti.
Migliora il Ciclo di Vita dei tuoi Componenti React
In questo talk, ci immergeremo nel complesso mondo del Ciclo di Vita dei Componenti in React e sveleremo le peculiarità nascoste di uno degli hook più potenti e utilizzati per gestirli efficaremente: useEffect.
Sebbene possa sembrare un argomento familiare, la realtà è che circa il 90% dei bug in React nasce dalla mancanza di comprensione di questi piccoli dettagli.
Esploreremo le varie fasi di un componente, dal Mounting all'Update, fino alla sua Dismissione, mettendo in luce come 'useEffect' sia una risorsa fondamentale per gestire side effects e richieste esterne, ma anche come non usarlo per evitare future problematiche.
Unisciti a noi per un'analisi approfondita e per imparare delle soluzioni pratiche che ti aiuteranno a scrivere codice React più robusto e a evitare le trappole più comuni.
In dettaglio, vedremo:
Come si sviluppa il ciclo di vita dei componenti in React;
Approfondimenti sul funzionamento di 'useEffect' e come gestisce il flusso di esecuzione del tuo codice;
Strategie per evitare bug comuni legati al ciclo di vita dei componenti.
Beyond the Cache: sfruttare appieno le potenzialità dei Service Worker
I Service Worker di JavaScript aprono le porte a un mondo di possibilità, che non si limitano alla semplice creazione di applicazioni web offline: essi, infatti, permettono non solo di migliorare le prestazioni dell'applicazione attraverso la memorizzazione nella cache, ma offrono una gamma incredibile di funzionalità avanzate.
In questo talk scopriremo come sfruttare al massimo le capacità dei Service Worker: esploreremo aspetti come il pre-fetching intelligente delle risorse, la gestione di fallback in caso di connessione limitata e l'implementazione di strategie di caching personalizzate. Le combinazioni di queste tecniche offrono un vasto spettro di opportunità strategiche, permettendoti di creare un'esperienza di navigazione straordinaria.
In dettaglio, vedremo:
Cosa sono e come funzionano i Service Worker;
Implementazione, con esempi di codice;
Introduzione al Pre-fetching e alle strategie di caching personalizzate.
Scopri, grazie ai Service Worker, come superare i confini della semplice memorizzazione nella cache e rendere le tue web app più veloci e performanti!
È il momento di andare 'beyond the cache'!
Impara React sfruttando le tecnologie più recenti
🎉 Inauguriamo con questo evento La Community Frontend di The Communities Bay!
React evolve velocemente con strumenti come Vite.js, Remix, e Next.js, richiedendo aggiornamenti continui delle competenze per gestire nuovi progetti con successo.
Che tu abbia già esperienza con React o che sia alle prime armi, questo talk ti offrirà una nuova prospettiva sulle ultime tendenze di questo framework e ti mostrerà le best practice per la creazione e la configurazione di un progetto.
Esploreremo le ultime innovazioni di React e scopriremo come sfruttare efficacemente le nuove funzionalità per lanciare un nuovo progetto senza intoppi, dalla scelta del framework e della tecnologia, alla configurazione iniziale più adatta.
Vedremo tutti i passaggi chiave per realizzare un progetto React in modo efficiente e impareremo, tra le altre cose, che non sempre ‘create-react-app’ è l’opzione migliore per iniziare un nuovo progetto.
In dettaglio, vedremo:
Analisi delle tecnologie più promettenti disponibili ad oggi;
Come le nuove scelte della libreria impattano il modo in cui sviluppiamo i nostri progetti;
Guida passo dopo passo alla configurazione iniziale di un progetto con un focus particolare sulle best practices più attuali.
Minicorso Pensare in TypeScript: Aspetti avanzati
Questo minicorso è dedicato a Typescript, un linguaggio di programmazione open source creato da Microsoft, a partire dal linguaggio JavaScript.
Typescript, in realtà, non è una semplice estensione di JavaScript, ma essendo, a differenza di quest’ultimo, un linguaggio tipizzato, richiede non soltanto l’apprendimento di nuovi costrutti sintattici, ma anche un profondo cambiamento di approccio alla programmazione.
I vantaggi derivanti dal suo utilizzo sono una riduzione dei possibili errori, grazie ai controlli statici in fase di compilazione, una migliore e più solida struttura del codice e una maggiore flessibilità nelle attività di aggiornamento e refactoring.
In questo minicorso, oltre ad introdurre la sintassi di Typescript, con i tipi di dato, le interfacce e le classi, ne presenteremo anche la “filosofia”. Saremo così in grado di cambiare il nostro mindset, per poter passare dalla scrittura di codice plain, senza tipizzazione, ad una metodologia che consenta di scrivere codice solido e scalabile ed in grado di ottenere migliori prestazioni per le nostre app.
Aspetti avanzati
In questo talk, dopo aver visto i fondamenti della sintassi e l'approccio di Typescript, mostreremo come questo linguaggio di programmazione stia cambiando il modo in cui gli sviluppatori creano applicazioni web.
In particolare, impareremo a sfruttare funzionalità avanzate come:
I Generics
Gli Intersection Types
I Type Guards
Che tu sia un professionista del settore o un appassionato alle prime armi, potrai acquisire le conoscenze necessarie per affrontare le sfide del mondo digitale in modo efficace ed efficiente.
Minicorso Pensare in TypeScript: Dalla teoria alla pratica
Questo minicorso è dedicato a Typescript, un linguaggio di programmazione open source creato da Microsoft, a partire dal linguaggio JavaScript.
Typescript, in realtà, non è una semplice estensione di JavaScript, ma essendo, a differenza di quest’ultimo, un linguaggio tipizzato, richiede non soltanto l’apprendimento di nuovi costrutti sintattici, ma anche un profondo cambiamento di approccio alla programmazione.
I vantaggi derivanti dal suo utilizzo sono una riduzione dei possibili errori, grazie ai controlli statici in fase di compilazione, una migliore e più solida struttura del codice e una maggiore flessibilità nelle attività di aggiornamento e refactoring.
In questo minicorso, oltre ad introdurre la sintassi di Typescript, con i tipi di dato, le interfacce e le classi, ne presenteremo anche la “filosofia”. Saremo così in grado di cambiare il nostro mindset, per poter passare dalla scrittura di codice plain, senza tipizzazione, ad una metodologia che consenta di scrivere codice solido e scalabile ed in grado di ottenere migliori prestazioni per le nostre app.
Dalla teoria alla pratica
Questo è il talk ideale per iniziare a scoprire i segreti di Typescript, un linguaggio di programmazione moderno e potente, per affrontare la costante evoluzione del mondo dello sviluppo software.
In esso verrai guidato attraverso:
I fondamenti di Typescript
Alcuni esempi pratici in cui Typescript permette di migliorare la produttività e la manutenibilità del codice.
Visual Studio Tour 2020 - Live Sessionize Event
Azure Day Rome 2020 Sessionize Event
Eduard Andrei Capanu
Frontend Developer & Trainer | React - TypeScript - JavaScript | Microsoft MVP
Rome, Italy
Links
Actions
Please note that Sessionize is not responsible for the accuracy or validity of the data provided by speakers. If you suspect this profile to be fake or spam, please let us know.
Jump to top