Graphical User Interfaces
Incontra persone della tua zona interessate a Graphical User Interfaces; condividi esperienze, trova ispirazione e incoraggiamento reciproco! Unisciti a un gruppo di Graphical User Interfaces.
0
iscritti
0
gruppi
Domande Frequenti
Sì! Dai un'occhiata agli eventi di graphical user interfaces che si svolgono oggi qui. Questi sono incontri di persona dove puoi incontrare altri appassionati e partecipare ad attività in questo momento.
Scopri tutti gli eventi di graphical user interfaces che si tengono questa settimana qui. Pianifica in anticipo e partecipa a incontri entusiasmanti durante la settimana.
Assolutamente! Trova eventi di graphical user interfaces vicino alla tua posizione qui. Collega con la tua comunità locale e scopri eventi nella tua zona.
Eventi di Graphical User Interfaces questa settimana
Scopri cosa sta succedendo nei prossimi giorni
CNC Intro
Lerne wie ein CNC Fräse funktioniert, und worauf du alles bei der Nutzung achten solltest.
Du bist schon Member im Maschinenraum? Je nach Nutzungsmodell, bekommst du einen Teil der Gebühr als Guthaben auf dein Fabman Konto rückerstattet.
✨DC4131 - Beer on Tuesday (BoT) Sargans🍻
Come and experience the infamous DC4131 hacker meetup vibe! 👾🍻
Please find more event specific info's on our **[webpage](https://www.beerontuesday.ch/)**.
If you have any location specific questions, reach out to the local BoT Master, otherwise please don't hesitate to contact the board through our **[website](https://www.defcon-switzerland.org/)**.
Did someone say **SWAG?! –** That’s right baby, we are back with our refreshed swag shop, where you can now again purchase the latest and sexiest DC4131 Swag – All options and details are here: **[DC4131 Swag Shop](https://industryink.co.uk/collections/defcon)**
We are also on **[Discord](https://discord.gg/Q3KXn5u)**[ ](https://discord.gg/Q3KXn5u):) Come say hi!
GreenOps PowerBI Dashboard
Emissionsdaten aus verschiedenen Quellen erfassen, zusammenbringen, aggregieren und visuell darstellen. Eine Anforderung, die in vielen Unternehmen existiert und sich alle wünschen.
Wie das geht, zeigt Stefanie am Beispiel des GreenOps Reports für die EnBW. Sie erläutert ganz praktisch welche Datenquellen (Azure, AWS, Datacenter, Endgeräte) an das Power BI Reporting angebunden wurden und welche Quellen noch in Zukunft angebunden werden. Das ermöglicht ein vollständiges Bild zum IT Fußabdruck der EnBW zu erhalten. Zudem zeigt sie auf, wie sie bei der Validierung der CO2e Zahlen in Zusammenarbeit mit externen Firmen wie resilio und eco:digit vorgegangen ist und auf welche Ergebnisse die EnBW bei der Validierung gestoßen sind.
Der Abend wird ein Mix aus Praxis-Bericht, Show Cases und How-To sein. Am Ende haben wir alle einen Überblick, wie man die Emissionen der großen Hyperscaler, On-Prem Rechenzentren und weitere Quellen erfasst und in einem Dashboard visualisiert.
**Agenda**
18:00 Einlass & Networking
18:30 Vortrag mit einer kleinen Pause zwischendurch
21:00 Ende & Networking
\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-
Green Software Development Karlsruhe ist ein unabhängiger Teil der globalen [Green Software Foundation](https://greensoftware.foundation/) Community.
Das [CyberForum](https://www.cyberforum.de/), die Wirtschaftsförderung, die [Fairantwortung](https://fairantwortung.org/) und der [ImpactHub Karlsruhe](https://karlsruhe.impacthub.net/) sorgen für eine Verbreitung des Events im Netzwerk.
\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-\-
WPMI Aprile | WordPress e AI: tavola rotonda e confronto aperto
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ì! 😉
Erhöhe deinen spirituell IQ
**ECK-Licht und Ton Gottesdienst:**
Menschen aller Glaubensrichtungen und Überzeugungen sind zum ECK-Licht und Ton Gottesdienst willkommen. Du kannst davon ausgehen, dass du in irgendeiner Weise eine neue Erfahrung mit Gottes Liebe machen wirst!
Die Gottesdienste dauern etwa eine Stunde und können Elemente wie eine Rede, leichte musikalische Darbietungen, Podiumsgespräche und Austausch in Kleingruppen beinhalten.
In den Gottesdiensten gibt es immer Zeit, Licht und Ton Gottes zu erfahren beim Singen des HU und in der anschliessenden kurzen Kontemplation.
Jede Person kann frei entscheiden, ob sie aktiv oder still teilnehmen will.
Wenn du Fragen zur Veranstaltung hast oder technisch etwas unklar ist, kannst du dich gerne via Chat an den Event-Organisator wenden.
Weitere Informationen zu Eckankar oder der Lehre von ECK findest du auf den Webseiten [www.eckankar.ch](http://www.eckankar.ch/) oder [www.eckankar.org](http://www.eckankar.org/) (in English).
Unterstützt von Eckankar Schweiz, einer eingetragenen, gemeinnützigen Organisation.
Wednesday Evening - Vinyasa Yoga with Miriam
**Vinyasa Flow** is your dynamic flowing practice. Aligning movement and breath, this class is a playful exploration of asanas and pranayama cultivating both strength and mindfulness. Selected music complements each phase of the class, transitioning from energizing to calming, supporting the classes energy. We end with relaxation, leaving you centered and refreshed. Our class environment is more than just a space to practice – it's a vibrant community, coming together to support and uplift one another.
**Class in English // Open to all levels**
**\>\> Registrations mandatory [HERE](https://bubbleyoga.ch/yoga/schedule/).**
Yoga mats & all equipment available at the studio.
Simply bring comfy clothes to move.
**Pricing options:**
'2 for 1' Welcome Pack CHF 35
1 month unlimited Intro Pass CHF85
STUDIO Drop-in class CHF35 / Abos available.
All details available on http://www.bubbleyoga.ch
Come as you are & bring your friends!
***
***
Bubble Yoga
Kirchgasse 12
9000 St. Gallen
*NB: The entrance door is at the BACK of the building, from the pathway facing Magnihalden fountain*
Tuesday Evening - Yoga Flow with Anne // Studio or Online
Join Anne in the cosy Bubble Yoga studio or online for this energising & balancing yoga class!
**Vinyasa Flow** is your fluid and energetic flow class! Emphasising the connection of breath and movement, the class combines a creative sequence of poses into a moving meditation, moving in rhythm with the breath - all enhanced by carefully curated music.
With a positive, community oriented & uplifting environment, this class is designed to challenge and inspire you both physically and mentally.
**Class in English // Intermediate level**
**Join at the studio or live online via Zoom.**
**\>\> Registrations mandatory [HERE](https://bubbleyoga.ch/yoga/schedule/).**
Yoga mats & all equipment available at the studio.
Simply bring comfy clothes to move. Class is taught in English.
**Pricing options:**
'2 for 1' Welcome Pack CHF 35
1 month unlimited Intro Pass CHF85
ZOOM Drop-in class CHF20
STUDIO Drop-in class CHF35 / Abos available.
All details available on http://www.bubbleyoga.ch
Come as you are & bring your friends!
***
***
Bubble Yoga
Kirchgasse 12
9000 St. Gallen
*NB: The entrance door is at the BACK of the building, from the pathway facing Magnihalden fountain*
Eventi di Graphical User Interfaces vicino a te
Collegati con la tua comunità locale di Graphical User Interfaces
IxDA Chat ‘n Pancakes
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!
HTML5 Master Series (Class 03 of 04) (SPECIAL OFFERING)
**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.
Cocoaheads
Come out to Improving for our monthly iOS and Mac meetings.
This Month's Presentation:
Nothing yet. (You should volunteer).
What is Cocoaheads (http://cocoaheads.org/)?
CocoaHeads is a group devoted to discussion of Apple Computer's Cocoa Framework for programming on MacOS X and iOS (including the iPhone, iPad and Apple Watch). During monthly meetings, members present on their projects and offer tutorials on various programming topics.
What is BuckeyeCocoa (http://buckeyecocoa.org/)?
BuckeyeCocoa is a group of Objective-C/Swift developers/enthusiasts. We host monthly Cocoaheads and near-weekly NSCoder meetings in Columbus, Ohio. The meetings are free to attend.
Presentations!
Presenters welcome! We are always in need of people willing to present material. Any Swift and/or Objective-C related topic is welcome. Times can be 5 minutes (i.e. lightning talks) to a maximum of 2 hours. Interested? Contact info is on the BuckeyeCocoa website.
To volunteer for a presentation contact us at @BuckeyeCocoa on Twitter.
Follow us on Twitter! @BuckeyeCocoa (https://twitter.com/#!/Buckeyecocoa/) For more information: http://buckeyecocoa.org/
HTML5 Master Series (Class 02 of 04) (SPECIAL OFFERING)
**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.
CBusData: The Fellowship of the Star Schema: Transforming OLTP Data for Power BI
The Fellowship of the Star Schema: Transforming OLTP Data for Power BI
One does not simply build reports on OLTP data. Join us on an epic journey from the depths of raw, normalized tables to the shining halls of a well-modeled star schema fit for Power BI greatness. We will demystify the differences between OLTP and OLAP, walk through star schema vs snowflake (and why Power BI has a clear favorite), and show you the compression differences between normalized and columnar storage that will make you never look at an OLTP model the same way again.
We will cover the different types of dimensions, when to use them, and how to handle Slowly Changing Dimensions without losing your mind. You will leave knowing exactly how to identify a bad model, how to convert OLTP data into a clean star schema, and how to forge relationships that rule them all.
Whether you are a data wizard, a curious hobbit, or somewhere in between, your models will never be the same.
HTML5 Master Series (Class 01 of 04) (SPECIAL OFFERING)
**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.
Prompt vs. Paintbrush
AI is changing how art is made. But when does it stop being your work and start being the machine’s?
This month we're going to be doing a panel with with digital image, music, and written word artists, talking about at what point, while using AI in the creation process, does the work become not the artist creation?
We encourage audience participation during this event that will be moderated by Chris Slee.
Whether you’re deep in the field or just getting curious, come connect with others building and exploring AI in Columbus.
Sponsored by [Transform Labs](https://www.transformlabs.com/services)











