Graphical User Interfaces
Meetup to talk about graphical user interfaces, usability engineering, user interface design, human-computer interaction and user-centered design methods.
0
members
0
groups
Frequently Asked Questions
Yes! Check out graphical user interfaces events happening today here. These are in-person gatherings where you can meet fellow enthusiasts and participate in activities right now.
Discover all the graphical user interfaces events taking place this week here. Plan ahead and join exciting meetups throughout the week.
Absolutely! Find graphical user interfaces events near your location here. Connect with your local community and discover events within your area.
Graphical User Interfaces Events Today
Join in-person Graphical User Interfaces events happening right now
頌缽深層淨化和能量調頻(1:1)60 min~大腦和心靈就像皮膚一樣,需要定期深層淨化,然後找回自癒力,提升整體狀態
**生活中的壓力有時令你喘不過氣?**
**身體感覺疲乏,有時覺得連睡眠都解決不了?**
**身體有由來已久的痛症,一直無解?**
**內心有心結未解,創傷未癒?**
* 研究證實,頌缽的共鳴共振,可直達人體細胞深處,促進血液循環,提升自律神經功能,激發人體自癒力
* 運用頌缽音頻和振動調節失衡或淤塞的脈輪,令身心運作回復和諧狀態
* 頌缽的和諧音聲和振動,能直達人體細胞深處,促進血液循環,提升自律神經功能,活化內在能量流動,對身體和心靈進行淨化,從而得到療癒
* 療癒不是消除病症,而是從身、心、靈層面,協助個案找回自己的內在力量,提升其自我修復能力,令其整體狀態變得更好
*療癒開始前,會進行約10-15分鐘的簡短的諮詢,了解客人的具體問題,例如身體哪部份不適,情緒上的困擾等,然後制定個人化的療癒程序。*
首次體驗價:HKD450 (標準價:HKD780)
由於是1對1活動,具體舉行日期和時間以預約為準。
預約請聯絡90356039 (whatsapp),或RSVP後留下聯絡電話。不設walk-in。
BBQ on Sat
(Partner's Event)
BBQ Party at ShenZhen
Time: Every Sat 19:00 - 23:00 (Usually)
Location:
The Crazy Coconut Bar, ShenZhen Longhua Baishilong, 3rd floor, 3N100, Above Metro Exit B2 (BaiShiLong Metro Station)
瘋狂酒吧, 深圳龍華白石龍地鐵站B2上方,3樓
Refer to the picture for details on the BBQ Sat event.
AB/LI - Badminton for fun and exercise - Harbour Road Sports Center, Wan Chai
Join us for a fun and fitness-focused doubles badminton session at Kowloon (TST) Badminton Meetup. Whether you're a beginner looking to improve your skills or a seasoned player seeking some friendly competition, this event is perfect for everyone. Our meetups are designed to combine exercise and recreational sports in a social and engaging environment.
Don't worry if you're new to the sport, as our sessions are coached to help you enhance your badminton techniques while having a great time with fellow sports enthusiasts. Meet new friends, improve your game, and stay active on Sunday mornings with us. Come down to the court, unleash your competitive spirit, and enjoy a morning of exciting badminton matches interspersed with friendly banter and sports socials.
Cancellation details: The cancellation deadline is 48 hours prior to the start time of the game for weekdays and Wednesday for weekend games. No show or drop out without payment or delayed payment results in a permanent ban.
WhatsApp the organizer at 57197742 to confirm your spot. Thanks
https://wa.me/85257197742?text=Join%20sports
We don't count RSVP for attendance; WhatsApp reservations only.
Address-Harbour Road Sports Center - Arena, 27 Harbour Road, HK
Time - 7:00 am
Event fees - 60$ per person
Join our badminton WhatsApp group for future event updates.WhatsApp me at 5 7 1 9 7 7 4 2 to join https://wa.me/85257197742?text=Join%20badminton%20group
Game 11/4(sat)---Lockhart Road----5~7pm----inter or above
Fee
7ppl $75
5~7pm court 2
請大家遵守以
1:請大家不要在遊戲其間進行羽毛球技術指導.
2:男與女閒聊時請保持一隻手距離.
3:遊戲已例明 羽毛球等級(ab,li,i 等等), 請按照自己所屬等級參與遊戲.
4:各下參加左的活動有指定場號, 如果自行走向其他埸由我們舉辦的活動的埸地打波, 我地可能會給予警告, 請不要挑戰我們的忍耐力。
5:如果少於48小時內取消出值, 都請交出值應付之金額。
如有違反, 一律blacklist.
If you join my game for first time please send me your mobile no. to confirm your spot.
Tel: 97843661 Coming
Please Whatsapp or message me through meetup as soon as possible if you can't come. ‧
We will be playing 21 points doubles match ‧
Strictly NO BEGINNER ‧
The event is not first come first serve, I will pick suitable players in order to balance the level of the game.
So if you are not on the attending list, please don't feel being offended, thanks for understanding ‧
Cancellation policy:
Cancellation deadline is 48 hours prior to the start time of the game. Cancellation past the deadline will be marked as no-show.11
Graphical User Interfaces Events This Week
Discover what is happening in the next few days
English Corner
(Partner's Event)
English Corner
Time: Every Wed, Fri & Sun 19:00 - 23:00
Location:
The Crazy Coconut Bar, ShenZhen Longhua Baishilong, 3rd floor, 3N100, Above Metro Exit B2 (BaiShiLong Metro Station)
瘋狂酒吧, 深圳龍華白石龍地鐵站B2上方,3樓
Refer to the picture for details on the BBQ Sat event.
Wechat ID: Pandoraparties
Transportation: the hardware, the wait, the ride
**Transportation of all kinds, just not walking.**
**This week’s theme is getting around**—the cities choreography and human drama of boarding, riding, waiting, parking, squeezing through, loading up, breaking down, **and all the hardware required.**
**We're after wheels of all kinds—transportation, the hardware and hard feelings of this urban experience:** buses, minibuses, bikes, scooters, motorcycles, cars, and everything that comes with them—the queues, doors, climbing in or out hands on rails, bumpers, parking lots, curbside chaos, the beauty and the gore of daily transportation scene.
Wheelchairs count. A kid on a dad’s shoulder counts too.
***
#### **What To Look For:**
#### **Bus Life**
* Double-deckers and minibuses pulling in, idling for the exits and queue, lurching away like a small boat in a big wave.
* Minibuses. Say no more—they're go-carts driven by crazy men. Go ride one and document it.
* People waiting in a queue, entertained in unison with their phones, watching for the route number
* Boarding + exiting: stepping up, tapping cards, squeezing past, jumping off late
* Faces in windows, reflections, pressed hands on glass
* The stop itself: shelters, signage, curb paint, the crowd forming and dissolving
#### **Two Wheels + Engines**
* Bikes and scooters in motion or locked up in clusters
* Motorcycles: riding, filtering traffic, revving at lights
* Parked motorcycles: tight rows, covers, helmets, scratched tanks, chrome + grime
#### **Cars + The Infrastructure Around Them**
* Parking behavior: double-parks, tight squeezes, loading zones, hazards on
* Bumpers and bodywork: dents, tape fixes, scraped paint, polished shine
* People with cars: leaning, cleaning, unloading, waiting, waving someone in, or more likely, looking too smug.
#### **Also In Scope (Any transport besides walking)**
* Delivery vehicles, cargo bikes, sidewalk carts being towed/pushed as part of a transport moment
* Wheelchairs navigating ramps/curbs, getting on/off transit, moving through crowds
***
### **Moments to Hunt**
* The choreography: doors open → line compresses → bodies flow → doors close
* Transfers: the hurried decision, the glance, the sprint, the missed connection
* Crowd physics: who yields, who blocks, who slips through
* Sound made visible: vibration, exhaust heat, motion blur, rain spray, headlight glare
* Beauty + gore: ishiny scooter next to a wrecked bumper; order and mess in the same frame
***
### **How to Shoot It**
* Try from the inside: again, minibuses!
* Use shutter speed deliberately: freeze the step, blur the rush, streak the lights
* Work the edges: hands on poles, feet at the threshold, ticket taps, mirrors, bumpers
* Look for layers: reflections in windows, faces behind glass, overlapping vehicles
***
### **Meet-Up Details**
* **Start: 3:00 PM**
* Location: Jordan Station, Exit A, street level
* Jordan (TWL) Exit A puts you immediately on Nathan Rd and Jordan Roads, good for bus stops, minibuses passing/pausing, queues, boarding/alighting, and it’s a clean launch point to walk west to Canton Road or northwest to Austin Rd for parking, scooters and motorcycles.
*
* **Debrief: 4:30 PM** at: MOBIN
* Located in: [Eaton](https://www.google.com/search?sca_esv=4f709db2114f009d&cs=1&output=search&q=Eaton+HK&ludocid=3663969110848279377&lsig=AB86z5VzaFZpaOTxe4Bj2CTndz2L&sa=X&ved=2ahUKEwjTg_6T2cyTAxUhJNAFHXe5MqcQ8G0oAHoECBQQAQ) Hotel
* 380 Nathan Rd, Jordan, Hong Kong
***
### **After the Walk**
* Post 5–10 images.
* Aim for a mix of:
* Waiting / boarding / riding
* Parked / jammed / damaged / polished
* Wide scenes + tight details
The goal: photograph how the city moves because of transportation — and what it does to people (and what people do to it).
Catch the line. Catch the door. Catch the moment it all moves.
Vibration Wellness 律動伸展
LSS Smart Fitness 律動班系列
Wed/Sun
$100/ 1-hr class ($350 /4-class)
Please RSVP one week in advance
Welcome to book other time slot (WhatsApp 65230389)
Vibration x MFR 療癒律動
(Relax, Muscle release & Facial massage)
Vibration Fitness (Stretch & Strength) 健體律動
Vibration x BellyFit 美型律動
(Body Shape-up with Bellydance Technique Drills)
Vibration x Yoga 律動瑜伽
(Yoga Asana in vibration setting)
https://eshop.cosway.com.hk/
One FREE trial class with any Cosway purchase receipt over HK$1000 under introducer code : HK370579B
以 HK370579B 作介紹人的 Cosway (網購或門市)購物消費,逾 HK$1000,可免費試上律動班系列一節
Book Sharing 讀書分享會
Reading is important because it develops your mind and gives you excessive knowledge and lessons of life.
開卷有益!大家最近有冇讀到一啲好書呢?不如出黎分享下讀書心得呀?參加呢個讀書活動,分享好書,分享喜悅。😊
有興趣參加可以WhatsApp我:95182994
Graphical User Interfaces Events Near You
Connect with your local Graphical User Interfaces community
Cocoaheads
Come out to Improving for our monthly iOS and Mac meetings.
This Month's Presentation:
Nothing yet. (You should volunteer).
What is Cocoaheads (http://cocoaheads.org/)?
CocoaHeads is a group devoted to discussion of Apple Computer's Cocoa Framework for programming on MacOS X and iOS (including the iPhone, iPad and Apple Watch). During monthly meetings, members present on their projects and offer tutorials on various programming topics.
What is BuckeyeCocoa (http://buckeyecocoa.org/)?
BuckeyeCocoa is a group of Objective-C/Swift developers/enthusiasts. We host monthly Cocoaheads and near-weekly NSCoder meetings in Columbus, Ohio. The meetings are free to attend.
Presentations!
Presenters welcome! We are always in need of people willing to present material. Any Swift and/or Objective-C related topic is welcome. Times can be 5 minutes (i.e. lightning talks) to a maximum of 2 hours. Interested? Contact info is on the BuckeyeCocoa website.
To volunteer for a presentation contact us at @BuckeyeCocoa on Twitter.
Follow us on Twitter! @BuckeyeCocoa (https://twitter.com/#!/Buckeyecocoa/) For more information: http://buckeyecocoa.org/
HTML5 Master Series (Class 02 of 04) (SPECIAL OFFERING)
**PLEASE READ THE FOLLOWING IMPORTANT NOTES:**
1. The dates listed for this series are about 95% reliable. We are completing our 2026 schedule as we speak, so minor adjustments are still occurring.
2. Each class in this series has an attendance fee, though this first offering is free on a first-come, first-served basis.
3. Each class, from BOTH a sign-up and fee perspective, is a separate entity.
**Introduction:**
HTML5 is the foundational technology for modern web development, serving as the standard markup language for structuring and presenting content on the World Wide Web. Developed through a collaboration between the World Wide Web Consortium (W3C) and the Web Hypertext Application Technology Working Group (WHATWG), HTML5 provides a robust system of elements (tags) that tell a browser how to display text, images, and multimedia in a clear and meaningful way. It works in concert with Cascading Style Sheets (CSS) for presentation and JavaScript for interactivity, forming the core technology stack for virtually all websites and many web applications today.
One of the significant advancements of HTML5 is the introduction of powerful new features and elements designed to improve functionality and simplify development. Key additions include native multimedia support via the \ and \ tags, allowing developers to embed media without third-party plugins. It also offers new form controls for better user input, such as date and email types, and introduces web storage capabilities to store data offline for enhanced performance. These features streamline the process of building rich, interactive web experiences.
A significant focus of HTML5 is enhanced semantics and better structural organization of content. New semantic elements like , , , , and \ provide meaningful structure to documents, which aids in search engine optimization (SEO) and improves accessibility for assistive technologies. These elements define different parts of a webpage (e.g., a header for the top, a nav for navigation links, a footer for the bottom), making the code more readable and understandable for both developers and machines. This emphasis on clear structure helps in creating more logical and maintainable websites.
Developing websites in today's competitive environment requires taking advantage of every technique you can to get the maximum exposure possible. Our HTML5 class will not only show you what's new in the HTML specification, but also the best way to develop optimized web pages that get the attention your client and/or company requires.
**The breakdown of the four-class series is as follows:**
**Class 1: Introduction to Web Structure and Basic HTML5**
This class introduces the core concepts of web development, the history of HTML, and the fundamental structure of an HTML5 document.
* **Topics**:
* **Web Architecture Overview**: How browsers, servers, and web pages interact.
* **HTML Fundamentals**: Understanding elements, tags, and attributes.
* **Basic Document Structure**: Using !DOCTYPE html, html, head, and body.
* **Text Formatting**: Headings (h1 to h6), paragraphs (p), and text-level semantics (e.g., strong, em, br).
* **Lists and Links**: Creating ordered (ol) and unordered (ul) lists, and linking between pages using anchor tags (a).
* **Activity**: Students create a basic personal webpage containing text, a list of hobbies, and a link to an external website.
**Class 2: Semantic HTML5 and Multimedia Integration**
Class 2 focuses on modern HTML5 elements that provide meaning (semantics) to content, improving accessibility and search engine optimization. It also covers adding images and multimedia.
* **Topics**:
* **Semantic Elements**: Understanding and implementing elements like header, footer, nav, section, and article.
* **Images**: Adding images using the img tag and attributes like src, alt, width, and height.
* **Multimedia**: Embedding audio and video content using the audio and video tags.
* **File and Folder Structure**: Best practices for organizing project files and managing file paths.
* **Activity**: Students refactor their Class 1 project to use a proper semantic layout and add an image and a link to a video file.
**Class 3: Forms and User Input**
This session is dedicated to building interactive HTML5 forms, which are essential for capturing user data and input.
* **Topics**:
* **Form Basics**: Using the form element, action and method attributes.
* **Input Types**: Exploring various input types (e.g., text, password, checkbox, radio, date, submit).
* **Form Elements**: Utilizing label, textarea, select, option, and button.
* **Client-side Validation**: Implementing HTML5 validation attributes like required, minlength, and pattern.
* **Activity**: Students build a complete contact form with different input fields, radio buttons, and basic HTML5 validation.
**Class 4: Introduction to CSS3 and Basic Styling**
The final class introduces Cascading Style Sheets (CSS) to style the HTML content and make the web pages visually appealing and accessible.
* **Topics**:
* **CSS Fundamentals**: The role of CSS, selectors, properties, and values.
* **Integrating CSS**: Using inline, internal, and external style sheets.
* **The Box Model**: Understanding margin, padding, border, and content for basic layout.
* **Basic Styling**: Changing colors, fonts, and text alignment.
* **Accessibility Basics**: Identifying principles of web design usability and accessibility, including ARIA labels.
* **Activity**: Students apply an external CSS file to their Class 3 form project to style the layout, colors, and fonts, culminating in a well-structured and styled webpage.
Prompt vs. Paintbrush
AI is changing how art is made. But when does it stop being your work and start being the machine’s?
This month we're going to be doing a panel with with digital image, music, and written word artists, talking about at what point, while using AI in the creation process, does the work become not the artist creation?
We encourage audience participation during this event that will be moderated by Chris Slee.
Whether you’re deep in the field or just getting curious, come connect with others building and exploring AI in Columbus.
Sponsored by [Transform Labs](https://www.transformlabs.com/services)
Sign up also accessible via [Transform Labs Luma](https://luma.com/55umjqta)
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.
What If Your AI Could Be a Team? - Chad Green
**Important time note:** Please plan on arriving between 5:30 and 6:00 as the elevators lock after 6 and you'll need to message us and we'll need to come get you.
The building address is 4450 Bridge Park
The entrance is 6620 Mooney St, Suite 400
You will need to scan your ID at the door to get a visitor badge.
**Abstract**
GitHub Copilot is powerful, but what if you could scale from a solo AI assistant to an entire team of specialized agents working in parallel? This session introduces Squad: an open-source framework for multi-agent orchestration that lets you define teams of AI agents with specific roles, responsibilities, and expertise.
We'll progress from Copilot basics to the Copilot CLI, explore how Agents add autonomy, and see how Instructions and Skills let you customize agent behavior. Then, the climax: a live demo where a Squad team of 3 agents (Lead, Developer, Tester) stands up and builds a working application in real-time, showcasing true multi-agent collaboration.
Whether you're new to AI or exploring how to scale your use of Copilot, this session will show you what's possible when agents work as a team.
**YouTube Link**
TBD
HTML5 Master Series (Class 04 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.
NSCoder Night
Bring your work or your hobby, hang out, and code with us.
Follow @buckeyecocoa for more information.














