Codemotion Workshop Fest - 2024

Description:
Exploring accessibility and creating accessible websites. We will start with an introduction to accessibility and move towards examples and hands-on exercises. This will include practical examples of inaccessible code and how to fix those. We will see how accessibility can improve our website usability and how everyone benefits from it. The objective of this workshop is that the participants get a clear understanding of the concepts of accessibility and a rich hands-on experience that will enable them to apply the concepts learned within their projects/frameworks and contribute toward a more inclusive and accessible digital world. TECHNICAL REQUIREMENTS Experience with frontend development, workable knowledge of html, css, and javaScript A browser (preferable chrome) Optional: install NVDA software if you have Windows Slides Codesandbox initial code Codesandbox solution

Description:
Avete la sensazione di déjà vu nei progetti? Già visto, già fatto? Scopriremo la libreria DCX React library con componenti comuni di React che ci consentirà di consegnare i progetti rapidamente, riducendo costi e tempi. Ci sono molte librerie disponibili in React che possono aiutarci ad aumentare la nostra produttività, tuttavia, la maggior parte di esse include molto CSS e risulta difficile da personalizzare in base alle esigenze del nostro progetto, dcx-react-library è una libreria React agnostica che offre un insieme di componenti pronti all'uso nel nostro progetto. REQUISITI TECNICI IDE (VS Code) Github Javascript React CSS & SCSS HTML Repository

Description:
L'AI generativa sta rivoluzionando lo sviluppo del software. Il recente rilascio di v0 da parte di Vercel è uno dei tanti esempi. Bellissimo! Peccato però che ogni azienda ha il suo design system, la sua libreria di componenti, i suoi standard interni e v0 non li supporta (per ora). In questo workshop, vogliamo provare a costruire insieme una versione semplificata di v0, in grado di generare a partire da prompt testuali del codice che utilizzi una specifica libreria di componenti e che aderisca ad un design system, sfruttando alcuni dei più comuni pattern dello sviluppo di app basate su LLM (RAG, in-context learning, multi-stage reasoning). Alla fine avremo compreso alcune tecniche di base per l’integrazione di AI Generativa in un progetto software e come si potrebbe sfruttare per il supporto al lavoro di tutti i giorni. REQUISITI TECNICI NodeJS >= 20 e un IDE installato. Conoscenze HTML, CSS Conoscenze di base TypeScript Un pizzico di Node Resources

Description:
È risaputo che se le api si estinguessero, molte cose nel mondo (se non il mondo stesso) scomparirebbero. Lo stesso vale per le API di terze parti: la maggior parte dei vendor forniscono un SDK per il nostro linguaggio. Se da un lato questo accelera la produttività, dall'altro rallenta le prestazioni e ci rende dipendenti dai bug dell'SDK o dalle vulnerabilità della supply chain, che non sempre vengono affrontate con la velocità che ci si aspetterebbe. Inoltre, non si ha mai a che fare direttamente con l'API e questo elimina la pressione esercitata sui vendor per un'API progettata a misura di sviluppatore. Scopriremo come, nella maggior parte dei casi, non sia necessario un SDK, poiché è possibile codificare da soli tutto ciò di cui si ha bisogno utilizzando una semplice chiamata HTTP.

Description:
In this workshop, we will learn how to write secure code for our TypeScript applications using Test-Driven Development approach, using Vitest and other supporting library. We will start with defining the unit tests for our backend APIs in Node and frontend code in React, then moving up to more advanced topics such as mocking and spying for integration tests. We will also learn the benefits of TDD (Test Driven Development), get familiar with Vitest syntax and best practices. By the end of the workshop, we will be ready to develop a testing plan for our application, including testing both expected functionalities and unexpected errors. TECHNICAL REQUIREMENTS JavaScript, TypeScript, VSCode, Nodejs and a working laptop Slides Repository

Description:
Durante il workshop Oracle Cloud Infrastructure DevOps e Oracle APEX impareremo a realizzare con APEX una Social Application multi-device integrata con i servizi di Artificial Intelligence di OCI. Inoltre, scopriremo come sfruttare i servizi Oracle Cloud Infrastructure come Autonomous Database e Kubernetes insieme agli strumenti di sviluppo La sessione pratica assicura una comprensione concreta di queste potenti risorse, consentendo ai partecipanti di elevare le loro capacità di gestione e sviluppo applicativo con i servizi Oracle Cloud. REQUISITI TECNICI Conoscenza Oracle Database and Oracle APEX è desiderabile ma non necessaria Conoscenza base di Oracle Cloud Infrastructure (OCI) Conoscenza dei tool CI/CD Conoscenza con Database e SQL è desiderabile ma non necessaria Slides Andrea Slides Paolo

