Hackiethon 2022 Workshop

Teaching you how to build a basic portfolio website with HTML, CSS and JS (no prior experience required!)

Demo

About this repository

• Workbook Guides that detail everything we are going through in the workshop
• Code for the portfolio website we build during the workshop
• Additional Code Snippets that you could use in your Hackiethon project or get some inspo from~

Participant Workbook Guides

1. Setup [15min]
   • GitHub repository
   • Text Editor
2. HTML [30min]
   • Ingredients for the Web
   • HTML Page Structure
   • Anatomy of HTML Elements
   • Cheatsheet of common HTML Elements
3. CSS [30min]
   • CSS Syntax
   • Displaying and Positioning
   • Typography
4. JavaScript [30min]
   • Basic Syntax
   • Making a collapsible navbar
   • Modal (Libary)
5. Deployment [15min]
   • using GitHub Pages

Additional Resources

• https://codepen.io/chuahxinyu/pen/KKZbgqa
• https://www.w3schools.com/