Web Standards

🔥 **Halo Bitcoiner Jakarta Barat!** ​Tema Meetup: *Bedah Bitcoin Whitepaper* ​Whitepaper-nya cuma 9 halaman. Tapi dampaknya bikin dunia keuangan nggak pernah sama lagi 😄 Di meetup ini, kita bakal “ngebedah” Bitcoin Whitepaper bareng-bareng. Bukan kayak baca jurnal, tapi kayak ngobrol sambil ngopi. Karena kadang, **jawaban besar justru ada di dokumen kecil yang jarang dibaca** 🔥 ​Kita akan bahas dengan cara yang santai dan mengalir: 🔸 Kenapa whitepaper ini ditulis dan masalah apa yang mau diselesaikan 🔸 Ide-ide kunci yang bikin Bitcoin bisa jalan tanpa pusat 🔸 Bagian-bagian penting yang sering dilewatin orang 🔸 Kenapa sampai hari ini, whitepaper ini masih relevan ​ Nggak ada tuntutan harus ngerti semuanya. Kita ngobrol pelan-pelan, biar klik satu per satu 😄⚡ Siapa tahu, setelah ini cara kamu ngeliat Bitcoin jadi makin masuk akal. ​ 📌 **Info Penting:** 🔸 *Gratis* (beli makan/minum sendiri) 🔸 No altcoin, no token, no bullshit 🔸 **100% Bitcoin.** 🔗 **Tentang Kami**🟠[ Bitcoin Indonesia](https://x.com/bitcoinindo21)[ ](https://x.com/bitcoinindo21)adalah inisiatif nirlaba yang bertujuan untuk: 🕊️ Menyebarkan pemahaman soal **Bitcoin** sebagai alat pembebasan individu ⚖️ Mendorong **kedaulatan finansial** lewat edukasi netral dan jujur 📚 Menyediakan konten edukasi **open-source & gratis** untuk semua **📲 Telegram: [https://t.me/+OIIRyKQmvJY0MWFk](https://t.me/+OIIRyKQmvJY0MWFk)** **📸 Instagram: [https://instagram.com/bitcoinindo21](https://www.instagram.com/bitcoinindo21)** **🌐 Website: [https://bitcoinindonesia.xyz](https://bitcoinindonesia.xyz/)**

**👋🔥 Halo Bitcoiner Tangerang! 🔥👋** ⠀ ​**Konfirmasi kehadiran via Gform (wajib isi): [https://docs.google.com/forms/d/e/1FAIpQLSfLsmDXbjwcihi6-V6U2kbOUJFLSIEHwRqW8SaPmilEtJWjOw/viewform](https://docs.google.com/forms/d/e/1FAIpQLSfLsmDXbjwcihi6-V6U2kbOUJFLSIEHwRqW8SaPmilEtJWjOw/viewform)** ​ ​Tema Meetup: *Ngopi Santai:* *Bitcoin untuk Bisnis? Gak Seseram yang Kamu Kira! (mengungkap mitos dan fakta soal Bitcoin di dunia bisnis, plus strategi aman bagi pemilik usaha pemula)* ​ Ngopi itu enaknya sambil ngobrol hal ringan, tapi gimana kalau obrolannya justru bikin bisnismu makin matang? 😄 Banyak pelaku usaha dengar kata Bitcoin langsung mikir ribet, penuh risiko, atau nggak relevan buat bisnis kecil dan menengah. Padahal, kalau dipahami dengan cara yang tepat, ceritanya nggak seseram itu. ​Di **Ngopi Santai: Bitcoin untuk Bisnis? Gak Seseram yang Kamu Kira!**, kita bakal ngobrol santai soal **mitos dan fakta Bitcoin di dunia bisnis**. Mulai dari anggapan yang sering bikin ragu, sampai realita yang jarang dibahas. Kita juga kupas **strategi aman dan realistis** buat pemilik usaha pemula bukan buat langsung lompat jauh, tapi buat ngerti pijakannya dulu ☕📊 ​Diskusinya jauh dari kesan teknis, penuh contoh yang dekat sama keseharian, dan relevan buat kamu yang lagi bangun usaha, lagi mikir efisiensi, atau sekadar pengen tahu apakah Bitcoin punya peran di model bisnis kamu. Fokusnya bukan ikut tren, tapi **mengurangi salah paham sebelum ambil keputusan**. ​Datang buat ngopi dan tukar cerita, pulang dengan pandangan yang lebih jernih. Karena di dunia bisnis, rasa penasaran itu penting asal dibarengi pemahaman 🧡⚡ ​ 📌 **Info Penting:** 🔸 Tiket **GRATIS** (peserta beli makan/minum sendiri) 🔸 **NO** promosi altcoin, NFT, atau token lainnya 🔸 100% bahas **Bitcoin** — teknologi, filosofi, dan potensinya 🔗 **Tentang Kami** 🟠[ ](https://x.com/bitcoinindo21)*[Bitcoin Indonesia](https://x.com/bitcoinindo21)*[ ](https://x.com/bitcoinindo21)adalah komunitas nirlaba yang ingin: 📚 Menyebarkan edukasi netral soal Bitcoin 🕊️ Mendorong kebebasan dan kedaulatan individu 🤝 Buka ruang diskusi sehat dan terbuka untuk semua **📲 Telegram: [https://t.me/+OIIRyKQmvJY0MWFk](https://t.me/+OIIRyKQmvJY0MWFk)** **📸 Instagram: [https://instagram.com/bitcoinindo21](https://t.me/+OIIRyKQmvJY0MWFk)** **🌐 Website: [https://bitcoinindonesia.xyz](https://bitcoinindonesia.xyz/)**

Hi Sobat-sobat Indo Sing, BISA mau mengajak Bapak Ibu dan Saudara/ i sekalian untuk haidr dalam undangan acara Kopi Darat: Sharing Session Healthy Living & Ecommerce Bersama Katherin Meganis Cancer Survivor & Coffee Painter 499 Yio Chu Kang Road #02-03 Singapore S787082 Seasons Park Tower 2 Acara gratis, more info: +65 8264 9950 Salam BISA [www.bisakita.com](http://www.bisakita.com/)

👋🔥 **Halo Bitcoiner Bintaro!** 🔥👋 🌟 **Terima Kasih kepada [Bintaro Business Center](https://www.bintarobusinesscentre.com/ "https://www.bintarobusinesscentre.com/")!** 🙏✨ Kami sangat berterima kasih kepada **Bintaro Business Center** yang telah menjadi mitra kami dalam mendukung acara ini! Kerja sama yang luar biasa ini memungkinkan kami menyelenggarakan acara edukasi Bitcoin yang bermanfaat untuk komunitas di Bintaro. 🙌 **Tema Meetup: *Praktik Wallet Bitcoin*** ​​Sudah punya wallet, tapi masih belum yakin benar-benar “megang” Bitcoin? Atau baru install tapi takut salah pencet? Wajar—karena di Bitcoin, **percaya diri datang setelah praktek** 😄 ​ Meetup ini dibuat khusus buat kamu yang pengen langsung coba dan paham apa yang kamu lakukan. Kita bakal praktik bareng, pelan-pelan, tanpa tekanan, tanpa istilah ribet. Soalnya di dunia Bitcoin, **satu klik tanpa paham bisa jadi cerita panjang** 🔥 ​Yang bakal kita lakukan: 🔸 Praktik kirim dan terima Bitcoin 🔸 Ngerti fungsi wallet, bukan cuma tampilannya 🔸 Kebiasaan aman yang sering dilupain 🔸 Bangun rasa yakin buat self-custody ​ Santai, interaktif, dan aplikatif. Cocok buat pemula sampai yang udah lama tapi pengen lebih rapi dan tenang ngelola wallet 😄⚡ ​Datang dengan takut salah, pulang dengan kendali. Karena di Bitcoin, **wallet itu bukan tempat—tapi tanggung jawab** 🧡🔑 📌 Info Penting:🔸 **Tiket GRATIS**! Tapi peserta diwajibkan membeli makan/minum sendiri selama acara🔸 Tidak ada promosi **altcoin**, **NFT**, atau **token kripto** lainnya🔸 Hanya membahas **Bitcoin** — teknologi, nilai, dan dampaknya bagi dunia 🔗 **Tentang Kami**🟠 Bitcoin Indonesia adalah inisiatif nirlaba yang bertujuan untuk:🕊️ Menyebarkan pemahaman tentang **Bitcoin** sebagai alat pembebasan individu⚖️ Mendorong **kedaulatan finansial** melalui edukasi netral📚 Menyediakan konten **open-source** yang bisa digunakan siapa pun, gratis 📲 **Telegram**:[ ](https://t.me/+OIIRyKQmvJY0MWFk)[t.me/+OIIRyKQmvJY0MWFk](https://t.me/+OIIRyKQmvJY0MWFk) 📸 **Instagram**:[ ](https://www.instagram.com/bitcoinindo21)[@bitcoinindo21](https://www.instagram.com/bitcoinindo21) 🌐 **Website**:[ ](https://bitcoinindonesia.xyz/)[bitcoinindonesia.xyz](https://bitcoinindonesia.xyz/)

Hey, friend in Jakarta! Now that you joined JakFri... **are you a member of [Jakarta Creatives](https://www.meetup.com/jakarta-creatives/) yet?** Want to see **pictures** of past events? **[Take a look here!](https://www.meetup.com/jakarta-friends/photos/)** And feel free to upload a few pictures you will take at the event 😊 JakFri and JakCre is **the** biggest, oldest, most active, and most inclusive MeetUp community in Jakarta… and we invite you to join us to join us for this **BURGER NIGHT in Lawless Menteng!** Everyone is always welcome to join our events. Our community is all about creating authentic in-person connections in this urban jungle. Come as you are... it’s the best version of yourself. **ABOUT THE EVENT** Let's have dinner together at Lawless Burger in Menteng. They have burgers, hotdogs, fries, nachos, beers, milkshakes. Friday night is the time to chill. What better way than sitting together and making new friends in a friendly, informal setting? After burgers, we can walk and continue our evening at one of the many places nearby. We will choose together where to go depending on our mood. **Newcomers are particularly welcome!** Come alone or with a friend or partner. There won't be a shared bill. Everyone will pay for what they consume. We have organised this event many times before! You can see a few past events here: * [Burger night at Lawless Menteng (Jan 2026)](https://www.meetup.com/jakarta-friends/events/312705350/) * [Burger night at Lawless Citos (Dec 2025)](https://www.meetup.com/jakarta-friends/events/312031508/) * [Burget night at Lawless Menteng (Nov 2025)](https://www.meetup.com/jakarta-friends/events/311725059/) * [Burget night at Lawless Menteng (Sept 2025)](https://www.meetup.com/jakarta-friends/) * [Burger night at Lawless Menteng (March 2025)](https://www.meetup.com/jakarta-friends/events/306637535/) * [Burger night at Lewless Menteng (Sep 2024)](https://www.meetup.com/jakarta-friends/events/303479032/) * [Burger night at Lawless Kemang (Aug 2024)](https://www.meetup.com/jakarta-friends/events/302273440/) * [Burger night at Lewless Menteng (Apr 2024)](https://www.meetup.com/jakarta-friends/events/300000152/) **ABOUT THE VENUE** Lawless is a very decent joint and there will be tables reserved for us. The price range for a burger and drink is about 100 IDR and up. * Let's meet directly at Lewless Menteng in Sarinah. There are tables reserved for us (non-smoking area) * Don't arrive earlier of the event starts at 7.30 PM -- we want to start together * Feel free to arrive later. The last order is at around 10.00 PM. You can also join us after dinner if you prefer, or join only to socialise without eating (please order at least one drink our of respect for the venue) * After burgers, we can go have a drink nearby. Text in the comment section if you want to find us later during the evening * We encourage you to reach the event by public transportation. MRT stop Bundaran HI is only 5 minutes walking distance **HOW TO REGISTER TO THE EVENT?** To register, just click “Attend”! There are a few simple rules * We kindly ask attendees who cannot manage to join to **update RSVP at least 24 h before the event** as a courtesy to other attendees and event organisers. * People on the waitlist cannot attend, and are encouraged to check a few hours before the event if they got a spot * Repeated no-show (3X) without updating RSVP will be removed from the group. * Cancellation at the last minute is unfriendly for other attendees, organisers, and venue. Please cancel whitin 2 hours for exceptional circumstances **only**. Otherwise it will count as no-show! * Attendees who bring a +1 are responsible to make sure that the guest understands and agrees to our rules of respect and inclusivity. Thank you for your understanding and cooperation! **WE HAVE A MEMBERSHIP FEE. HOW DOES IT WORK?** Our community has a **monthly membership fee** that can be paid through the app (**2 USD/month or about 33k IDR/month**). Membership can also be paid as a **yearly membership of 320k IDR** valid for 365 days after payment. Membership fee is offered with a **promo discount to first-timers (Option A)**, who can become members for **240k IDR/year**. First-timers can decide to join with **Option B:** **sneek peak price of 50k IDR & pay the remaining 270k IDR at the next event** they attend. Registered +1 can attend for free. Renewals (after 365 days) and upgrades (to join JakCre) are offered at a special rate. All this is aimed at encouraging people to sign up, and then to attend as many events as they like! Yearly membership can be paid at an event (cash/bank transfer/Gopay) or beforehand (bank transfer/Gopay). Text Corrado (+62 8211 489 3580) if you have any questions about membership. Membership to **both** Jakarta Friends and Jakarta Creatives is offered for **only** 390k IDR/year (**Option C**). Membership gives **access to all events** plus exclusive perks available only to paying members, like for example our [Give Away Birthday Celebrations with lucky draw](https://www.meetup.com/jakarta-friends/events/300470498) (Sept 2024) or [FREE pasta cooking (and eating 😉) workshop](https://www.meetup.com/jakarta-friends/events/304253623/) (Nov 2024) or [Museum visits with FREE GUIDED TOURS](https://www.meetup.com/jakarta-creatives/events/301738408/) (Sept 2024). To most events, attendees can **bring a +1 for free**, and we have some events open to all (paid and unpaid) members. To all members we **guarantee** to keep organizing plenty of events. You will receive a **full refund** if the group closes down, or if there’s no event happening in three months. In the past 3 years we have organised up to 2-3 events per week (browse past event [of JakFri here](https://www.meetup.com/jakarta-friends/events/?type=past) and [of JakCre here](https://www.meetup.com/jakarta-creatives/events/?type=past)). That is, with your membership you can attend up to 5-10 events! We **guarantee** to keep organising plenty of events. You will receive a **full refund** if the group closes down, or if there’s no event happening in three months. **THE RULES OF OUR COMMUNITY** Our communities are: * **Jakarta Friends**: [https://www.meetup.com/jakarta-friends](https://www.meetup.com/jakarta-friends) * **Jakarta Creatives**: [https://www.meetup.com/jakarta-creatives/](https://www.meetup.com/jakarta-creatives/) Members often participate in events of both groups. Over the past two years, we held over 250 events with over 2,000 attendees. Attendees rate our events **very positively** and give wonderful feedback, with an average of **4.8**⭐ (out of 5⭐) afrom over 500 reviews ([take a look at our reviews here!](https://www.meetup.com/jakarta-friends/feedback-overview/)) We value diversity, inclusivity, respect, and authenticity. We **do not tolerate** harassment or discrimination of any kinds. * You are invited to join our WhatsApp group where we announce our events regularly: [https://chat.whatsapp.com/BR0sC0BrPbc9xTqvj1qLfx](https://chat.whatsapp.com/BR0sC0BrPbc9xTqvj1qLfx) * Feel free to tag us on Instagram, and we will repost! [www.intagram.com/jakarta.friends.creatives](http://www.intagram.com/jakarta.friends.creatives) * For questions about the event, please post a comment on the event page, or DM the event organisers

Sosialisasi Transfez Dear all, Kami mengundang teman-teman pekerja migran Indonesia di Singapura dalam acara: Sosialisasi Transfez Minggu, 8 Feb 2026 Jam 3-5 PM SGT Bayar Masing2 sesuai Pesanan Lokasi: Dapur Penyet The CentrePoint 176 Orchard Road #01-59 Singapore 238843 More Info: 9234 5043 (Raulina) Registrasi: https://shorturl.at/tv16G Sampai Jumpa!

Join us for an unforgettable night 7:30pm in Jakarta [[Click This Whatsapp Groupchat Link](https://chat.whatsapp.com/Itq3pXRhfnI3YnLGPDwMRn)] We’re not just a language exchange — we’re a roaming social experience for 20s and 30s who love new faces and open conversations. Whether you're an expat, traveler, or Seoulite looking for something beyond the usual Saturday, this is the place to be. Connect, talk, laugh, repeat.

**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, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

**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, on a first-come, first-served basis. 3. Each class, from BOTH a sign-up and fee perspective, is a separate entity. **Introduction:** **The breakdown of the four-class series is as follows:** **Class 1: Introduction to Web Styling and Basic CSS3** **Class 2:** **Class 3:** **Class 4:** **Class 5:** **Class 6:**

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

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

**Web Design Decoded: Tools, Practices, and Proven Processes:** **Semantic HTML** At WebDev Columbus, we are exploring some of the most important topics of professional high-end web design and page building. Primarily focused on site building in the WordPress environment, our group explores tools, tips, and techniques for building the best WordPress sites possible. Additionally, we focus on disciplines and technologies that take website design from visually appealing to optimized spaces for delivering you and/or your client's message effectively and with a nod towards extended reach. Each session combines practical demonstrations with real-world insights, giving you actionable knowledge you can apply immediately. Whether you're a seasoned developer looking to enhance your design skills or a newcomer wanting to understand design best practices, this series offers valuable insights for every skill level. **What to expect:** * Hands-on demonstrations of popular design tools * Best practices for design-to-development workflows * Tips for creating responsive, accessible designs * Real-world problem-solving scenarios * Interactive Q&A sessions * Networking opportunities with fellow developers **Each meetup features:** 60 minutes of focused presentation 30 minutes of live demonstrations 30 minutes for questions and discussion **See you there!** Our casual, collaborative environment encourages learning from both presenters and fellow attendees. Bring your questions, share your experiences, and connect with Central Ohio's web development community! **Stay tuned for specific session topics and dates.**