Frontend Code Challenge
Mike Mai edited this page Apr 1, 2021
·
1 revision
Build out the HTML from a static design comp within 1 hour.
- 50% - Lighthouse accessibility score
- 25% - Lighthouse SEO score
- 5% - Proper heading order
- 5% - Proper links and buttons
- 5% - Proper alt attributes
- 5% - Proper landmarks
- 5% - Proper skip link
Points will be added per instance of proper usage.
- 1% - Use light/dark mode specific CSS vars (eg.
var(--m-bolt-link)) - 1% - Use spacing CSS vars (eg.
var(--bolt-spacing-x-*),var(--bolt-spacing-y-*)) - 1% - Use typography CSS vars (eg.
var(--bolt-type-*))
Gift cards of choice (Amazon, Apple, Google Play, etc.).
- $200
- $100
- $50
- Basic A11y Checklist
- Get started with Bolt locally
- Bolt Specific Standards and Conventions
- How to save SVG graphics and SVG icons
- Upgrade to minor release
- Upgrade to 4.x
- Upgrade to 5.x
- Release Workflow
- VS Code Configuration
- Bolt Doc Writing Guide
- Prefixing Custom Attributes
- Standard Props for Passing Content in Twig
- Building Websites with Bolt in Drupal
- From Design Mockup to Code
- Override with Utility Classes