Generate JavaScript learning projects following EmersonBraun's JS Dev Course structure with HTML/CSS/JS and progressive challenges
This skill has been flagged as potentially dangerous. It contains patterns that could compromise your security or manipulate AI behavior.Safety score: 20/100.
KillerSkills scans all public content for safety. Use caution before installing or executing flagged content.
Generate JavaScript learning projects following EmersonBraun's JS Dev Course methodology. Creates structured projects with progressive challenges, bilingual documentation, and modern web standards.
When creating a new JavaScript course project, follow these steps:
Create the standard folder structure:
```
project-name/
├── index.html
├── index.js
├── style.css
├── README.md
├── README-PTBR.md
├── challenge-1/
│ ├── index.html
│ ├── index.js
│ ├── style.css
│ ├── README.md
│ └── README-PTBR.md
├── challenge-2/
│ ├── index.html
│ ├── index.js
│ ├── style.css
│ ├── README.md
│ └── README-PTBR.md
└── gifs/
├── class.gif
├── challenge-1.gif
└── challenge-2.gif
```
Generate HTML5 files with:
Template:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Project Name</title>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
<body>
<!-- Project content -->
<script src="index.js"></script>
</body>
</html>
```
Implement consistent styling:
Write modern, clean JavaScript:
Create bilingual README files:
**README.md (English)**:
**README-PTBR.md (Portuguese)**:
Design three levels:
1. **CLASS (index.html)**: Basic functional implementation with core features
2. **CHALLENGE 01**: Add business logic, categorization, and conditional outputs
3. **CHALLENGE 02**: Enhance UX with color coding, additional information, and visual feedback
Include standard interactive elements:
Use consistent naming:
Ensure quality:
**User request**: "Create a BMI calculator project"
**Agent actions**:
1. Generate folder structure with main project and 2 challenges
2. Create CLASS version with basic BMI calculation
3. Create CHALLENGE 01 adding BMI categories (Underweight, Normal, Overweight, Obese)
4. Create CHALLENGE 02 adding color-coded results and health recommendations
5. Write bilingual documentation with GIF placeholders
6. Apply consistent styling with gradient background and Roboto font
Leave a review
No reviews yet. Be the first to review this skill!
# Download SKILL.md from killerskills.ai/api/skills/javascript-course-project-generator/raw