https://github.com/moebiusmania/commit-university
Slides and code from the event.
https://github.com/moebiusmania/commit-university
christmas event frontend slides
Last synced: 2 months ago
JSON representation
Slides and code from the event.
- Host: GitHub
- URL: https://github.com/moebiusmania/commit-university
- Owner: moebiusmania
- License: mit
- Created: 2023-11-24T11:27:53.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-14T18:30:39.000Z (over 1 year ago)
- Last Synced: 2025-01-31T08:35:33.446Z (4 months ago)
- Topics: christmas, event, frontend, slides
- Language: TypeScript
- Homepage: https://moebiusmania.github.io/commit-university/
- Size: 2.51 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
- License: LICENSE
Awesome Lists containing this project
README
# Commit University | December 2023 event
> Slides and code from the event.
_Cover image created with Midejourney + Microsoft Designer_
This repository includes both the slides and the sample webapp used for the event.
## Event ToC
`[ITA]`
La serata sarà principalmente divisa in 3 parti:
- Parte 1: ⏳ **10 years in a (frontend) lifetime** - una breve retrospettiva (_non più di 20 minuti_) sugli alti e bassi dell'ultimo decennio di sviluppo frontend.
- Parte 2: 👩💻 **-code hands on-** - una breve sessione di 30 minuti circa in cui svilupperemo un piccolo gioco a quiz utilizzando (_per lo più_) web standards.
- Parte 3: 🤓 **Giochiamo al quiz appena creato!**
`[ENG]`
The event will be mainly be splitted in 3 parts:
- Part 1: ⏳ **10 years in a (frontend) lifetime** - a 15 to 20 minutes retrospective about the last decade of the frontend development world
- Part 2: 👩💻 **-code hands on-** - a 30 minutes hands-on coding session on building a simple quiz game using (_mostly_) current web standards
- Part 3: 🤓 **Let's play the just-built quiz!**
## Built on top of
Sample advent calendar webapp:
- vanilla [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)
- [Web Components](https://developer.mozilla.org/en-US/docs/Web/API/Web_components) - standard spec to build reusable [Custom Elements](https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements)
- [Vite.js](https://vitejs.dev/) - next generation frontend tooling
- [Lit](https://lit.dev/docs/templates/overview/) - dynamic HTML templating built in Javascript
- [Haunted](https://hauntedhooks.netlify.app/) - React hooks for Web Components
Slides:
- [Reveal.js](https://revealjs.com/) - the HTML presentation framework
- [Gamepad API](https://developer.mozilla.org/en-US/docs/Web/API/Gamepad_API/Using_the_Gamepad_API) - browser-native API to interact with gaming input devices
## Use the "starter" version
```bash
$ git clone -b starter https://github.com/moebiusmania/commit-university
```
## Run locally
Clone the repo
```bash
$ git clone https://github.com/moebiusmania/commit-university
```
install the dependencies
```bash
$ cd commit-university
$ npm ci
```
run the dev server
```bash
$ npm run dev
```
open your browsr on the `localhost:3000` address.
## License
All of the code in this repository is distribuited under the terms of the [MIT license](LICENSE) unless where specified otherwise.