Web Standards

Dans un cadre agréable et une ambiance conviviale, vous vous exprimerez tour à tour en français et en chinois. Vous progresserez dans la pratique de la langue et vous ferez de nouveaux amis! 在愉快友好的氛围中, 你们可以通过讲法语或中文. 你们将在语言练习中取得进步结交新朋友 Suite au succès remporté par nos échanges linguistiques du jeudi, nous avons décidé d'instaurer un second échange hebdomadaire qui se déroulera chaque lundi. Le principe est exactement le même, néanmoins dans un premier temps nous allons limiter ces échanges à 14 participants ( 7 Français et 7 Chinois ). 报名 详细资料 - Informations et inscription à la page Billetweb ci-après: [billetweb.fr/echange-franco-chinois-bis-le-lundi](https://www.billetweb.fr/echange-franco-chinois-bis-le-lundi) **L'inscription sur la page Billetweb est OBLIGATOIRE pour participer.** Mettre "oui" sur l'événement Meetup n'est absolument pas considéré comme une inscription à l'échange. Au plaisir de vous accueillir nombreux!

Bonjour, Je vous propose une boucle au sud de Paris accesible depuis le transilien ligne R. Depart à 11h35 à Souppes-Chateau-Landon (ligne R) (RDV possible à gare de Lyon, le train est à 10h15) Arrivée prévue vers 17h longueur : 21 km Prenez à boire, à manger et de quoi vous couvrir. lien visorando : https://www.visorando.com/randonnee-boucle-de-chateau-landon/ Hello, I invite you to join me for a loop south of Paris accessible from the Transilien line R. Departure at 11:35 AM from Souppes-Château-Landon (line R) (Meeting point possible at Gare de Lyon, the train is at 10:15 AM). Expected arrival around 5:00 PM. Distance: 21 km. Please bring water, food, and appropriate clothing.

* Zwischen 10 und 30 internationale Teilnehmer \* Wir treffen uns, um kulturellen Austausch zu fördern und Fremdsprachen zu üben. Heute Abend stehen Französisch oder Deutsch im Mittelpunkt! Um eine freundliche und intime Atmosphäre zu gewährleisten, ist die Anzahl der Teilnehmer begrenzt. Die Veranstaltungsadresse wird nur mit Personen geteilt, die eine gültige Jahresmitgliedskarte besitzen. Durch den Beitritt zu unserer Vereinigung erhalten Sie außerdem einen kleinen Trick, um die Teilnehmerzahl zu überprüfen. Die Mitgliedskarte bietet eine besondere Funktion: Wählen Sie eine Aufklebernummer, um nach Gesprächen mit anderen Gruppenmitgliedern einen kostenlosen Shot an der Bar zu erhalten. **Kartenkosten**: 5€ (hier erhältlich). \*\* Entre 10 et 30 participants internationaux \*\* Nous nous réunissons pour favoriser les échanges culturels et la pratique des langues étrangères. Ce soir, place au français ou à l'allemand ! Pour une ambiance conviviale et intimiste, le nombre de participants est limité. L'adresse de l'événement sera communiquée uniquement aux personnes possédant une carte de membre annuelle valide. En adhérant à notre association, vous recevrez également une petite astuce pour vérifier le nombre de participants. La carte de membre offre une particularité : choisissez un numéro de vignette pour recevoir un shot gratuit au bar après avoir discuté avec les autres membres du groupe. **Prix du billet** : 5 € (disponible ici). ⬇️ : [https://bit.ly/apero-linguistique2025](https://bit.ly/apero-linguistique2025)

Join us every Monday night for Drink & Think! 🍻 + 🙇‍♂️ Grab your friends, form a team, and compete to figure out riddles, enigmas, and common questions that seem a bit trickier to answer than you'd think. No trivia knowledge required ❓ —this game is all about thinking outside the box, trusting your gut, and having a great time. Expect laughs, friendly competition, and plenty of opportunities to win bragging rights (and drinks)! 🏆 Perfect for groups or individuals, first-time players, and anyone who enjoys games, drinks, and a lively atmosphere. Come early, order a round, and get ready to Drink & Think. 🍻 🎟️ Entry: FREE (we ask that everyone purchases at least one drink) 🕗 Time: 8:30 PM – 10:30 PM 📍 Place: La Pomme d'Eve No experience needed! And feel free to come on your own to meet others or bring your friends! 🧠 So put on your thinking cap and get ready to DRINK & THINK!