Description:
Il mondo Javascript è caratterizzato dall'abbondanza di strumenti e librerie. La categoria della quale Playwright fa parte non è da meno: negli anni abbiamo visto nascere strumenti come Puppeteer, Protractor, WebDriver IO, Cypress ecc.. Playwright, la cui prima versione è stata pubblicata nel 2020 da Microsoft, è stato progettato per rispondere alle esigenze di avere uno strumento "moderno", affidabile, veloce, con un'API in grado di automatizzare test su tutti i browser più conosciuti. REQUISITI TECNICI Conoscenze base di Javascript/Typescript Opzionali: Conoscenze di una o più librerie come React.js, Svelte, Vue.js Ambiente Node.js per provare esempi Repository

Description:
In questo workshop interattivo scopriremo le funzionalità di Duet AI for Developers, una soluzione basata su Generative AI che ha l’obiettivo di aumentare la produttività e migliorare l’esperienza di chi sviluppa software. Vedremo, attraverso esempi ed esercizi pratici in Python e Java, come usare Duet AI per generare codice da prompt in linguaggio naturale, usare il completamento automatico, generare unit test e documentare codice esistente. Per gli esempi e gli esercizi useremo diversi ambienti di sviluppo come VS Code, IntelliJ e Cloud Workstations con Code OSS. REQUISITI TECNICI Conoscenza base Python o Java. Browser moderno e connettività internet. Creazione di account su explore.qwiklabs.com (possibile farlo durante il workshop) Slides

Description:
Sviluppare un'interazione potrebbe essere più impegnativo che creare un frontend: le PWA, molteplici dispositivi mobile, il desktop e la visualizzazione in auto non sono gli unici contendenti nell'arena. Creare un'applicazione richiede infatti più composizione che sviluppo. Come raggiungere tutto ciò? REQUISITI TECNICI Sviluppo web in generale: Docker, NodeJs e Javascript/Typescript Slides Repository

Description:
Esploriamo l'incrocio tra la flessibilitá di AWS Lambda e le performance di Rust, scoprendo perché Rust è la scelta perfetta per dominare questo ambiente innovativo e dinamico. Durante la sessione scriveremo la prima funzione Lambda "Hello World" utilizzando Rust, scopriremo poi come testarla localmente e come rilasciarla in produzione. Esploreremo poi un caso d'uso piú concreto sviluppando un'API in Rust da rilasciare con SAM per gestire la definizione dell'infrastruttura secondo la metodologia IaC (Infrastructure as Code). Questo workshop, oltre alle conoscenze pratiche, darà l'ispirazione per trasformare il modo di sviluppare applicazioni puntando a pratiche e tecnologie innovative come Serverless e Rust. REQUISITI TECNICI Compilatore rust, un account AWS e la CLI installata e configurata, Docker e SAM, Cargo Lambda Slides Repository

Description:
Nel panorama sempre più dinamico dello sviluppo frontend, garantire l'accessibilità è essenziale per raggiungere un vasto pubblico e rispettare gli standard del settore. Esploreremo l'importanza di rendere i componenti web accessibili e gli approcci pratici per raggiungere questo obiettivo, utilizzando Web Components. Attraverso esempi concreti vedremo come integrare l'accessibilità nei flussi di sviluppo frontend, migliorando così l'esperienza per tutti gli utenti sul web. REQUISITI TECNICI conoscere js e/o i web component Slides Repository

Description:
Nel panorama dello sviluppo software moderno, garantire l'affidabilità e la conformità delle API è diventato un obiettivo cruciale. Questo workshop si propone di esplorare l'uso di Spectral, uno strumento open-source di linting e validazione per descrizioni di API. Spectral offre un approccio versatile alla validazione, permettendo di applicare regole personalizzate e standard dell'industria per migliorare la coerenza, la sicurezza e l'usabilità delle API. Nel corso del workshop ne verrà illustrato l'uso applicato a un caso di studio. REQUISITI TECNICI Docker capacità di effettuare deploy di applicazioni su docker conoscenza dell' edit di yaml conoscenza di OPENAPI conoscenza di ASYNCAPI

