Career framework inspiration from the world's best companies

Progression.fyi is a collection of public and open-source career frameworks and templates brought to you by Progression.

15 System Design Resources for Interviews (including Cheat Sheets)

If you're preparing for a system design and coding interview, you're in luck! We have a compiled list of the 15 best resources to help you ace your interview.

Excalidraw | Hand-drawn look & feel

Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.

Zapier Alternative | Automation software that's AI-first, no-code & open-source

Companies use Activepieces to help their teams use AI in their daily workflows — and you can, too!

Notes from “Good Strategy / Bad Strategy”

Strategy has always been difficult for me to pin down. What does a strategy look like? What makes a strategy good or bad? “Good Strategy / Bad Strategy,” by UCLA Anderson School of Management professor Richard P. Rumelt, takes a nebulous concept and makes it concrete.

Float | The resource management platform

The resource management platform to plan your team's best work.

Urban Sports Club | The most flexible sports and wellness offer in Europe

The most flexible sports and wellness offer in Europe – in just one membership! Enjoy over 50 sports, unwind with wellness, and work out anytime, anywhere: indoors, outdoors, or online.

Ant Engage | Connecting with Care, Powered by Intelligence

Create Your Own AI Voice Assistant. Build a personalized AI Voice Assistant for your business, products, knowledge, and goals.

Build killer product demos in 10 minutes

Interactive demos to WOW your prospects and close deals faster

Mega retro template

Planning your next agile retrospective? Start with a random plan, change it to fit the team's situation, print it and share the URL. Or browse around for new ideas!

Key concepts of team topologies

Team Topologies is an approach to designing team-of-teams organizations for fast flow of value.

Developer chawk meme | Hindi

Developer chawk meme | Hindi

Me after checking total no. of Jira tickets assigned to me

A mustard seed of faith is all you need.

The Framework Field Guide: A practical way to learn Angular, React & Vue all at once

React, Angular, and Vue have exploded in popularity within the past few years, but to use these frameworks, you need to understand a collection of core concepts and framework-specific syntax.

Here you Catch and there you Throw exception.

Stop adding colors to your UI

In this tutorial, I share how using less color improves the consistency and white space of your UI Which color mode do you prefer? 👀

Journeying from React to React Native: Differences & Similarities

As a React / JS developer, you’ve probably had the thought: "Should I learn React Native?" It’s a fair question and one I asked myself a few years ago. Turns out...

Design Systems from all the big tech companies

DAREBEE - Fitness On Your Terms

The Noun Project: Icons & Photos for Everything

Noun Project is building a global visual language that unites us.

Leadership Tools for Better Thinking

Thinking tools and frameworks to help you solve problems, make decisions, and understand systems.

JavaScript Playground

The #1 JavaScript playground and sandbox to write, run and repl it. JavaScript playground is perfect for learning and prototyping javascript sandboxes. Fast. Easy to use. Start javascript playground project using ready to use templates.

Telekom Design System

Dell Design System

Nord Design System

VMware Clarity Design System

Discovery Education Design System

Salesforce Lightning Design System

35 Vanilla JavaScript Machine Coding Interview Questions With Code

The repository contains solutions to famous frontend machine coding round questions like 1️⃣ Virtualized List 2️⃣ Infinite Scroll 3️⃣ Multi Step Form Validation 4️⃣ Progress Bar 5️⃣ Carousel 6️⃣ Drag and Drop Items 7️⃣ Dark and Night Mode 8️⃣ Accordion ... and many many more

Top 10 Angular Architecture Mistakes You Really Want To Avoid

In 2024, Angular keeps changing for better with ever increasing pace, but the big picture remains the same which makes architecture know-how timeless and well worth your time!

10 hidden-gem websites that will save you hundreds of hours

Top platform to practice your Front-End development skills

BFE.dev is the platform to practice your Front-End development skills, prepare your Front-End job interview and communicate with developers around the globe, like LeetCode for Front-End.

Realtime linked list

Me referring my friend for a Software Eng role in my company

Good Strategy Bad Strategy

Good Strategy/Bad Strategy clarifies the muddled thinking underlying too many strategies and provides a clear way to create and implement a powerful action-oriented strategy for the real world.

Top Leadership Articles by Harvard Business School

Harvard Business Review is a general management magazine published by Harvard Business Publishing, a not-for-profit, independent corporation that is an affiliate of Harvard Business School. HBR is published six times a year and is headquartered in Brighton, Massachusetts.

3 best pieces of advice ever

These are the three best pieces of advice ever.

Meme: npm install

The command npm install is used in the Node.js ecosystem, particularly with the Node Package Manager (npm). It performs several key functions related to installing and managing dependencies for a project.

An open-source component library optimized for fast development, easy maintenance, and accessibility.

An open-source component library optimized for fast development, easy maintenance, and accessibility. Just import and go—no configuration required.

A great resource to prepare for frontend interviews.

200+ of the most important questions — from building user interfaces in popular front-end frameworks to system design.

After digging into the habits of 1,000 successful people, I discovered that ALCHEMIST is the magic formula!