Pour le lundi de Pâques, je vous propose une balade photo autour du Parc de Bercy. On passera par le parc, rails, etc ... Les thèmes de travail proposés : 1. **À ras de terre** Nous avons tous tendance à porter l'appareil à hauteur de notre œil. Et si on changeait de hauteur ? Essayez de prendre des photos depuis le sol (merci les écrans orientables), travaillez la contre plongée, trouvez des points de vue originaux 2. **Noir & Blanc** Dans la foulée de l'expo Salgado, je vous propose aussi de travailler votre Noir & Blanc. Et si vous shootez en RAW, vous pouvez quand même dire N&B à l'appareil, qui vous mettra l'écran en N&B, à charge pour vous de refaire la conversion à la maison.

Au programme 1 heure pour découvrir la sophrologie et tous ces bienfaits pour le corps et l'esprit. L'atelier se déroule à l'espace City'zen du parc floral, lieu propice à la détente et au ressourcement. Vous apprendrez les bienfaits d'une respiration en conscience. Vous découvrirez les mouvements de relaxation dynamique. Et savourerez une visualisation positive. Une belle parenthèse pour lâcher prise, se détendre et repartir revitaliser. Simple et efficace, la sophrologie est à la portée de tous, car tout le monde à le droit au bien être... Au plaisir de vous rencontrer À prendre avec vous Venez comme vous êtes... Important Atelier découverte 14€ Réservation au 06 21 64 78 15

