Web Standards

This April, **join us at Expats Living in Rome**, proudly sponsored by FirstMed, to learn the beautiful Italian language for **FREE**. Yes, you read that correctly! All **A1 level Italian classes in April** are fully sponsored by FirstMed Italy. Students only pay a one-time enrollment fee of $50, giving you access to the entire course, amazing resources, and expert instruction. Spaces are limited, so book fast — [reserve your spot now.](https://community.expatslivinginrome.com/) **Note:** Lessons are free for the **first 8 people** who join our community and book with us on **Heartbeat!** 📌Need help moving, living or loving Italy? Let the host at the event know so they can connect you to others or email us at [info@expatslivinginrome.com](http://info@expatslivinginrome.com/) we assist worldwide! Thank you Expats living in Rome Team Instagram: [https://www.instagram.com/expats.living.in.rome/](https://www.instagram.com/expats.living.in.rome/?fbclid=IwZXh0bgNhZW0CMTAAc3J0YwZhcHBfaWQQMjIyMDM5MTc4ODIwMDg5MgABHiOOk9EqLjRSh1-7b6ESEc18IX5vYGHuWRdZOFPNSo_HAcuJK-04QltH0P0I_aem_ho6BrmrnH9uOuBMa-26jYA) Website: [www.expatslivinginrome.com](http://www.expatslivinginrome.com/?fbclid=IwZXh0bgNhZW0CMTAAc3J0YwZhcHBfaWQQMjIyMDM5MTc4ODIwMDg5MgABHmJnXE3P7poOrqO-QxCYr0eNarAqtQREbibaGXzfpeSHe9bwS4OkSy8HcQ9y_aem_6mon6UhtKRGVfy-s94X4Hw) Email: [info@expatslivinginrome.com](http://info@expatslivinginrome.com/)

DESCRIPTION: Join us on an unforgettable tour where we'll explore Rome's iconic sites. Since most of these sites are well-known, the focus will be on lesser known aspects. The goal is the gain insight but keep the info limited so the tour ends in 90 mins. Participants will likely remember the presentations and won't feel overwhelmed with TMI that can easily be found on wikipedia or through AI. ITINERARY : Spanish Steps, Sallustian Obelisk and the revolution of Rome's city planning, Aqua Virgo, Trevi Fountain, Galleria Alberto Sordi, Pantheon Piazza Navona DISTANCE: 1\.87 km \| 1\.16 miDuration: 2 hrs TIP-BASED tour: You pay what you want at the end. If you pay based on your satisfaction, you encourage quality work and discourage substandard work.

Ciao! L'appuntamento di aprile è per mercoledì 8 alle 19 con un altro interessante talk in presenza, sempre al [Politecnico di Milano](https://www.google.com/maps/place/45%C2%B028'41.3%22N+9%C2%B013'43.6%22E/@45.478127,9.228763,17z/data=!3m1!4b1!4m4!3m3!8m2!3d45.478127!4d9.228763?entry=ttu)! Questo mese testiamo un nuovo formato, quello del panel. Per questo motivo, questo mese 4 speaker diversi discuteranno e condivideranno il modo in cui usano l’AI al lavoro. L’AI per molte persone è uno degli alleati più importanti sul posto di lavoro: bisogna però saperla usare con criterio ed etica per ottenerne il meglio. Nello specifico, ecco chi sono i nostri speaker e di cosa parleranno: \- Dennis Ploetner: best practices per sfruttare l'AI nello sviluppo software \- Matteo Enna: come gestire i team non tecnici che desiderano approcciarsi al vibe coding in azienda \- Giovanni Invernizzi: come sfruttare l'AI per un'ottimizzazione avanzata delle web performance \- Stefano Minoia: come utilizzare l'AI per rendere un sito più accessibile Sai cosa c’è di bellissimo? Il fatto che, se vorrai, potrai partecipare anche tu al giro di tavolo condividendo (anche da remoto se ci segui in streaming) il modo in cui anche tu hai integrato l’AI nel tuo flusso di lavoro. Porta i tuoi successi, ma anche i tuoi dubbi e i vostri fallimenti, perchè alla fine community significa crescere l’un l’altro. \-\-\-\-\-\-\-\-\- Saremo in diretta streaming Non puoi partecipare di persona? Noi non ti giudicheremo! :) Se vuoi, puoi seguirci anche in diretta streaming su YouTube. Il link sarà visibile solo una volta che avrai fatto la tua iscrizione all'evento. Durante la diretta, se vorrai, potrai intervenire anche tu usando una webcam e un microfono per dire la tua: basterà usare il link che verrà fornito via chat. \-\-\-\-\-\-\-\-\- I prossimi appuntamenti della community WordPress Checkout Summit La prima conferenza indipendente dal vivo per i professionisti di WooCommerce. 23-24 aprile a Palermo [https://checkoutsummit.com/](https://checkoutsummit.com/) WordCamp Torino 8-9 maggio a Torino [https://torino.wordcamp.org/2026/](https://torino.wordcamp.org/2026/) WordCamp Europe 4-6 giugno a Cracovia [https://europe.wordcamp.org/2026/](https://europe.wordcamp.org/2026/) \-\-\-\-\-\-\-\-\- In breve, ecco come sarà organizzata la serata: 19:00 Benvenuto + networking 19:20 Panel (di circa 50 minuti) 20:10 Domande e risposte 20:30 Fine; Chi vuole può continuare il networking in un bar o pizzeria vicino al luogo dell’evento. All’inizio dell’incontro faremo il conteggio per prenotare: per non creare disguidi conferma la presenza solo se sei sicuro di venire. Networking significa che ci sarà tempo per chiacchierare con chi partecipa e fare amicizia. Potresti trovare una persona interessante, un futuro cliente, un futuro fornitore o un nuovo partner di lavoro, chi può dirlo? Non riesci a venire, o devi dare la tua disdetta? Nessun rancore, sarà per la prossima. Ti chiediamo solo di farci sapere 24 ore prima così - liberiamo il tuo posto per altre persone. Vuoi essere speaker? Beh, nulla di più facile: Compila il modulo [cliccando qui](https://wpmilano.org/speaker-form/). Ti risponderemo per fornirti tutti i dettagli. Ci vediamo lì! 😉

Vieni a conoscere la nostra Travel Community e la piattaforma di prenotazione viaggi più conveniente del web; partecipa al nostro Evento di presentazione del progetto, con il quale puoi risparmiare e anche guadagnare viaggiando... la presentazione è gratuita, ma se vorrai rimanere a cena e dopocena com DjSet con noi, pagando una quota di €20, saremo felici di conoscerti

Nuovo incontro per il Meetup WordPress di Roma! In questo appuntamento avremo Andrea Fercia, Vincenzo Arena e Stefano Cassone come speaker. Andrea, Vincenzo e Stefano ci parleranno delle novità e degli aggiornamenti della versione 7 di WordPress la cui uscita è prevista per il 9 aprile. La 7 è una versione che correggerà diversi bug e introdurrà diverse nuove funzionalità e vedremo quali. Come di consueto i contributi sotto forma di flash-talk o ulteriori approfondimenti possono essere proposti direttamente durante il Meetup, oppure nel canale #wproma su Slack nella Italia WP Community. Alla pagina [https://it.wordpress.org/slack/](https://it.wordpress.org/slack/) trovate le informazioni su come entrare in contatto con il gruppo e contribuire all'evento. Saremo ospitati da **Binario F**, sempre all'interno dello spazio di The Hub - LVenture Group. **IMPORTANTE!** Per esigenze interne allo staff di Binario F, anche per questo incontro è confermato l’orario delle ore **18.00** e finiremo entro le **18.45** quando ci sposteremo al bar del quarto piano per continuare. A causa dell'orario "ristretto", vi chiediamo la massima puntualità perché inizieremo alle **18.00** per rimanere nei tempi. Il Meetup WordPress di Roma è un evento dal vivo gratuito dedicato al mondo WordPress. Potete trovarci su Telegram con il canale del meetup: **[https://t.me/+wESJrNYivk9kNzA0](https://t.me/+wESJrNYivk9kNzA0)** Siamo presenti sui social network: * **[Facebook](https://www.facebook.com/WordPressMeetupRoma)** * **[X (Twitter)](https://www.twitter.com/roma_wordpress)** * **[Mastodon](https://mastodon.uno/@wproma)** * **[LinkedIn](https://www.linkedin.com/company/wordpress-meetup-roma/)** Un grande grazie ai nostri sponsor **[Rocket Hosting](https://rockethosting.it/)** e **[Sticker Mule](https://www.stickermule.com/)**, e a **[Binario F](https://binariof.fb.com/it/)** per ospitarci in questa bellissima sede.

[Italiano sotto] ### 🎧 Digital Roman Weekend Chillout + Party! Let’s wrap up the after-holidays work week the right way! Join us for a Sunday evening of good vibes, great food, and amazing music as we take over Yellow Bar. We are starting with a relaxed aperitivo to catch up and chill, and then we are turning up the volume to finish the week with a proper party. Whether you want to chat, eat, or dance, this is the place to be. **📍 The Details:** * **Where:** Yellow Bar (Via Palestro 40, Roma) * **When:** Sunday, April 12th * **Time:** From 18:30 onwards **✨ What to Expect:** * **Exclusive Discounts:** When you arrive, make sure to find me! I’ll be handing out special Digital Roman bracelets to all our members, which gives you **10% off** your drinks for the night. * **Free Food:** Get here early! Starting right at 18:30, Yellow Bar will be serving up free pasta and nachos during the aperitivo time. * **The Party:** After we’ve had some time to chill, chat, and eat, I’ll be stepping behind the decks as **DJ Amora**! I'm playing a special DJ set to close out the week and get us moving. Come for the nachos, stay for the music, and let's keep building this amazing community in Rome. **Everyone is invited** so make sure to bring a friend if you want! **Please hit RSVP** so I can make sure I have enough wristbands ready for everyone! See you on the dancefloor. 🍹🕺 Here is the Italian translation, keeping that same fun, energetic, and welcoming vibe as the English version! I left a couple of terms like "chill" and "good vibes" since they are very commonly used in the Italian nightlife and expat scene. *** 🎧 **Digital Roman Weekend Chillout + Party!** Concludiamo la settimana lavorativa post-feste nel modo giusto! Unitevi a noi per una domenica sera all'insegna delle *good vibes*, dell'ottimo cibo e di fantastica musica, pronti a conquistare lo Yellow Bar. Inizieremo con un aperitivo rilassato per chiacchierare e fare un po' di *chill*, per poi alzare il volume e chiudere la settimana con una vera e propria festa. Che abbiate voglia di parlare, mangiare o ballare, questo è il posto giusto. 📍 **I Dettagli:** * **Dove:** Yellow Bar (Via Palestro 40, Roma) * **Quando:** Domenica 12 aprile * **Orario:** Dalle 18:30 in poi ✨ **Cosa vi aspetta:** * **Sconti Esclusivi:** Quando arrivate, cercatemi! Distribuirò dei braccialetti speciali "Digital Roman" a tutti i membri, che vi daranno diritto al 10% di sconto sui drink per tutta la serata. * **Cibo Gratis:** Arrivate presto! A partire esattamente dalle 18:30, lo Yellow Bar servirà pasta e nachos gratuiti durante l'orario dell'aperitivo. * **La Festa:** Dopo aver passato un po' di tempo a rilassarci, mangiare e chiacchierare, salirò in console come **DJ Amora**! Suonerò un DJ set speciale per chiudere la settimana e farci ballare. Venite per i nachos, restate per la musica e continuiamo a costruire questa fantastica community a Roma. Tutti sono invitati, quindi sentitevi liberi di portare un amico se vi va! **Vi prego di confermare la vostra presenza (RSVP)** così posso assicurarmi di avere abbastanza braccialetti per tutti! Ci vediamo in pista. 🍹🕺

Let's meet to eat, drink, chat, practice languages, and make new friends! Dozens of people (locals and foreigners) are attending every week! See you all there! The Location : ANGELI ROCK in VIA OSTIENSE 193 B Just close from metro station 'SAN PAOLO' (B line), CS meeting is held for you! 👉 You are kindly asked to register your participation. ⏰ Be on time or your seat will be made available for other customers! 👉 You will be requested to order a drink and/or food from the menu. 💳 Payments are made at table. HOW TO GET THERE: metro station: San Paolo (500 metres) or bus stops: 23 / 769 or night bus: N2 Here is the map to the bar: https://goo.gl/maps/tAE4v5yBipHzoe7S8 JOIN OUR WHATSAPP GROUP TO BE UPDATED : we have a wa group to be connected. Please write me a pm if you want to be added. P.S. anche se non parlate bene inglese siete i benvenuti !!!! ;-)

🔥 **LA RIVOLUZIONE INTERIORE: Il tuo primo atto di resilienza** **…“Viviamo in un mondo dove siamo tutti interconnessi, e quindi il bene o il male che facciamo a un altro finiamo per farlo a noi stessi. Bisogna quindi imparare a cooperare invece di competere indiscriminatamente. E se non ora quando?”... Federico Faggin** **Perché farlo:** Difronte alla **disintegrazione e al cinismo** la nostra risposta è **una rivoluzione interiore** che si esprime in **solidarietà e resistenza nonviolenta.** Qui alleniamo **azioni valide,** quelle che rafforzano l’unità interna e riducono contraddizione e sofferenza, dentro e fuori di noi. ### **🌱 IL NOSTRO PERCORSO SETTIMANALE è l'allenamento per la Doppia Rivoluzione: Interna e del mondo che ci circonda.** * **Pratiche di consapevolezza:** Impariamo a connetterci con la parte più vera e profonda di noi. * **Autoconoscenza:** Conosci te stesso, fai **pace** con il passato, **trasforma** il presente**, costruisci il futuro**. Qui rompiamo le catene della paura e della violenza che ci tengono bloccati. 🫂 **LA FORZA NELL'UNIONE: si cresce insieme!** * **RELAZIONI AUTENTICHE:** Spazi di ascolto sincero, condivisione e mutuo sostegno. **Non c’è rivoluzione senza comunità.** Ci alleniamo a compiere azioni che rafforzano l’unità e riducono la contraddizione, dentro e fuori di noi. * **PROGETTAZIONE E AZIONE SOLIDALE:** La nostra consapevolezza interiore si trasforma in **azione nonviolenta e solidale**. Insieme pensiamo e costruiamo iniziative concrete e comunità che sfidano la logica del potere e del consumo, riportando l'essere umano al centro. ### **Cosa troverai qui** * **Un cammino,** non un corso da seguire. Non si viene solo a “prendere”: qui si cresce insieme. **La Regola d’Oro come bussola etica.** * Un contesto del tutto non-confessionale e aperto a ogni forma di ateismo, spiritualità e provenienza religiosa. * **Un ambiente libero** dove puoi crescere davvero, uno spazio in cui crescano la gentilezza, il buon umore e la sincerità interiore. * **Persone con cui praticare, dialogare, fare nuove esperienze, condividere momenti di festa e di silenzio.** **🚫 Cosa NON è** * **❌ Non è psicoterapia** *** ### **🔄 Come partecipare** **Ci incontriamo ogni settimana a Roma e online.** **COME PRENOTARE: se interessati, oltre a segnarvi nell'evento, è FONDAMENTALE PRENOTARSI SU TELEGRAM o WHATSAPP al +393461476543** **POSTI: 20 (RSVP obbligatorio)** **QUANDO si svolge**: tutti i sabato dalle ore 11,00 alle 13,00. **A CHI E' RIVOLTO**: **a giovani fino a 30 anni di età.** **GLI EVENTI SONO GRATUITI**: tutte le attività sono gratuite, ma si richiede, dopo il primo incontro di prova, un contributo annuale di 20€ per coprire le spese per i materiali, i social, la sala e spese varie. **COSA PORTARE:** curiosità, rispetto, un quaderno dove annotare le difficoltà e i progressi. Questo sarà il vostro vero libro di bordo. Inoltre è consigliato indossare un abbigliamento comodo. **IL LUOGO**: Oxygene - Via san Tommaso D’Aquino 11a **Prenota ora il tuo posto, non rimandare.** **ACCADEMIA DELLA BUONA CONOSCENZA – Roma**

Ti va di imparare qualcosa di nuovo e allo stesso tempo condividere ciò che sai fare? Partecipa a questo **scambio di competenze** in un contesto informale, all’aperto, dove incontrerai un’altra persona con cui scambiare una skill in modo diretto e concreto. L’obiettivo è creare connessioni significative attraverso la condivisione delle competenze: ognuno insegna qualcosa e impara qualcosa. ### **Come funziona** * All’inizio ci sarà un breve momento di icebreaking per conoscerci * Poi verrai abbinato/a a un’altra persona * Avrete del tempo dedicato a uno scambio 1:1: tu insegni una skill, l’altra persona insegna la sua Non serve essere esperti: vanno benissimo anche competenze semplici o curiose. ### **Porta con te** * Una skill che puoi insegnare in poco tempo * Eventuali materiali necessari per insegnarla (es. laptop, carte, strumenti, quaderno, ecc.) * Curiosità e apertura verso gli altri * Un telo per sederti sul prato (opzionale ma consigliato) ### **Esempi di skill** * Lingue (frasi base, pronuncia, conversazione) * Disegno o creatività * Produttività / tool digitali * Fotografia * Origami * Public speaking * Meditazione / respirazione * Qualsiasi cosa tu sappia fare e condividere Questo è un primo incontro per esplorare un nuovo modo di connettersi attraverso lo scambio di competenze. Porta apertura, voglia di condividere e di metterti in gioco!

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**TBA**

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

Pay attention! We’re delaying a week for those of you who may be on Spring break and/or celebrating the holiday. Ok, no pancakes, but waffles-a-plenty. Join the local UX and Digital Design community for a casual monthly breakfast. Look for us upstairs!

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

**PLEASE READ THE FOLLOWING IMPORTANT NOTES:** 1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring. 2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today. One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences. A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites. Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires. **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Structure and Basic HTML5** This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document. * **Topics**: * **Web Architecture Overview**: How browsers, servers, and web pages interact. * **HTML Fundamentals**: Understanding elements, tags, and attributes. * **Basic Document Structure**: Using !DOCTYPE html, html, head, and body. * **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br). * **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a). * **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website. **Class 2: Semantic HTML5 and Multimedia Integration** Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia. * **Topics**: * **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article. * **Images**: Adding images using the img tag and attributes like src, alt, width, and height. * **Multimedia**: Embedding audio and video content using the audio and video tags. * **File and Folder Structure**: Best practices for organizing project files and managing file paths. * **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file. **Class 3: Forms and User Input** This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input. * **Topics**: * **Form Basics**: Using the form element, action and method attributes. * **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit). * **Form Elements**: Utilizing label, textarea, select, option, and button. * **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern. * **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation. **Class 4: Introduction to CSS3 and Basic Styling** The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible. * **Topics**: * **CSS Fundamentals**: The role of CSS, selectors, properties, and values. * **Integrating CSS**: Using inline, internal, and external style sheets. * **The Box Model**: Understanding margin, padding, border, and content for basic layout. * **Basic Styling**: Changing colors, fonts, and text alignment. * **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels. * **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.

Our monthly PHP meetup. A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm