https://github.com/sparklemca-osc/web-development-workshop
A comprehensive, four-week workshop designed to teach the fundamentals of web development. This repository contains all the materials and projects, covering everything from HTML and Tailwind CSS to asynchronous JavaScript, API integration, and deployment with Git and Vercel.
https://github.com/sparklemca-osc/web-development-workshop
github javascript tailwind-css web-development
Last synced: about 2 months ago
JSON representation
A comprehensive, four-week workshop designed to teach the fundamentals of web development. This repository contains all the materials and projects, covering everything from HTML and Tailwind CSS to asynchronous JavaScript, API integration, and deployment with Git and Vercel.
- Host: GitHub
- URL: https://github.com/sparklemca-osc/web-development-workshop
- Owner: SparkleMCA-OSC
- Created: 2025-11-02T06:22:07.000Z (8 months ago)
- Default Branch: main
- Last Pushed: 2025-11-02T06:22:45.000Z (8 months ago)
- Last Synced: 2025-11-03T06:22:23.477Z (8 months ago)
- Topics: github, javascript, tailwind-css, web-development
- Language: HTML
- Homepage:
- Size: 1.16 MB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Basic setup with TailwindCSS and VSCode settings.
### Tailwind CDN 1
```html
```
### Tailwind CDN Alternative
```html
```
### .vscode/settings.json
```json
{
"tailwindCSS.includeLanguages": {
"html": "html"
},
"tailwindCSS.experimental.classRegex": [
["class\\s*=\\s*\"([^\"]*)\"", 1]
],
"editor.quickSuggestions": {
"strings": true
}
}
```
### tailwind.config.js
```js
module.exports = {
content: ["./src/**/*.{html,js}"],
theme: {
extend: {},
},
plugins: [],
}
```