On parle d'IA partout. Mais qui parle franchement de ce qu'on vit vraiment avec elle au travail ? Cette table ronde, c'est l'inverse : des expériences concrètes du terrain, les vraies questions sur l'usage de l'IA au travail, et un public invité à participer activement. **LES INTERVENANTS** **[Doug](https://www.linkedin.com/in/pintodouglas/) Pinto** – Formateur IA Il accompagne des professionnels dans l'adoption de l'IA au quotidien. Il partage ce qu'il observe vraiment sur le terrain : les déclics, les peurs, les questions qu'on n'ose pas toujours poser. **[Christophe](https://www.linkedin.com/in/christophehenner/) Henner** – Marketing & IA Il utilise l'IA dans un contexte business et marketing. Il illustre concrètement comment ces outils transforment les métiers, les équipes et les attentes clients. **[Abdoulaye](https://www.linkedin.com/in/adoucoure/?locale=fr_FR)** **Doucoure** – Big Data & Communauté IA Il anime une communauté autour de l'IA et évolue dans l'écosystème data. Il apporte une vision plus large sur les évolutions, les tensions et les grandes questions qui traversent le monde tech. La soirée sera animée par **[Isabelle Bize ✰ Web-atrio](https://www.linkedin.com/in/isabelle-bize-14bbb2177/)**, qui gèrera les échanges, le rythme et les interactions avec le public. *** **CE QU'ON VA FAIRE** La table ronde durera environ 1h20, structurée en 3 temps forts : **1\. Enthousiasme** — Ce que l'IA rend vraiment possible dans nos métiers **2\. Malaise** — Les tensions, inconforts et résistances qu'elle crée **3\. Zones grises** — Les questions encore ouvertes, les usages dont on parle peu Suivi d'un apéro networking 🥂 Le public sera au cœur de la discussion : vous serez régulièrement invités à partager vos expériences et vos questions, y compris celles que vous n'avez jamais osé poser sur l'IA au travail. On vous attend à 18h45 !

Bonjour et bienvenue à toutes et à tous dans notre rencontre mensuelle autour du Ruby, Rails, web, tech, humains... * voici la [liste des présentations ](https://paris-rb.org/lineup#/2)(qui peut toujours évoluer) * nous demandons à chacun-e de suivre la [Contributor Covenant](https://www.contributor-covenant.org/fr/version/2/0/code_of_conduct/) (guide d'éthique et déontologie) * nos événements sont le plus souvent diffusés sur Twitch et le replay sur YouTube : [[https://youtube.com/@paris-rb](https://youtube.com/@paris-rb)](https://youtube.com/@paris-rb) et [[https://twitch.tv/paris_rb](https://twitch.tv/paris_rb)](https://twitch.tv/paris_rb) * pour chercher à embaucher, pour proposer un sujet : venez sur le Slack ou contactez les organisateur-ice-s * c'est avant tout le meetup d'une communauté, nous sommes là pour échanger, discuter, avancer ensemble ! Nos outils principaux sont ce meetup et le Slack [[https://join.slack.com/t/parisrb/shared_invite/zt-1l1u1gpp1-Qrq2_6LqSSpeG0I2TKv_lA](https://join.slack.com/t/parisrb/shared_invite/zt-1l1u1gpp1-Qrq2_6LqSSpeG0I2TKv_lA)](https://join.slack.com/t/parisrb/shared_invite/zt-1l1u1gpp1-Qrq2_6LqSSpeG0I2TKv_lA) Un grand merci aux entreprises qui nous accueillent et nous aident. Pour nous sponsoriser vous aussi, contactez l'organisation. À bientôt !

**[Mohamed MOKHTARI](https://www.linkedin.com/in/mohamedmokhtari/)** & **[Trésor ILOYI](https://www.linkedin.com/in/tresor-iloyi/)**[ ](https://www.linkedin.com/in/tresor-iloyi/)sont experts Design System et accompagnent les grandes entreprises dans la conception, la maintenance et le scale de leurs systèmes de design. Ils partageront leur retour d'expérience sur la construction d'un **Design System multimarque et multitechno** (6 librairies web, 3 mobiles), déployé à grande échelle au sein d'un grand groupe de retail. Un écosystème utilisé par **des milliers de projets**, soutenu par une communauté de plus de **220 contributeurs dans 7 pays** avec **un ROI supérieur à 3M€/an**. Au-delà des chiffres, ce talk décrypte **la mécanique du passage d'un Design System à l'échelle** et quels sont **les leviers** d'un ROI si élevé. Pendant ce meetup, ils partageront leurs méthodes pour : * 📊 Mesurer — Prouver la valeur de votre DS à l'aide d'un modèle de ROI crédible et défendable * 🤝 Fédérer — Transformer vos utilisateurs en contributeurs actifs et booster l'adoption * ✅ Pérenniser — Garantir la qualité et la cohérence sur le long terme * ⚠️ Anticiper — Éviter les pièges stratégiques qui coûtent cher Ce meetup propose une méthode concrète et éprouvée pour faire grandir un Design System jusqu'à en faire un véritable levier stratégique — appuyée par des outils, des métriques, des choix organisationnels et techniques qui font la différence. Pour qui ? * Équipes qui hésitent à lancer leur Design System ou qui peinent à le faire adopter * Décideurs qui veulent des méthodes de mesure du ROI et justifier l'investissement * Devs & Designers qui veulent faire grandir leur DS Retrouvez nous chez Frontguys à partir de 18H45 pour une soirée exceptionnelle ! Code porte 1 : 4539 Première porte à gauche : 4539A Etage 5

Rejoignez-nous dans les locaux de CACD2 pour notre quatrième meetup accessibilité ! Rendez vous pour un nouvel événement régulier dédié à l’accessibilité. L'objectif ? Partager des bonnes pratiques, des retours d'expérience, et créer un espace d'échange entre les actrices et les acteurs du numérique. **Au programme de cette édition :** Une heure de talks 🎤 Un temps de networking convivial autour d'un verre (ou deux)🍻. Le tout dans les locaux de notre hôte ! **Interventions prévues :** **\- Christophe Villeneuve** : Firefox : accessibilité ouverte (orienté développeur) **\- Eugénie Bouillet** : L’accessibilité dans un grand Groupe mutualisé : mission impossible ? **\- Jean\-Pierre Gay :** L’accessibilité numérique entre robustesse et durabilité **Informations sur l'événement :** Rendez-vous le mardi 7 Avril 2026, les talks démarreront à partir de 19h10 (possibilité d'entrer dans la salle dès 18h40). 🕖 Inscription gratuite sur cette page. L'adresse se situe au : **9 Rue Antoine Chantin, 75014 Paris** **Accès PMR** **:** Salles et toilettes accessibles aux fauteuils roulants

📅 Save the Date – Meetup Paris On reprend les bonnes habitudes 😊 Rendez-vous mercredi 8 avril à 19h00 📍 Digital Village – Paris 21 Rue Albert Bayet, 75013 Paris Un moment pour se retrouver, échanger, partager autour du digital, des projets et des idées… 🎤 Envie de proposer un topo ? Prenez directement contact avec [Marc](https://www.linkedin.com/in/marc-lamouret-no-code/) et Thierry !

Nous relançons une série d'événements qui avait débuté en 2020 avec un grand succès ! mais cette fois ci ce sera également des événements preparatifs pour nos prochaines conférences de dîners réseautages à venir en lien avec la thématique inscrite ci-dessous. Donc après une pause bien méritée, nous revenons avec des nouveautés pour rendre cette expérience encore plus mémorable et pour des raisons d'organisation, afin de prendre votre participation en compte, veuillez confirmer votre présence au moins 48 heures avant l'événement svp ✨ Envie de vous détendre dans un cadre enchanteur, entouré de bonnes personnes? tout en partageant des moments inoubliables avec des personnes bienveillantes et engagées 🌌 👉 Vous avez des projets qui vous tiennent à cœur depuis longtemps, mais vous ne savez pas comment les réaliser ? Rejoignez-nous ! 👉 Vous cherchez à élargir votre réseau pour vos projets culturels, intercommunautaires ou sociaux ? Rejoignez-nous ! 👉 Et pourquoi ne pas rencontrer votre futur partenaire idéal(e) (d'affaires ?) Quelqu'un avec qui construire une relation authentique, fondée sur des rêves, des projets et des valeurs communes ? Rejoignez-nous ! En ajoutant que l'un des thèmes de cette soirée portera sur les diverses opportunités entrepreneuriales de demain, en mettant encore l'accent notamment sur nos prochains diners conférences, réseautages à venir sur l'intelligence économique et la veille stratégique ainsi que l'IA, et les différentesopportunitésentrepreneurialesde demain. Ce sera un échange et un partage d'idées, bien sûr, car nul n'a la science infuse. \*\*Le lieu ?\*\* Le Bistrot Romain, (restaurant) de renommée internationale, dans une ambiance conviviale et chaleureuse ! \*\*Infos pratiques :\*\* 181 Avenue de Clichy,Paris 17e. Bistrot Romain Ⓜ️13/14 REC/ Tram T3B Porte de Clichy 💰 Tarif : Participation à l’événement :10 € pour une première consommation sur place et 5e pour l'organisation) Option repas pour moins de 20 € 📞 Contact : Saidou : 06 80 43 26 38 ✉️ Email : hypnotimeconseilservice@gmail.com Ne manquez rien ! Pour suivre toutes les actualités et nouveautés, restez connectés sur nos pages et nos liens de communication. Et je réitère sur le fait que mon équipe et moi nous communiquons sur plusieurs canaux de communication et que le sujet reste centré sur l'entrepreneuriat et le réseautage. Ne vous fiez donc pas à chaque fois aux nombres d'inscrits car il y a d'autres canaux Communication. À bientôt! À bientôt pour une soirée sous le signe des rêves et des étoiles 🌟 Groupe Facebook pour entrepreneuriats https://www.facebook.com/groups/2120429924809744/?ref=share_group_link Page Facebook en lien avec l'entrepreneuriat https://www.facebook.com/lefirmament https://www.facebook.com/profile.php?id=100028020715285 https://www.facebook.com/profile.php?id=100067700986598 Groupe Watsapp pour entrepreneurs et futurs entrepreneurs https://chat.whatsapp.com/LDaalKuMDTNJ9BqaOkrItQ Groupe Watsapp pour les bons plans voyages et sorties, d'intérêt commun https://chat.whatsapp.com/KxYzoXGSN707c72UotXcvY

**MEETUP AFUP PARIS - Mardi 7 avril 2026** Réservez votre place pour le meetup d'avril 2026 qui se se tiendra à l'ETNA ! 🗓️ **Date :** Mardi 7 avril 2026 ⏰ **Heure :** 19h 📍 **Lieu :** [7 Rue Maurice Grandcoing, 94200 Ivry-sur-Seine](https://www.google.com/maps/place//data=!4m2!3m1!1s0x47e6717fc8723f71:0x54aff1a3a33b60bd?sa=X&ved=1t:8290&ictx=111) **A PROPOS DE L'EVENEMENT :** Rejoignez-nous pour une soirée de partage de connaissances, de discussions animées et de réseautage avec la communauté PHP de Paris. **AGENDA :** 🎙️ "**Infectez votre code, immunisez votre prod**" par **Guillaume Miranda** Vos tests passent. Votre coverage est bon. Et pourtant, votre code est fragile. On va le prouver en live. 🎙️ "**Pourquoi votre code ne scale pas (et comment le corriger simplement)"** par **Mathias Duchossoy** Aujourd’hui, la mémoire semble infinie… jusqu’au jour où elle ne l’est plus. Dans cette conférence, nous verrons pourquoi certains choix très courants en PHP (arrays, foreach, pipelines) peuvent devenir des problèmes à grande échelle, et comment les éviter simplement grâce aux generators et à de meilleures structures de données. **INFORMATIONS PRATIQUES :** Cet événement est ouvert à toutes les personnes, quel que soit leur niveau d'expérience en PHP et leur parcours. Que vous soyez débutant·e, intermédiaire ou expert·e, ou que vous veniez d'un horizon différent, tout le monde est bienvenu·e pour participer à cette soirée enrichissante. La participation est gratuite et accessible à toutes et tous, mais les places sont limitées pour garantir un espace confortable. Inscrivez-vous dès maintenant pour réserver votre place et contribuer à une communauté diverse et respectueuse ! **Un grand merci à l'ETNA !** 🚀 Pour cette édition de notre meetup, nous avons le plaisir d'être accueillis par **l'ETNA**, École des Technologies Numériques Avancées. délivre une formation en alternance spécialisée en informatique qui débouche sur 3 niveaux de diplômes : Bac+2, Bac+3 et Bac+5. « L’excellence de l’alternance » de l’ETNA, c’est une insertion directe dans l’entreprise, un encadrement efficace et un suivi personnalisé qui vous conduiront à des fonctions de cadre et d’ingénieur en informatique, l'ETNA nous offre le traditionnel moment de convivialité à la fin des talks. Un grand merci à eux de soutenir la communauté PHP et de rendre cette soirée possible !

**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