A - Action: Stop thinking, start doing! L - Learning: Knowledge is power, keep absorbing! C - Confidence: Believe in yourself, you got this! H - Humility: Stay humble, stay hungry! E - Enthusiasm: Tackle challenges with energy and excitement! M - Majestic Dreaming: Dream big, aim high! I - Innovation: Embrace new ideas, stay fresh! S - Strategic Thinking: Plan smart, execute smarter! T - Tinkering: Connect, refine, and make it happen!

Debugging bfcache, make your page load instantly - DevTools Tips

Join Jecelyn and special guest Barry as they dive deep into the world of the bfcache and how it can make it lightning-fast to navigate around web sites. Learn how to optimize your site for the bfcache, and discover powerful debugging techniques to troubleshoot any blocking issues. Make sure your users are benefiting from this free web performance boost!

Documents & diagrams for engineering teams

All-in-one markdown editor, collaborative canvas, and diagram-as-code builder

Frontend Developer Singing Gangnam Style

😍 CSS Style 😂🤣

Load Balancing Visualised

In this post we're going to focus on the ways that a single load balancer might distribute HTTP requests to a set of servers. We'll start from the bottom and work our way up to modern load balancing algorithms.

7 ways to develop a strong personality

Strong personalities seem to more effortlessly be able to do this. How do I develop a stronger personality? Keep reading for some practical tips.

How atomic Git commit dramatically increase my productivity - and will increase yours too?

I remember when my first mentor told me about Test-Driven Development. A great methodological approach to software engineering. It took me just a few minutes to understand what it was and how it worked. Then I spent the next six months actively not practicing it. TDD is hard when you start, so you just... don't.

Choosing a Compute Option on AWS

Trying to decide between compute options on AWS? Learn about 7 popular compute services and how they compare in terms of Abstraction, Setup, Reliability, Cost, and Maintenance. We cover EC2, ECS, Fargate, Lambda, Lightsail, ElasticBeanstalk, and AppRunner.

Frontend engineer interview prep materials

I’m consolidating a list of prep materials that helped me land the frontend engineer position at MANNG. There are tons of awesome resources out there. Below are the ones that I found extremely useful.

Tips for Effective Code Reviews

As an author, value your reviewer’s time. For respectful code reviews: • Review your code yourself first • Break up large change-lists / PRs • Automate the easy stuff (linting, formatting) • Narrowly scope changes • Respond graciously to critique • Minimize lag between rounds of review • Artfully solicit missing information • Communicate responses explicitly • Don’t forget the docs. Good documentation contains context that is missing from the code. It’s doesn’t just repeat it. • Discuss things upfront where it makes sense to. Design docs and team meetings can be great for aligning on API semantics, implementation details etc. prior to the code review and can avoid exceptionally long review cycles. As a reviewer, check that code is… • Required. Is the code needed? • Well designed (e.g. how well do the various pieces interact together and the system as a whole?) • Readable by others • Doing what the author intended (and is the intention good for both end-users and maintainers?) • No more complex than needed (e.g. can it be understood quickly? are folks very likely to add bugs when modifying it?) • Commented with the why vs. what (explain why code exists vs what its doing if possible) • Following the style guide (ideally automate enforcement, code with major style changes (e.g. reformats) should be kept separate) • Has appropriate tests that are designed well • Sufficiently documented in the same PR (keeps the docs fresh, and helps explain what you're doing) ...and keep code reviews constructive! • Comments should be about the code, not the developer. • Programming skill evaluations don’t belong in code reviews. • Don’t ask condescending questions. Common examples of the genre include “Why did you do this?” • Write clear and specific comments. • Include positive feedback. • Avoid overly nitpicking. Lean on automatic style checking for this. • Let computers do the boring parts • Settle style arguments with a style guide • Start reviewing immediately • Start high level and work your way down • Be generous with code examples • Frame feedback as requests, not commands • Tie notes to principles, not opinions

Using assertiveness when leading tech teams

Communication is one of the most important skills to develop in any career, but above all, one of the key skills to succeed in leadership roles. However, effective communication implies assertive communication. — A key component for engineering leaders: Say the right thing at the right time, in the right way.

Profiling site speed with the Chrome DevTools Performance tab

The Chrome DevTools Performance tab is packed full of features that let you audit page performance in depth. This article explains how to use it to profile your site and interpret the results.

14 Performance Patterns Every Frontend Developer Must Know

In every successful web page load, some critical components and resources become available at just the right time to give you a smooth loading experience. This ensures users perceive the performance of the application to be excellent. This excellent user experience should generally also translate to passing the Core Web Vitals.

Caching Header Best Practices

Caching headers are one of those deceptively complex web technologies which are so often overlooked or misconfigured. The fastest request is the one that is not made, and caching headers allow us to tell browsers when they can reuse an asset that they have already downloaded.

10 Common Leadership Styles (Plus How To Find Your Own)

Jenn, an Indeed Career Coach, explains the top leadership styles in management and how to identify the one that's right for you and your team.