Web Technology
Alle Meetups die sich mit dem weiten Feld der Web Technologien beschäftigen findest du hier!
22.830
Mitglieder
34
Gruppen
Größte Gruppen zum Thema Web Technology
Neueste Gruppen zum Thema Web Technology
Häufig gestellte Fragen
Ja! Schau dir die web technology Veranstaltungen an, die heute stattfinden hier. Das sind persönliche Treffen, bei denen du Gleichgesinnte treffen und sofort an Aktivitäten teilnehmen kannst.
Entdecke alle web technology Veranstaltungen, die diese Woche stattfinden hier. Plane im Voraus und nimm an spannenden Meetups während der Woche teil.
Auf jeden Fall! Finde web technology Veranstaltungen in deiner Nähe hier. Verbinde dich mit deiner lokalen Community und entdecke Veranstaltungen in deiner Umgebung.
Web Technology Veranstaltungen Heute
Nimm an persönlichen Web Technology Veranstaltungen teil, die gerade stattfinden
Kostenloses Schnuppern - Wien Center (Mo - 10:00)
Hallo,
hast du dich schon einmal gefragt, was *weight friends* eigentlich ist?
Jetzt hast du die Möglichkeit, es ganz unverbindlich kennenzulernen!
Komm zu unserem **kostenlosen Schnupper-Workshop** und erfahre, wie unser Programm funktioniert, was wir anbieten und wie wir dich auf deinem Weg unterstützen.
Unser Fokus liegt auf einem gesunden Lebensstil durch:
* ausgewogene Ernährung
* Bewegung und Fitness
* mentale und soziale Stärke
– mit dem Ziel einer nachhaltigen Gewichtsabnahme.
Triff Gleichgesinnte, die die Herausforderungen und Erfolge einer Lebensstilveränderung kennen. Tausche dich aus, teile Erfahrungen und fühle dich in einer offenen und freundlichen Atmosphäre willkommen.
Du erfährst:
* wie unser Programm aufgebaut ist
* wie du motiviert bleibst
* wie du mit Höhen und Tiefen umgehst
* wie aus kleinen Schritten dauerhafte Veränderungen werden
Komm vorbei, schnuppere kostenlos rein und finde heraus, ob *weight friends* zu dir passt –**ganz ohne Verpflichtung.**
[weight friends](https://www.weightfriends.at/)
Quiz Night at Pickwick’s!
Hello Viennovans! Pickwick's is getting quizzical every monday night! You have a chance to win a round of shots, a 40€ bar tab and/or eternal bragging rights 😉 Teams of up to 6 people, reserve your spot today! Start time is 7!
FREE SHOT FOR EVERYONE COMING FROM VIENNOVA!
Board Game Evening
A Board Game Evening at Munchy The Urban Kitchen am Schottenring! Come, play, socialize, meet and enjoy! You can bring your own games or choose from the ones available.
We have:
* Jenga
* Monopoly
* Tabu
* Uno
and so on...
We are excited to see you here!
Enjoy your nice Monday evening! 🥳
[Follow us on Instagram](https://www.instagram.com/makingfriendsinvienna)❤️
[Follow us on Facebook](https://www.facebook.com/makingfriendsinvienna)💙
Do you have questions? Write us on Instagram 🎉
German Language Night Vienna
Casual event for all German learners to interact and practice their language skills in a stress-free setting. Event is moderated and spiced up with social games to improve German proficiency. Suitable for levels A2-C2, patient native speakers are welcome too.
Admission: EUR 10.00 cash at the door (including 2 free drinks)
Discount for currently enrolled participants of the https://wien.expat.info/germancourse
To secure your spots, please ...
* Step 1: RSVP here on Meetup first (optional but recommended)
* Step 2: Complete your registration at [https://wien.expat.info/germannight](https://wien.expat.info/germannight)
Salsa Anfänger Kurs
### **Salsa Grundkurs – Dein Einstieg ins Tanzen**
In unserem Salsa Kurs lernst du die Basics von Salsa kennen: Schritte, Drehungen und erste Figurenkombinationen. Unser Grundkurs ist perfekt für Anfänger und legt die Basis für Deine Salsa-Reise. Mit Spaß und Leidenschaft bringen wir Dir die Rhythmen und Bewegungen bei.
Starte jetzt und entdecke die Welt des Salsa-Tanzens!
Ein Schnupperstunde kostet 15€
Saludos
Latin Studio Julion :)
Web Technology Veranstaltungen Diese Woche
Entdecke, was in den nächsten Tagen passiert
Webswing & webforJ in der Praxis & Here we go again: Java26
Agenda:
18:00 Doors Open
18:20 Intro/Sponsor Welcome
18:30 Doors Closed! (the reception on the ground floor will not be served anymore.. come early!)
18:30 **Here we go again: Java26 / Dominik Dorn**
19:30 Break, Food, Drinks
19:55 Raffle
20:00 **Java-UIs modernisieren ohne JavaScript — Webswing & webforJ in der Praxis / Stephan Wald**
21:00 Networking
Talk 1: **Here we go again: Java 26**
We'll explore everything new in Java 26!
**Java-UIs modernisieren ohne JavaScript — Webswing & webforJ in der Praxis / Stephan Wald**
Ihr habt eine Swing-Anwendung. Oder Eclipse RCP. Oder Oracle Forms. Das Management will sie „im Browser". Der Reflex: React-Frontend, REST-APIs, JavaScript-Entwickler einstellen, zwei Stacks pflegen. Aber muss das sein?
Es gibt inzwischen mehrere Java-native Ansätze für Web-UIs — ihr kennt vermutlich einige davon aus früheren Meetups. Die meisten setzen voraus, dass ihr eure UI von Grund auf neu schreibt und bestehenden Code hinter REST-APIs kapselt. Unser Ansatz ist ein anderer: Wir zeigen einen **zweistufigen Migrationspfad**, der mit der unveränderten Bestandsanwendung im Browser startet und die Modernisierung dann Bildschirm für Bildschirm vorantreibt — ohne den Betrieb zu unterbrechen und ohne eine zweite Technologie einzuführen.
Im ersten Schritt kommt **Webswing** zum Einsatz — eine Laufzeitumgebung, die Java-Desktop-Anwendungen (Swing, JavaFX, SWT, Eclipse RCP) unverändert im Browser bereitstellt, indem sie auf Toolkit-Ebene in die AWT-Pipeline eingreift und das Rendering über HTML5 Canvas und WebSocket an den Client streamt. Im zweiten Schritt zeigen wir **webforJ** — ein Open-Source-Framework (Apache 2.0), mit dem moderne Web-UIs komponentenbasiert in purem Java entstehen: Routing, Data Binding, responsive Layouts, Spring-Boot-Integration — ohne eine Zeile JavaScript.
Der technische Kern des Abends:
* **Webswing unter der Haube:** Wie die Custom-`Toolkit`-Implementierung funktioniert, was auf Server- vs. Client-Seite passiert, und wo die Latenz-Grenzen liegen
* **webforJ-Architektur:** Server-seitiges Component Model auf Basis von DWC (Dynamic Web Client) Web Components, Event-Handling im Vergleich zum Swing-Listener-Modell, Layout-System (`FlexLayout` vs. `BorderLayout`)
* **`WebswingConnector`:** Die Integrationsbrücke — wie eine webforJ-Anwendung eine Webswing-Session einbettet und bidirektionale Kommunikation zwischen Legacy-Swing-Code und modernem UI ermöglicht
* **Live-Code:** Vom minimalen webforJ-Hello-World bis zur Hybrid-App mit eingebettetem Swing-Panel — wir bauen es vor euren Augen
* **Ehrliche Trade-offs:** Wann dieser Ansatz passt, wann nicht — und was er im Vergleich zu einem reinen UI-Framework-Wechsel bringt und kostet
Wir bringen einen Praxisbericht mit: Ein niederländischer ERP-Anbieter hat mit einem kleinen Team in vier Monaten die ersten Web-Module produktiv geschaltet — ohne JavaScript-Expertise im Haus.
**About the Speaker**
Stephan Wald entwickelt seit über 35 Jahren Enterprise-Software, seit über 20 Jahren in Java. Seine Erfahrung umfasst C++, C#, mehrere Business-Basic-Dialekte sowie heute primär Java. Als Head of Development und Mitglied der Geschäftsleitung bei BASIS International Ltd. (Albuquerque, USA) verantwortet er die Entwicklung des webforJ-Frameworks, eines Single-Stack-UI-Frameworks für geschäftskritische Java- und Kotlin-Anwendungen in mittelständischen und großen Unternehmen weltweit. Parallel baut er mit [SkillsPilot.de](http://skillspilot.de/) eine KI-gestützte SaaS-Plattform im HR-Consulting, die mit namhaften deutschen Unternehmen mit bis zu 20.000 Mitarbeitenden wächst. Speaker auf der JavaOne 2026.
Coding Club 💻❤️
**Hey everybody!**
Do you want to code together, share your projects, or just hang out in a creative atmosphere?
Then join us at the **Coding Club @ Jo&Joe Hostel**!
We usually start with a short introduction round so everyone can get to know each other.
After that, you can:
* share your achievements or pet projects (informal, just at the table)
* get feedback or inspiration from others
* or simply work on your own project alongside the group
Bring your laptop (or any device you like to code on) if you want to actively work.
Or just come by to connect and get inspired.
Please try to be on time so we can kick things off together.
Looking forward to seeing you there! 🚀
WordCamp Vienna 2026: Workshop Day
WordCamp Vienna is the largest WordCamp in Central Europe and will take place for the 10th time on April 10 and 11, 2026, at the Old General Hospital (Altes AKH), the campus of the University of Vienna.
We expect more than 350 WordPress enthusiasts from Austria and abroad.
On Friday, April 10, we will kick things off in the afternoon with 6 workshops for beginners, intermediate users, and developers — as well as a session designed to encourage exchange within the Austrian WordPress community.
Saturday, April 11, is our main conference day with three established tracks and a total of 21 WordPress talks — in German, English, as well as a dedicated developer track.
We have exciting workshops and talks prepared for you — we’re looking forward to seeing you!
**Reservation**
* Buy your ticket here: [https://vienna.wordcamp.org](https://vienna.wordcamp.org/) Tickets are very cheap: thx to our sponsors!
**Topics**
* There are many talks in english and german covering how to getting more out of WordPress, as well as numerous developer, design & SEO / marketing talks!
**Community-Support**
* We will also be providing support all day long at the Help-desk and the Happiness-Bar!
**About WordCamp**
* WordCamp is a conference that focuses on everything about WordPress.
* WordCamps are informal, community-organized events that are put together by WordPress developers and users like you. Everyone from casual users to core developers participate, share ideas, and get to know each other.
* This WordCamp will be at the same great venue, UNI Campus in the Altes AKH.
**What You get!**
* Your WordCamp Vienna ticket covers both the conference on Saturday and Contributor Day / Workshops on friday.
* It grants you access to all sessions, lunch, coffee breaks, and the after party (with some free drinks). It includes an exclusive t-shirt, stickers, and other great swag.
* This year we are also offering free child-care (50 m away from the venue). You can let us know during ticket purchase if you need this service and we will contact you with further details.
We look forward to seeing you again at WordCamp Vienna 2026!
CZSK PPUG Meetup
Pojďme se pravidelně potkávat a sdílet zkušenosti z Power Platformy, co nás na ní baví, co nás trápí a co nového zajímavého přichází. A pokud už nám to někde reálně běží, pochlubme se, jak to funguje nebo nefunguje.
Témata jsou primárně Power Automate, Power Apps, Power Pages, Power BI, Copilot Studio, Dynamics 365 a Dataverse. Budeme rádi i za méně pokročilé příspěvky, protože většinou jsme velmi hluboko v technických detailech.
**Lokalita:**
Fyzicky v Microsoftu v Praze
Vyskočilova 1561/4a, Praha 4, 140 00
Místnost Morava
Případně online na [https://ppug.community/stream](https://ppug.community/stream)
**Jazyk:**
čeština
**Agenda:**
[https://ppug.community/agenda](https://ppug.community/agenda)
**Přihlašte vlastní příspěvek:**
[https://ppug.community/sessions](https://ppug.community/sessions)
**Link na stream:**
[https://ppug.community/stream](https://ppug.community/stream)
**Občerstvení:**
Bagety
**Úroveň:**
100-300
Tak si prosím naplánujte čas ve svých kalendářích a přijďte, pokud bude chuť a čas, tak si po meetupu určitě můžeme sednout na pivo.
UX Vienna Mornings: Product Management and User Experience Breakfast 🌄
**Attention: As the first Friday of the month falls on Good Friday, which is during the Easter holidays, the next UX Vienna Mornings event will be held on Friday 10 April.**
Are you interested in product management and user experience? Are you an early bird? Join us for **UX Vienna Mornings**, a casual breakfast meetup.
Meet like-minded people, discuss interesting topics, and expand your professional network in a great atmosphere.
Our agenda:
1. Introduce yourself: Share what you do or what you like.
2. Learn about job opportunities and upcoming events.
3. Discuss your topics or projects. Is there a question you would like to discuss? Or a project you would like to share? Please bring them along!
4. Network and chat.
**UX Vienna Mornings** take place on the first Friday of every month from 8 am to 10 am.
Please note that this location only accepts cash.
By participating, you agree that your likeness may be recorded and authorise UX Vienna to use any recording containing your likeness in any medium for any purpose.
Accessible services for people with special needs: For assistance from a public transport stop to the venue and back, please email Max Scheugl at m@nofro.com
WordCamp Vienna 2026: Conference Day
WordCamp Vienna is the largest WordCamp in Central Europe and will take place for the 10th time on April 10 and 11, 2026, at the Old General Hospital (Altes AKH), the campus of the University of Vienna.
We expect more than 350 WordPress enthusiasts from Austria and abroad.
On Friday, April 10, we will kick things off in the afternoon with 6 workshops for beginners, intermediate users, and developers — as well as a session designed to encourage exchange within the Austrian WordPress community.
Saturday, April 11, is our main conference day with three established tracks and a total of 21 WordPress talks — in German, English, as well as a dedicated developer track.
We have exciting workshops and talks prepared for you — we’re looking forward to seeing you!
**Reservation**
* Buy your ticket here: [https://vienna.wordcamp.org](https://vienna.wordcamp.org/) Tickets are very cheap: thx to our sponsors!
**Topics**
* There are many talks in english and german covering how to getting more out of WordPress, as well as numerous developer, design & SEO / marketing talks!
**Community-Support**
* We will also be providing support all day long at the Help-desk and the Happiness-Bar!
**About WordCamp**
* WordCamp is a conference that focuses on everything about WordPress.
* WordCamps are informal, community-organized events that are put together by WordPress developers and users like you. Everyone from casual users to core developers participate, share ideas, and get to know each other.
* This WordCamp will be at the same great venue, UNI Campus in the Altes AKH.
**What You get!**
* Your WordCamp Vienna ticket covers both the conference on Saturday and Contributor Day / Workshops on friday.
* It grants you access to all sessions, lunch, coffee breaks, and the after party (with some free drinks). It includes an exclusive t-shirt, stickers, and other great swag.
* This year we are also offering free child-care (50 m away from the venue). You can let us know during ticket purchase if you need this service and we will contact you with further details.
We look forward to seeing you again at WordCamp Vienna 2026!
April Crafting Club
Wie jedes Monat treffen wir uns zum Creativ Club! 👩🏼🎨
**🪩Jetzt zum 1.Mal in Wien!🪩**
***Schnee von Morgen Crative Club*** kurz erklärt ➡️ **jedes Monat** gibt es ein **neues Hobby** zum **ausprobieren**, du weißt vorher nicht was nächstes Monat kommt. Erst beim Auspacken kommt die Auflösung. Bei uns haben schon **viele** was **neues für sich endeckt**, was ihnen “unmöglich gefallen” könnte. Der **Mut** zum Ungewissen hat sich bis jetzt **für jede/n ausgezahlt! 🖼️ 🎨🖌️**
Freu dich auf eine entspannte Atmosphäre, nette Leute und viel kreatives. Kleine Snacks, Tee & Kaffe stehen zur Verfügung um einfach mal abzuschalten. 🧘🏼♀️🧘🏼♂️
**🖌️ Kreatives ausprobieren für Erwachsene und Jugendliche 🎨**
„Adults” Only ab 16 Jahren
**Kosten 25€ / Person**
***In den 25€ sind alle Verbrauchmaterialen, Werkzeuge, eine step by step Anleitung & Snacks inklusive. 🪚***
Web Technology Veranstaltungen in deiner Nähe
Verbinde dich mit deiner lokalen Web Technology Community
[Ben Frain: Top 10 CSS Tips To Make Your Dev Life Easier] #11
Join us for **Ben Frain**'s talk ...
Ben's book "Responsive Web Design With HTML5 and CSS" caught my attention (and should interest you as well). Find it here: [https://rwd.education/](https://rwd.education/)
***Bring your laptop and expect to write some (non-AI generated) code!***
Food and drinks will be available.
**LOCATION:**
6515 Longshore Loop, Suite 300, Dublin, OH 43017
**FREE PARKING:**
6725 Longshore Street, Dublin, OH 43017
Topic to be announced
Topic to be announced!
**CALL FOR SPEAKERS**
Learn more: https://www.awscolumbus.com/get-involved/
**THANK YOU** *Leading EDJE* for hosting our meetup!
Leading EDJE specializes in helping organizations innovate and solve complex problems. EDJE does this with their "A" player team of professionals using agile methodologies and SCRUM management techniques to give organizations a competitive advantage that sets them apart. Learn more at https://www.leadingedje.com/
**THANK YOU** *Amazon Web Services* for sponsoring pizza! Learn more at https://aws.amazon.com/.
**DIRECTIONS**
6515 Longshore Loop, Suite 300
Dublin, OH 43017
(3rd floor)
**FREE PARKING** at the Endres Garage across the street, 6540 Riverside Dr, Dublin, OH
**Want to sponsor the pizza and/or bar tab for a future meetup?**
Please contact me if you would like to sponsor this meetup's pizza and/or bar tab: angelo@mandato.com
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.
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.
Christians in Tech - Meetup #33 @ Improving
Christians in Tech is a community at the intersection of faith and technology. Our meetups are designed to spark meaningful conversations, promote knowledge sharing, and encourage growth—both in your career and your spiritual walk with God. Whether you're an experienced professional or just starting your tech journey, CIT welcomes you.
Our Website
[https://linktr.ee/citcbus](https://linktr.ee/citcbus)
Sponsors and Partners
* Improving (Venue Sponsor)
* Bethel World Prayer Center (Fiscal Sponsor)
* Fruits & Roots (Coffee Partner)
Columbus PHP: Monthly Meetup
Our monthly PHP meetup.
A virtual shindig courtesy of Zoom. Check back here for the details around 6:15 pm
























![[Ben Frain: Top 10 CSS Tips To Make Your Dev Life Easier] #11](https://secure.meetupstatic.com/photos/event/2/f/d/f/highres_533472255.webp?w=640)




