A collection of the most useful things I learned as a developer (not added in the order I learned them). Keeping track of them helps me retain more and makes it easier to share the knowledge with other devs that can benefit from it. I love to learn so please let me know if you spot any mistakes or I missed something. Feel free to share anything you find useful.
This repo is inspired by the @jbrandchaud/til repo and the Learning in Public idea/movement.
- You really didn't learn
thisuntil today? How can you be a working developer and not knowthis?- As a self-taught developer and long-time coding meetup attendee/organizer, I try to share a mix of fundamentals and more specialized knowledge. Fundamentals to have a broader appeal and it can make a significant difference for multiple devs. One goal for this repo is to make it easy to share useful info with devs I interact with. Useful tips and tools that don't seem to difficult can still save a dev many hours and improve their quality of life.
- Chrome
- CI (Continuous Integration)
- CLI
- CSS
- Cypress
- DevOps
- ESLint
- Gear
- Git
- GitHub
- HTML
- JavaScript
- Jest
- Jira
- MacOS
- Markdown
- Material UI
- Office Software
- Scrum
- SVG
- TypeScript
- VS Code
[DevTools]- Filter failed or pending network requests[DevTools]- Framework Ignore List - Fix for Sentry.io wrong console log source[DevTools]- Showconsole.debug()output in console[DevTools]- Show console timestamps- Keyboard shortcuts with a high ROI
[Cypress]- Always upload videos and screenshots[GitHub Actions]- Conditionally run CI action if commit message has --flag
- Run commands sequentially
[Terminal]- Fig: Modern autocomplete for any terminal[Terminal]- Warp: a modern terminal with IDE features[Tool]- Visual diff tool to compare images
- Check if loading is finished
[CI]- Always upload videos and screenshots- Get element with multiple attributes
- Headless login custom command
- Override global configs for one test/suite
- Partly stub API responses
[Plugin]-cypress-terminal-reportfor instant headless debug info- Select element by exact
innerTextregExp match, even if similar elements exist - Stop test suite on API error
whileloop DIY workaround in Cypress
- Add to your last commit with the
--amendflag - ⭐️ Branching changes lives
- Checkout a specific commit
[Error]- src refspec main does not match any. error: failed to push some refs to 'github.com...'
[Bookmarklet]- Enable right-click and selecting text[Bookmarklet]- insert text snippet at current cursor position[Bookmarklet]- removenotranslateclass that prevents whole page translation[Bookmarklet]- Use Wayback Machine for the current URL- Combine conditions using array
[Console]- Styleconsole.log()output with CSS[Library]- Easy resizable elements with no dependencies[Numbers]- better readability with underscores for large numbers- Object copying failures and partial solutions
- RegEx is awesome - online RegEx playgrounds and cheatsheets
- Sort an array of strings/objects alphabetically
[Automation]- Debug an automation rule[Automation]- Find the smart value for a field[Automation]- update taskStory point estimatewhen subtask values change
- App recommendation: Coconut Battery
- Get MacBook battery info with terminal command
- Permanently show hidden files in Finder