Description:
Nell’era dell’AI e dei big data, l’essere data-driven è tra gli obiettivi dichiarati da una sempre più vasta platea di aziende. Ma come si coltiva una cultura data-driven? Siamo sicuri che basti costruire un’efficiente data platform? In questo workshop scopriremo come Teams, Power Apps e Power Automate possono rappresentare l’acqua e il fertilizzante necessari per coltivare la data-driven culture tanto desiderata. REQUISITI TECNICI Data Analytics, Power Platform, Power BI

Description:
La modernizzazione tecnologica dei sistemi legacy è uno degli aspetti fondamentali della Trasformazione Digitale. Approcciare questa attività, in particolare su servizi critici, richiede una forte comprensione dell'architettura esistente, identificando i punti critici per pianificare una strategia di migrazione graduale. Best practices e pattern standard possono guidare efficacemente il processo garantendo continuità di servizio, monitorando costantemente il progresso e valutando l'impatto delle modifiche per assicurare una transizione sicura. Slides Repository

Description:
Web3, spesso descritto come il web decentralizzato, introduce tecnologie innovative come la blockchain. Ma quanto incide tutto ciò nella vita di uno sviluppatore? In questo workshop scopriremo alcuni casi d'uso di app Web3 e quali sono gli ingredienti necessari per sviluppare con successo app decentralizzate. Partendo da un'applicazione Web2 e integrando i tool necessari, creeremo la nostra prima applicazione decentralizzata. REQUISITI TECNICI un buon IDE o editor browser chrome e installazione di un wallet Metamask (preferibile averlo già installato e configurato) node.js (useremo npm come package manager) conoscenze base di sviluppo frontend Slides Repository

Description:
La metodologia DevSecOps ha acceso i riflettori sulla responsabilità degli sviluppatori durante tutto il ciclo di vita del software. Quali sono gli strumenti a disposizione degli attori coinvolti per armonizzare i processi e rilasciare applicazioni sicure by design? In questo workshop capiremo come integrare dei controlli di sicurezza continui nella pipeline CI/CD e individuare le vulnerabilità nel codice che possono sfuggire ai test di sicurezza. Inoltre, scopriremo come proteggere le applicazioni a runtime mentre stiamo rimediando alle vulnerabilità emerse o ancora sconosciute. REQUISITI TECNICI Competenze di sviluppo in ambito enterprise (Java, .NET, etc). Conoscenza di base del linguaggio SQL. Conoscenze di base di gestione degli OS Unix-like o Windows. Slides

Description:
Nel 2024 ci sono ancora developer che iniziano nuovi progetti NodeJs utilizzando express, senza conoscere le criticità che questa scelta potrebbe portare. Esiste una soluzione che permette di fare tutto ciò che fa express, ma in modo più veloce e sicuro, il suo nome è fastify. In questo workshop, impareremo: cos'è fastify, come fare il setup, come creare endpoint REST e come funziona il suo plugin system. Al termine del workshop avremo le basi per creare applicazioni web altamente performanti e sicure. REQUISITI TECNICI Conoscenza di NodeJs e JavaScript/TypeScript. Useremo TypeScript quindi un minimo di conoscenza su di esso è necessaria. Mac o PC con NodeJs installato preferibilmente la LTS (attualmente la v20). git installato nella macchina. IDE o editor per sviluppare a piacere (VSCode, WebStorm, Neovim etc etc) Repository

Description:
Il progetto OpenTelemetry (OTEL) di CNCF ha l’obiettivo di costruire un framework per l’osservabilità delle applicazioni; punto fondamentale del progetto è l’essere agnostico rispetto a vendor e tool, permettendo l’utilizzo di un ampio set di strumenti di back-end per la conservazione dei dati raccolti. OpenTelemetry si concentra quindi solamente sulla raccolta dei dati (tracce, metriche e log). In questo workshop andremo ad instrumentare un’applicazione Java per la raccolta della telemetria, la quale verrà gestita per mezzo di Grafana Stack deployato all’interno di un cluster Kubernetes. REQUISITI TECNICI Installazione Docker (https://docs.docker.com/engine/install/) Installazione kind (https://kind.sigs.k8s.io/docs/user/quick-start/). Per utenti Mac o Windows, configurare le risorse dedicate a Docker come indicato nella sezione “Settings for Docker Desktop” Installazione helm (https://helm.sh/) Installazione helmfile (https://helmfile.readthedocs.io/en/latest/#installation) Basi di Docker, Kubernetes e sviluppo applicazioni Java Slides Repository 1 Repository 2