hub / github.com/andreasbm/web-skills
github.com/andreasbm/web-skills @main
Chat with this repo
405 symbols
775 edges
44 files
⚖ MIT
88 documented · 22%
3 cross-repo links
● updated 2y ago★ 7,59238 open issues
Browse by type
What it actually does AI analysis from the code graph — generated when you open this
loading…
README
Web Skills
Web Skills is a visual overview of useful skills to learn as a web developer. Go to <a href="https://andreasbm.github.io/web-skills" target="_blank" aria-label="Link to Web Skills">https://andreasbm.github.io/web-skills</a> to check out the visual overview or scroll through this readme to get the overview <a href="#-fundamentals" target="_blank" aria-label="Link to list of skills">as a list</a>. If you like the project you are very welcome to <a href="https://github.com/andreasbm/web-skills/stargazers" aria-label="Become stargazer link">become a stargazer 🤩</a>
<a href="http://andreasbm.github.io/web-skills" target="_blank">
<img src="https://raw.githubusercontent.com/andreasbm/web-skills/master/demo.gif" alt="Web Skills Demo" width="800" />
</a>
📖 Table of Contents
➤ Table of Contents
- ➤ FAQ
- ➤ Fundamentals
- HTML
- Syntax
- Forms
- SEO
- Svg
- Best Practices
- CSS
- Syntax
- Selectors
- Box Model
- Colors
- Calc
- Layout
- Transforms
- Responsive Design
- CSS Variables
- Best Practices
- Javascript
- Syntax
- DOM
- Events
- Objects
- Regex
- Template Literals
- Promises
- Web Animations
- Modules
- Intl
- Canvas
- Documentation
- Best Practices
- The Browser
- Standardization
- Browser Engines
- HTTP
- The Internet
- Polyfills
- Debugging
- ➤ Accessibility
- ➤ Web Components
- ➤ Progressive Webapps
- API's
- Storage
- Routing
- Service Workers
- Web App manifest
- Add to homescreen
- Pointer Events
- Loading Performance
- App shell
- Render-Blocking Resources
- Compression
- Performance metrics
- Lazy Loading
- Critical Request Chains
- Tree shaking
- Codesplitting
- PRPL Pattern
- Resource Prioritization
- Caching
- Rendering Performance
- Rendering
- Event loop
- RAIL Model
- Critical Rendering Path
- The Pixel Pipeline
- CSS Containment
- Web Workers
- Security
- HTTPS
- Browser Sandbox
- OWASP
- Content Security Policy
- Audits
- Performance budgets
- Lighthouse
- Chrome DevTools
- ➤ Build tools
- ➤ Frameworks & Libraries
- ➤ Testing
- ➤ Architecture & paradigms
- ➤ Team Collaboration
- ➤ Design & UX
- ➤ The Modern Web
- Streams
- Speech Synthesis
- Web Sockets
- Geolocation
- Device orientation & motion
- Fullscreen
- Variable Fonts
- HTTP/2
- Payment Request API
- Web Audio
- Observers
- Scrollsnapping
- Web Assembly
- Beacon
- Clipboard
- Share
- Performance API
- Gamepad API
- Speech Recognition
- Interaction Media Queries
- Browser Extensions
- Pointer Lock API
- Picture In Picture
- Proxies
- Houdini
- Project Fugu
- Web Authentication API
- Native File System
- Shape Detection
- Web Bluetooth
- Web USB
- Web XR
- Presentation
- Network Information API
- ➤ Algorithms & Data structures
- ➤ Databases & Servers
- Databases
- Relational Databases
- Non-relational Databases
- Data Modelling
- Indexing
- Data Integrity
- Normalization
- Transactions
- Servers
- [Architectural Models](#arch
Core symbols most depended-on inside this repo
Shape
Languages
TypeScript100%
Modules by API surface
web_modules/common/lit-html-6bb77aec.js81 symbols
web_modules/lit-element.js63 symbols
web_modules/web-dialog.js40 symbols
web_modules/common/index.esm-7362d277.js25 symbols
src/app.js23 symbols
src/atoms/description.js20 symbols
src/util/util.js18 symbols
src/atoms/confetti.js18 symbols
src/molecules/skill.js16 symbols
src/firebase/auth.js16 symbols
src/util/measure.js14 symbols
generate-blueprint.js10 symbols
Dependencies from manifests, versioned
firebase7.13.2 · 1×
lit-element2.3.1 · 1×
lit-html1.2.1 · 1×
servor3.2.0 · 1×
snowpack1.6.0 · 1×
web-dialog0.0.11 · 1×
For agents
$ claude mcp add web-skills \
-- python -m otcore.mcp_server <graph>