📒 Code in the Wind #2

Event

LOCATION	Agoda, 8th Fl.
DATE	18 May 2024
HOST	[Creatorsgarten] [showdown.space]
LINK	showdown.space

Contents

> 🎉 กิจกรรมภายในงาน / What to expect
> 🎟️ บัตรเข้างาน / Tickets
> 🕐 ตารางเวลา / Timetables
> 📝 รูปแบบกิจกรรม / Mechanics

Metadata

UPDATED	25 July 2024
HISTORY	GitHub

Edit this page

Editing Events/wind2

(Editor is locked to read-only mode because you don't have enough permissions to edit the page. However, you can propose changes to this file on GitHub. ) You're not logged in

Use monospace font Use plain text editor

---
image: https://github.com/creatorsgarten/wiki/assets/22584594/53d757f0-7dc2-4360-b3a4-8cc3413eae8b
event:
  name: 'Code in the Wind #2'
  location: Agoda, 8th Fl.
  date: "2024-05-18"
  site: https://showdown.space/events/code-in-the-wind-2/
  eventpopId: 26957
  unlisted: false # Remove this line when event is ready
  hosts:
    - Creatorsgarten
    - showdown.space
---

:::lead
ขอเชิญนักพัฒนาเว็บมาร่วมงาน **Code in the Wind #2** งานปาร์ตี้หลัง {% render 'Event', name: 'bkkjs20' %} ที่คุณจะได้พบปะพูดคุย และร่วมกิจกรรมประลองฝีมือการเขียนโค้ดด้วย HTML, CSS และ Tailwind CSS กัน

We’re inviting web developers and frontend enthusiasts to join us for **Code in the Wind #2**, a {% render 'Event', name: 'bkkjs20' %} after-party where you can meet up, hang out, and participate in a friendly coding challenge using HTML, CSS, and Tailwind CSS.
:::

{% render 'EventpopButton', id: page.event.eventpopId %}

{% render 'EventBox', name: ref %}

## 🎉 กิจกรรมภายในงาน / What to expect

- **Code in the Wind:** ร่วมสนุกกับกิจกรรมทดสอบความเร็วและทักษะด้าน frontend โดยผู้ร่วมสนุกจะได้รับภาพตัวอย่างเป็นดีไซน์ และมีเวลา 10 นาทีในการเขียนโค้ดเพื่อขึ้นหน้าเว็บตามแบบด้วย HTML และ Tailwind CSS

Test your frontend skills as you’ll be given a reference web design image and 10 minutes to implement it in code using HTML and Tailwind CSS.

:::info[All challenges are published]
  อัพโหลดโจทย์และเฉลยขึ้นเว็บไซต์แล้ว สามารถไปดูได้ที่เว็บไซต์ของงาน <https://showdown.space/events/code-in-the-wind-2/>
  :::

- **Mingle with fellow developers:** พบปะ พูดคุย แลกเปลี่ยนประสบการณ์และความรู้ กับนักพัฒนาท่านอื่นๆ ภายในงาน

Connect with other developers — share experiences and knowledge with peers.

- **Learn from the Masters:** เรียนรู้จากปรมาจารย์ สังเกตการทำงานของนักพัฒนาฟรอนต์เอ็นด์มากฝีมือในการแก้ไขโจทย์ต่างๆ

Observe experienced frontend developers tackle the coding challenge and gain valuable insights into their approach.

## 🎟️ บัตรเข้างาน / Tickets

เนื่องจากพื้นที่ที่จัดงานนั้นจะต้องผ่านประตูรักษาความปลอดภัยของ centralwOrld เราจะขอสงวนสิทธิ์อนุญาตให้ผู้ที่มีบัตรเข้างานเท่านั้นที่จะสามารถเข้ามาภายในงานได้ ดังนั้นกรุณาเตรียมบัตรของท่านในวันงานด้วย

Due to our venue requires attendees to pass through centralwOrld security. We can only allow attendee with a valid ticket to enter the premises. Please be sure to have a ticket when entering the area.

## 🕐 ตารางเวลา / Timetables

| เวลา / Time | รายการ / Session |
| - | - |
| 18:00 - 18:30 | ลงทะเบียน / Registration |
| 18:30 - 18:45 | เปิดงาน อธิบายกิจกรรม / Opening + Rules |
| 18:45 - 18:55 | รอบทดสอบ / Test round |
| 18:55 - 20:50 | **รอบคัดเลือก (※) / Qualification rounds (※)** |
| 20:50 - 21:00 | พักเบรก / Break |
| 21:00 - 21:50 | **รอบชิงชนะเลิศ (※) / Final rounds (※)** |
| 21:50 - 22:00 | ร่วมถ่ายรูป / Photos |
| 22:00 - 22:15 | แจกรางวัล / Prize awards |
| 22:15 - 23:00 | Networking |

**Notes:**

- ในแต่ละรอบจะมีนักพัฒนา 8 คน ขึ้นมาประชันฝีมือบนเวที แต่ทุกท่านสามารถลองทำโจทย์ไปพร้อมๆ กับผู้ร่วมสนุกด้วยได้เช่นเดียวกัน อยากจะโค้ดตามไปด้วย ดูและสังเกตเทคนิคของเซียนโค้ด หรือจะไปพูดคุยกับเพื่อนๆ คนอื่น ก็ได้หมดเลย!

Eight developers will take center stage per round to tackle the design challenge in a live coding showdown. But don't worry if you don't get picked! The same challenge will be available for everyone to try at their own pace. Feel free to code along, observe the masters, or simply network with fellow developers.

## 📝 รูปแบบกิจกรรม / Mechanics

| ภาษาไทย | English |
| --- | --- |
| กรุณานำเครื่องคอมพิวเตอร์ส่วนตัวมาที่งานเพื่อเข้าร่วมกิจกรรม | Please bring your laptop to the event to participate! |
| กิจกรรมจะแบ่งเป็น 2 ส่วนหลักๆ คือ **รอบคัดเลือก** และ **รอบชิงชนะเลิศ** | Code in the Wind is divided into 2 main parts: **Qualification rounds** and **Final rounds.** |
| ในแต่ละรอบ ผู้ร่วมสนุก 8 คนจะได้รับโจทย์ ประกอบด้วย รูปภาพอ้างอิง, objectives 5 ข้อ, พร้อมข้อมูลที่จำเป็นสำหรับการสร้างหน้าเว็บตามแบบ (เช่น URL ไฟล์รูปภาพต่างๆ หรือข้อความที่ปรากฏในแบบ) สามารถดูโจทย์ก่อนๆ ได้ที่เว็บไซต์ของ [Code in the Wind #1](https://showdown.space/events/code-in-the-wind-1/) | In each round, 8 participants on the stage will be given a challenge consisting of a reference image, 5 objectives, and the necessary information to build a web page accordingly (e.g. image file URLs or text to display). You can find the challenges for the previous event on [Code in the Wind #1](https://showdown.space/events/code-in-the-wind-1/)’s website. |
| ให้เขียนโค้ดเพื่อสร้างเว็บตามแบบที่กำหนดให้ภายในเวลาจำกัด โดยใช้ code editor ที่ทางเราจะจัดเตรียมไว้ให้ ซึ่งการทำงานจะเหมือนกับ [Tailwind Play](https://play.tailwindcss.com) | Participants will have limited time to implement the given design using the provided code editor based on [Tailwind Play](https://play.tailwindcss.com). |
| เมื่อหมดเวลา จะเข้าสู่ช่วงการคิดคะแนน โดยพิจารณาตามจำนวน objectives ที่ทำสำเร็จ (75%) และคะแนนโหวตจากผู้ชมในงาน (25%) | Once the time is up, each submission will be scored based on the number of objectives met (75%) and audience votes (25%). |
| ในรอบคัดเลือก ผู้ที่ทำคะแนนสูงสุด 2 ท่านในแต่ละรอบ จะได้ผ่านเข้าสู่รอบชิงชนะเลิศ | In the qualifiers, the 2 top participants in each qualifier round will advance to the finals. |
| ในรอบชิงชนะเลิศ เราจะทำการแจกรางวัลตามคะแนนที่ได้จากรอบชิงชนะเลิศทั้งหมด | After the finals, prizes will be awarded based on total score in the final rounds. |
| คุณสามารถตกแต่งหน้าเว็บ โดยใช้คลาสต่างๆ ของ Tailwind CSS, หรือจะเขียน CSS ใส่ใน `<style>` หรือจะใช้ inline style ก็ได้ | You can style your web page using Tailwind CSS’ classes, regular CSS using `<style>` elements, or inline styles. |
| ห้ามใช้ JavaScript บนหน้าเว็บ | No client side scripting is allowed. |

Metadata

UPDATED	25 July 2024
HISTORY	GitHub

Edit this page

Metadata

UPDATED	25 July 2024
HISTORY	GitHub

Edit this page