Skip to content

Commit

Permalink
Update holiday-hackathon-2024-workshops.mdx
Browse files Browse the repository at this point in the history
  • Loading branch information
@sonnynomnom
sonnynomnom authored Jan 10, 2025
1 parent f998d1b commit 6fb170a
Showing 1 changed file with 14 additions and 14 deletions.
28 changes: 14 additions & 14 deletions blogs/holiday-hackathon-2024-workshops.mdx
View file
Original file line number Diff line number Diff line change
Expand Up @@ -12,11 +12,11 @@ tags:

One of the biggest highlights of the Mini Holiday Hackathon was the events! ❄️

We hosted 8 techanical workshops, covering everything from HTML, CSS, and JavaScript to web design, Figma, and GitHub Pages! These sessions were packed with gold nuggets, making them perfect for beginners who are just starting their web dev journey or new to the hackathon scene.
We hosted 8 techanical workshops, covering everything from HTML, CSS, and JavaScript to web design, Figma and GitHub! These sessions were packed with gold nuggets, perfect for beginners who are getting started on their web dev journey or attending their first hackathon.

📺 Check out the full playlist:

- <a href="##opening-ceremony">Opening Ceremony</a> with Sonny, Lil, Naomi
- <a href="#opening-ceremony">Opening Ceremony</a> with Sonny, Lil, Naomi
- [Intro to (90s) Web Design](https://www.codedex.io/blog/holiday-hackathon-2024-workshops#intro-to-90s-web-design) with Jackie
- [Intro to HTML/CSS](https://www.codedex.io/blog/holiday-hackathon-2024-workshops#intro-to-htmlcss) with Ellie
- [Intro to JavaScript](https://www.codedex.io/blog/holiday-hackathon-2024-workshops#intro-to-javascript) with Dharma
Expand All @@ -30,43 +30,43 @@ You can also skip ahead using timestamps on YouTube. Enjoy!

#### Opening Ceremony

<iframe width="560" height="315" src="https://www.youtube.com/embed/toWMpKZxX1M?si=cm8gLJ2pEqagnmPc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
The Opening Ceremony for our 48-hour Mini Holiday Hackathon 2024, presented by me, Lil, and Naomi! We went over the hackathon theme (90s retro!), a brief history of the 90s and early web, hackathon rules and logistics, and more. Relive the kick-off with us.

The Opening Ceremony for our 48-hour Mini Holiday Hackathon 2024, presented by me, Lil, and Naomi! We went over wth is Codédex, the hackathon theme (90s retro!), a brief history of the 90s and early web, hackathon rules and logistics, and more. Relive the kick-off with us.
<iframe width="560" height="315" src="https://www.youtube.com/embed/toWMpKZxX1M?si=cm8gLJ2pEqagnmPc" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

#### Intro to (90s) Web Design

<iframe width="560" height="315" src="https://www.youtube.com/embed/vfP9QDdOzcM?si=19mBmi58oXLq-yvS" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
If you are curious about web design, UI/UX, frontend, and the creative side of tech, you don't want to miss this. Jackie Liu [@jackieisonline](https://x.com/jackieis_online) is the Sr. Product Designer and new design mastermind behind Codédex. Here's her workshop with 1) Product Design talk, 2) live **Figma** demo, and 3) Q&A at the end.

If you are new to the world of web design, UI/UX, frontend development, and the creative side of coding, you don't want to miss this. Jackie Liu is the Senior Product Designer and new design mastermind behind Codédex and a well known artist in the creative coding space. Here's her Mini Holiday Hackathon workshop with 1) Product Design talk, 2) Live Figma demo, and 3) Q&A at the end.
<iframe width="560" height="315" src="https://www.youtube.com/embed/vfP9QDdOzcM?si=19mBmi58oXLq-yvS" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

#### Intro to HTML/CSS

<iframe width="560" height="315" src="https://www.youtube.com/embed/G2nvWPnIMt4?si=MYwwC2vpJG2--SnR" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Need some refresher on HTML/CSS? Ellie Popoca is the Curriculum Developer @ Codédex and a recent UIUC grad who have participated in over 40 hackathons. Here's her workshop with Intro to **HTML** and **CSS**, setting up your **code editor**, and a live demo: **Build a Partiful invitation page**. *:･ﾟ✧*:･ﾟ

Ellie Popoca is the Curriculum Developer @ Codédex and a recent UIUC grad who have participated in over 40 hackathons. Here's her Mini Holiday Hackathon workshop with 1) Intro to HTML/CSS 2) Live Demo: Build a Partiful invitation age, and 3) Q&A at the end. The perfect refresher for these core languages of the web. *:･ﾟ✧*:･ﾟ
<iframe width="560" height="315" src="https://www.youtube.com/embed/G2nvWPnIMt4?si=MYwwC2vpJG2--SnR" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

#### Intro to JavaScript

<iframe width="560" height="315" src="https://www.youtube.com/embed/3t5ufW3CEaM?si=g4P8lE4F9Mh-YiVZ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Is JavaScript tripping you up? Then def watch this! Dharma Jethva is the Founding Engineer @ Codédex and here's his workshop on Introduction to **JavaScript** where he'll go over Console.log, Variables, Functions, Events, Interactivity, and more.

Is JavaScript tripping you up? Then def watch this! Dharma Jethva is the Founding Engineer @ Codédex and here's his Mini Holiday Hackathon workshop on Introduction to JavaScript where he'll go over Console.log, Variables, Functions, Events, Interactivity, and more.
<iframe width="560" height="315" src="https://www.youtube.com/embed/3t5ufW3CEaM?si=g4P8lE4F9Mh-YiVZ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

#### Host a Website with GitHub Pages

Coming soon.

#### How to Rizz at Hackathons

<iframe width="560" height="315" src="https://www.youtube.com/embed/mh2iG0bHdFI?si=vBnDNamIpEuDFOXI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
If you are new to the world of hackathons, we gotchu! Audrey Chen ‪[@jiaseed‬](instagram.com/jia.seed) is a 21x hackathon winner and a junior studying Computer Engineering at MSU. The team met her at HackMIT and have kept in touch since. Here's the pre-hack workshop that Audrey hosted with 1) hackathon tips & tricks, 2) a Q&A session, and 3) a fun convo with Sonny (got a little deep!).

If you are new to the world of hackathons, we gotchu! Audrey Chen ‪aka [@jiaseed‬](instagram.com/jia.seed) is a 21x hackathon winner and a junior studying Computer Engineering at MSU. The team met her at HackMIT and have kept in touch since. Here's the Mini Holiday Hackathon pre-hack workshop that Audrey hosted with 1) hackathon tips & tricks, 2) a Q&A session, and 3) a fun convo with Sonny.
<iframe width="560" height="315" src="https://www.youtube.com/embed/mh2iG0bHdFI?si=vBnDNamIpEuDFOXI" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

#### Closing Ceremony

<iframe width="560" height="315" src="https://www.youtube.com/embed/2EMiApRttBs?si=dy3zIXfXc_LhBPb1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
Drumroll please... 🥁... as the team announce the winners LIVE from the Codédex HQ in Dumbo, Brooklyn! Can't ask for a better way to end the year.

Drumroll please as the team announce the winners LIVE from the Codédex HQ! Can't ask for a better way to end the year.
<iframe width="560" height="315" src="https://www.youtube.com/embed/2EMiApRttBs?si=dy3zIXfXc_LhBPb1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

#### And... make sure to subscribe!

Expand Down

0 comments on commit 6fb170a

Please sign in to comment.