📚 Awesome Learning
A living curated list of awesome learning material.
I'll try to jot down interesting stuff I read, watch, or listen related to the things I enjoy the most: Software development and everything in between.
- CSS Grid
- UI Engineering
- Product Management
- Kanban and Lean
- Software Crafting
- Programming and Computer Science
- UI Design
- User Experience
I also tried to identify some content types:
📝Post, article. 🎥Talk or Video Course. 📚Book (either physical or digital). 🤷Other (an online game, an infographic...).
Disclaimer: This isn't an exhaustive list. It contains resources I value and I enjoyed consuming, not everything I've ever read.
Disclaimer #2: There is no order or priorities. Read the whole thing :D
Disclaimer #3: I know some resources and categories are overlapping. I know. I'm not trying to start a fire by splitting Agile and Software Crafting.
🎥The Trick to Understanding Scoped Slots in Vue.js - Adam Wathan. 🎥Serverless Functions and VueJS - Sarah Drasner. 🎥7 Secret Patterns Vue Consultants Don't Want You to Know - Chris Fritz. 🎥Aquitecturas Frontend con Vue y Vuex. 📝A Vue.js introduction for people who know just enough jQuery to get by. 📝A React Point of Vue. 📝Vuex + IDD: Part1. 📝Renderless Components in Vue.js. 📝Building “Renderless” Vue Components. 📝3 tips for scaling large Vue.js application. 📝Large-scale Vuex application structures. 📝Form Validation in Under an Hour with Vuelidate. 📝Native-Like Animations for Page Transitions on the Web. 📝What does the Vue function API feel like. 📝Getting More Out of Vue Async Components. 📝The Making of: Netlify's Million Devs SVG Animation Site. 📝How we do Vue: one year later. 📝Vue state management from the ground up (disclaimer: I wrote this post). 📚Desarrolla aplicaciones con VueJS. 🤷Introduction to Vue.js with Sarah Drasner. 🤷Advanced Vue Component Design.
🎥Minimal API Surface Area - Sebastian Markbage. 🎥React Today and Tomorrow - Sophie Alpert and Dan Abramov. 🎥90% Cleaner React With Hooks - Ryan Florence. 📝ReactJS: Props vs. State. 📝10 React mini-patterns. 📝Making Sense of React Hooks. 📝A different way to manage state in React. 📝Inside Fiber: in-depth overview of the new reconciliation algorithm in React. 📝React's JSX: The Other Side of the Coin. 📝React hooks: not magic, just arrays. 📝Thinking About React, Atomically. 📝How Does React Tell a Class from a Function?. 📝React as a UI Runtime. 📝State Machines in React. 📝Thinking in React Hooks.
🎥Thinking beyond 'Scalable CSS' - Nicholas Gallagher. 🎥Everything You Know About Web Design Just Changed - Jen Simmons. 🎥Keeping it simple with CSS that scales - Andy Bell. 📝Use Cases For Flexbox. 📝Incomplete List of Mistakes in the Design of CSS. 📝Page Transitions for Everyone. 📝Contextual styling with custom properties. 📝Build User Interfaces by Composing CSS Utility Classes with Tailwind. 📝CSS Utility Classes and "Separation of Concerns". 📝CSS and Scalability. 📝BEM I (finally) understand. 📝Battling BEM CSS: 10 Common Problems And How To Avoid Them. 📝Say Hello to Houdini and the CSS Paint API. 📝My approach to using z-index. 📝Medium's CSS is actually pretty f***ing good. 📝The 100% correct way to do CSS breakpoints. 📝Rebuilding slack.com . 📝Using Media Queries For Responsive Design In 2018. 📝A Tale of Two Buttons. 📝Five years of PostCSS: State of the Union. 📝CSS Position Sticky - How It Really Works!. 📝A Complete Guide to Flexbox. 📝Thoughts on Self-Documenting CSS. 📝Why we prefer CSS Custom Properties to SASS variables. 📝Dynamic SVG Animation with CSS Variables. 📝Digging Into The Display Property: Box Generation. 📝11 things I learned reading the flexbox spec. 📝CSS Viewport Units. 📝Building dark mode on Stack Overflow. 📝Ten modern layouts in one line of CSS. 📝Everything I Learned About min(), max(), clamp() In CSS. 📚CSS animation 101. 🤷Flexbox Froggy - A game for learning CSS flexbox. 🤷Flexbox Defense. 🤷CSS Diner - Where we feast on CSS Selectors!. 🤷Relearn CSS layout. 🤷Modern CSS Solutions for Old CSS Problems. 🤷What does 100% mean in CSS?. 🤷CSS Layout – Popular Layouts & patterns made with CSS.
🎥Designing with Grid - Jen Simmons. 🎥Making Future Interfaces: Algorithmic Layouts - Heydon Pickering. 📝The benefits of learning how to code layouts with CSS. 📝Introducing the CSS Grid Layout. 📝Editorial Design and CSS Grid: Inspiration and examples. 📝11 Things I Learned Reading the CSS Grid Specification. 📝Should I use Grid or Flexbox?. 📝Grid Projection Naming. 📝The benefits of learning how to code layouts with CSS. 📝Using CSS Grid the right way. 🤷CSS Grid with Wes Bos. 🤷CSS Grid Garden.
🎥How To Think Like A Front-End Developer - Chris Coyier. 📝Rendering on the Web. 📝Building the Google Photos Web UI. 📝The Elements of UI Engineering. 📝How Browsers Work: Behind the scenes of modern web browsers. 📝Choosing an HTTP Status Code - Stop Making It Hard. 📝What is the Future of Front End Web Development?. 📝Dividing frontend from backend is an antipattern. 📝What, exactly, is the DOM?. 📝Backend-in-the-frontend: a pattern for cleaner code. 📝The Great Divide. 📝Server to Client. 📝The Present Future of User Interface Development. 📝Architecting UIs for Change. 📝Writing Resilient Components 📝Virtual DOM is pure overhead. 📝Scalable Frontend (Part 2, Part 3). 📝Frontend Design, React, and a Bridge over the Great Divide. 📝When a rewrite isn't: rebuilding Slack on the desktop. 📝Integrated systems for integrated programmers. 📝Rebuilding our tech stack for the new Facebook.com. 📝The Great CoffeeScript to Typescript Migration of 2017. 📝ooooops I guess we're* full-stack developers now. 📝The Widening Responsibility for Front-End Developers. 📝Arquitectura Hexagonal en el FrontEnd. 📝The client is not always right: another twist in modern front-end development (Part 1). 📝Building a System for Front-End Translations.
🎥Common ways we break accessibility and how to avoid - Laura Carvajal. 🎥Getting your priorities straight - Heydon Pickering. 🎥Inteligencia artificial para acabar con la dislexia - Luz Rello. 📝The Web Accessibility Introduction I Wish I Had. 📝Disabled buttons suck. 📝Links vs. Buttons in Modern Web Applications. 📝Why, How, and When to Use Semantic HTML and ARIA. 📝Accessible Icon Buttons. 📝Building the most inaccessible site possible with a perfect Lighthouse score. 📝How to Section Your HTML. 📝Accessibility and web performance are not features, they're the baseline. 📝Pseudo Localization @ Netflix. 📝Why the GOV.UK Design System team changed the input type for numbers. 🤷Nutrition Cards for Accessible Components A11Y Expectations. 🤷Inclusive Components.
🎥Tengo demasiados proyectos...¿Qué hago? (Gestión de la Demanda) - Ángel Medinilla. 🎥The Importance of Listening to Your Customers - David Cancel. 🎥Actionable Metrics for Predictability – Daniel Vacanti. 🎥3x Explore, Expand, Extract – Kent Beck. 🎥Cómo entregar más por menos – Marta Manso. 📝Your Product is Decisions. 📝Product Management Alignment - How to create it. 📝¿Por qué no hay SEO en Mercadona Online?. 📝MVPM: Minimum Viable Product Manager. 📝The New User Story Backlog is a Map. 📝Minimum Valuable Problem. 📝A Minimum Viable Product Is Not a Product, It's a Process. 📝The Three Jobs of Product Management. 📝Why we kick off any new project with a Design Sprint. 📝The Ultimate Guide to Minimum Viable Product. 📝Got a great product idea? Don't build it. 📝Looking beyond launch. 📝Your app is an onion: Why software projects spiral out of control. 📝All You Need To Know About Customer Journey Mapping. 📝The most important thing Dropbox did to scale Product Management. 📝Process > Outcome (How to Overcome The Outcome Bias) . 📝The essence of story slicing in agile development. 📝Have you ever tried to learn a new skill online?. 📝What a very bad day at work taught me about building Stack Overflow's community. 📝Continuous Alignment of Product Management. 📝Product vs. Feature Teams. 📝Deadline Defense. 📝How Product Managers Lose Trust. 📝Outcome Over Output: Also Impact and Effort. 📝Product vs Design vs Tech: A Partnership, not a Battlefield. 📝Kent Beck's 3X — Explore, Expand, Extract. 📝The Product Development Triathlon. 📝Fast/Slow in 3X: Explore/Expand/Extract. 📝Crack The WIP. 📝6 diagrams I use to explain Product Management concepts. 📝How to survive working at a startup. 📝Making sense of MVP (Minimum Viable Product) – and why I prefer Earliest Testable/Usable/Lovable. 📝50 Short Product Lessons. 📚The Lean Startup. 📚Zero to One. 📚Making Work Visible: Exposing Time Theft to Optimize Work & Flow. 📚Escaping the build trap. 📚Getting Real.
🎥Coaching de datos - Jaume Jornet. 🎥Empresa Ágil del siglo XXI - Ángel Medinilla. 🎥The Lean Organization - Gabriel Prat. 🎥El patadón palante. Posponer decisiones - Eduardo Ferro. 🎥Agile is Dead - Pragmatic Dave Thomas. 🎥Beyond Agile Programming - Kent Beck. 📝Making the Date. 📝How to Impose Agile. 📝Give teams a problem to solve, not a solution to implement. 📝Do you want Crappy Agile?. 📝12 Signs You're Working in a Feature Factory. 📝Order-Takers vs. Value-Builders. 📝Agile Died While You Were Doing Your Standup. 📝Radical Agility 101: Study Notes. 📝How we structure our work and teams at Basecamp. 📝What's Missing In The Agile Manifesto: Mindset. 📝When story points misfire. 📝Agile doesn't have a brain . 📝Adopting Agile? You're aiming at the wrong target. 📝How Slate redesigned the way we work. 📝One year of agile teams at aFrogleap. 📝Why Isn't Agile Working?. 📝Developers Should Abandon Agile. 📝Self-Balanced, Not Self-Organized. 📝Want to scale agile? Don't. Descale the work first. Achieve big through small. 📝Dinámicas de PO como motor de cambio del equipo. 📝Three drawings I use to explain agile. 📝A letter to Agile Coaches (Scrum, XP, and software delivery). 📝Why Don't We Just Call Agile What It Is: Feminist. 📝No Software: No Agile, No Scrum. 📝Twelve. 📝12 Signs You're Working in a Feature Factory — 3 Years Later. 📝Failed #SquadGoals. 📝The Daily Meeting. 📝Why roadmaps reflect the level of Agile inadequacy. 📝Flaws In Scrum And Agile. 📝Rethinking Agile... for all business? (disclaimer: I wrote this post). 📚The Nature of Software Development.
Kanban and Lean
🎥Little's Flaw – Daniel Vacanti. 🎥Actionable Metrics for Predictability – Daniel Vacanti. 📝Why we moved from Scrum to Kanban. 📝Little's Law – It's not about the numbers. 📝Little's Law - the basis of Lean and Kanban. 📝The Principles of Kanban method. 📝Henry Ford: Master of flow. 📝WIP It Real Good. 📝Faster. Faster. Faster.. 📝Why We Need WIP Limits. 📝Creating Flow and Value in Product Development. 📝Your developers are not slow. 📝Limiting Work in Process (WiP) and Having Small Batches is Antifragile. 📝When costs are nonlinear, keep it small. 📝Kanban Metric Layout (I) (Part 2). 📝Reading the Signs: Kanban CFD Patterns. 📝You say slow (disclaimer: I wrote this post). 📚This is Lean: Resolving the Efficiency Paradox. 📚The Principles of Product Development Flow.
🎥Refactorizar a patrones - Xavi Gost. 🎥Software Crasftsmanship - Sandro Mancuso. 🎥Simplicidad para desarrolladores - Eduardo Ferro. 🎥Writing Readable Code - Tom Hudson. 🎥Livable Code - Sarah Mei. 🎥7 minutes, 26 seconds, and the Fundamental Theorem of Agile Software Development. 🎥What Does Tech Excellence Look Like? - Martin Fowler. 🎥The Path to Craftsmanship - Chet Hendrickson & Ron Jeffries. 🎥Deliveritis Aguda - Carlos Buenosvinos. 🎥Workflows of Refactoring - Martin Fowler. 🎥Effective Technical Agile - Emily Bache. 🎥Software that Fits in Your Head - Dan North. 🎥Writing Software – David Heinemeier Hansson. 🎥Tidy First? – Kent Beck. 🎥It's Not Continuous Delivery If You Can't Deploy Right Now - Ken Mugrage. 🎥Pusheando en master, que es gerundio – Isidro López. 📝You Are Not Paid to Write Code. 📝Tech companies: these are the perks (and benefits) I want. 📝The DIY illusion. 📝How to stand on the shoulders of giants. 📝The Tragedy of Craftsmanship. 📝How Do We Go Faster?. 📝Agilismo versus craftismo. Y diversidad. 📝Writing Tidy Code. 📝Why I changed the way I think about Code Quality. 📝The Cult of the Complex. 📝The Human Cost of Tech Debt. 📝Paying Technical Debt: How To Rescue Legacy Code through Refactoring. 📝Imaginary Problems Are the Root of Bad Software. 📝Is High Quality Software Worth the Cost?. 📝KPIs para equipos de desarrollo de software. 📝Technical Skills. 📝La simplicidad por principio. 📝Extreme Programming, a Reflection. 📝Inefficient Efficiency. 📝Duplication, you're welcome. 📝Write code that is easy to delete, not easy to extend. 📝Repeat yourself, do more than one thing, and rewrite everything. 📝Refactoring. 📝A Tale of Two TDDers. 📝One Defect, Two Fixes. 📝Ubiquitous Language & the joy of naming. 📝Examining the Agile Cost of Change Curve. 📝The Cost of Change. 📝Speed in Software Development. 📝Understanding Incremental Switchover. 📝TechnicalDebtQuadrant. 📝What is DevOps? A guide to common methods and misconceptions. 📝The Wrong Abstraction. 📝Understanding Feedback Loops in DevOps. 📝It's all about feedback loops (disclaimer: I wrote this post). 📝Beware the feedback loop (disclaimer: I wrote this post). 📚Extreme Programming Explained. 📚Clean Code. 📚Refactoring.
Programming and Computer Science
🎥Aprender a enseñar a programar - Xavi Gost. 🎥Mejorando como desarrolladores - Belén Albeza. 🎥Towards an inclusive craft - Daniel Irvine. 🎥Agility and Architecture - Robert C. Martin ("Uncle Bob"). 🎥Growing a Language - Guy Steele. 🎥Preventing the Collapse of Civilization - Jonathan Blow. 🎥Simplicity Matters - Rich Hickey. 🎥Metrics, Metrics, Everywhere - Coda Hale. 🎥Building Evolutionary Architectures – Rebecca Parsons. 📝Rethinking CS101. 📝The Hard Thing About Software Development. 📝Object Oriented Tricks: #2 Law of Demeter. 📝So You Want to be a Functional Programmer (Part 1). 📝The Forgotten History of OOP. 📝OO Tricks: The Art of Command Query Separation. 📝REST vs. GraphQL: A Critical Review. 📝How to think like a programmer — lessons in problem solving. 📝The Origins of Opera and the Future of Programming. 📝The Code Quality vs. Speed Fallacy. 📝Statistics for people in a hurry. 📝Level Up Your Reverse Engineering Skills. 📝Programming Sucks. 📝Refactor cotidiano (4). Sustituye escalares por objetos. 📝S.O.L.I.D. functions. 📝Before learning SOLID principles. 📝Hexagonal Architecture. 📝Better Software Design with Clean Architecture. 📝Diseño incremental de software a partir de las interacciones. 📝OO vs FP. 📝What Color is Your Function?. 📝What is domain logic?. 📝Una introducción a Domain Driven Design. 📝Everything you need to know to identify coupling with connascence. 📝Better Software Design with Application Layer Use Cases. 📝To Domain Driven Design. 📝DDD - The Bounded Context Explained. 📝Domain-Driven Design "in a Shot". 📝Combatiendo la obsesión de primitivos con objetos valor. 📝The Algebraic Structure of Functions, illustrated using React components. 📝I push, therefore I am: 2 Days at Etsy. 📝One Bite At A Time: Partitioning Complexity. 📝Rebuilding Twitter's public API. 📝From Primitive Obsession to Domain Modelling. 📝Railway oriented programming. 📝Things You Should Never Do, Part I. 📝Parse, don't validate. 📝Type Safety Back and Forth. 📚Domain Modeling Made Functional. 🤷Learn Data Structures for Interviews and Everyday Development.
🎥Human Centred Products - Kim Goodwin. 🎥Rethinking Design Practices – Mark Dalgleish. 📝Working Type. 📝Using UI System Fonts In Web Design: A Quick Practical Guide. 📝7 Practical Tips for Cheating at Design. 📝7 Rules for Creating Gorgeous UI. 📝10 Rules For Efficient Form Design. 📝Five Fallacies About Creativity. 📝User Experience Designer vs Visual/UI Designer. 📝A Year of Google Maps and Apple Maps. 📝Design principle: IKEA effect. 📝Color in UI Design: A (Practical) Framework. 📝The King vs. Pawn Game of UI Design. 📝Rhythm in Web Typography. 📝'Me gusta' no es un argumento de diseño. 📝How to Give Constructive Design Feedback Over Email. 📝On Switching from HEX & RGB to HSL. 📝The system always kicks back. 📝Consistency in Design is the Wrong Approach. 📝Space in Design Systems. 📝Size in Design Systems. 📚The Design of Everyday Things.
🎥Malas gráficas - Almudena Martín. 📝There is no such thing as UX Design. 📝Lean Inception. 📝How to Get Stakeholders to Buy Into User Research. 📝Agile Development Is No Excuse for Shoddy UX Research. 📝Great Alternatives to Hamburger Menus. 📝How we lost 47% of our users after a redesign. 📝How Spotify's website UX has changed (2006 to 2016) . 📝Stop the overuse of overflow menus. 📝Content and Design Are Inseparable Work Partners. 📝A Usability Test on the Starbucks iOS App. 📝Never Show A Design You Haven't Tested On Users. 📝A Guide to the Art of Guerrilla UX Testing. 📝The Evolution of UX Process Methodology. 📝How to Stop UX Research being a Blocker. 📝Duolingo's User Retention: 8 Tactics Tested On 300 Million Users. 📚Don't Make Me Think. 📚Lean UX. 📚Elements of User Experience: User-Centered Design for the Web and Beyond. 📚El Arte de Medir. 📚Usabilidad: deja de sufrir. 🤷User Experience (UX) con Daniel Torres Burriel.
🎥Tech Lead vs. Engineering Manager - Félix López. 🎥How great leaders inspire action - Simon Sinek. 🎥¿Qué es un Senior Developer? - Luis G. Valle. 🎥Turn the Ship Around - David Marquet. 🎥De "Foso de Desarrollo nº 23" a "Un Goonie nunca dice muerto" - Fran Ávila. 🎥If Russ Ackoff had given a TED Talk… - Russ Ackoff. 🎥El feliz developer - Irene M Morgado. 🎥El hombre pisó la luna, pero gracias a la mujer - Teresa de la Torre. 🎥Go Slow To Go Fast: Building Strong Foundations for Leadership - Alicia Liu. 🎥Radical Candor — The Surprising Secret to Being a Good Boss - Kimm Scott. 🎥Leadership Guide for the Reluctant Leader - David Neal. 🎥Being right is only half the battle - Rod Begbie. 🎥Creating a career ladder for engineers - Marco Rogers. 🎥Rethinking the Developer Career Path – Randall Koutnik. 🎥Tech leadership, one year after - João Alves. 🎥Technical leadership and glue work - Tanya Reilly. 🎥Chief Culture Officer - Fernando Díaz. 🎥Pushing through Friction - Dan Na. 📝Lazy Leadership. 📝Where Does the Leadership Come From?. 📝"How" ages faster than "Why". 📝We're Not a Startup: We're a Lifestyle Business (and We Love It). 📝On Being a Senior Engineer. 📝Hartazgo de Liderazgo… O crítica a la formación mainstream sobre liderazgo.. 📝What Truly Makes a Senior Developer. 📝Lessons Learned by Mentoring. 📝Software Engineering Leadership. 📝The Six Leadership Styles for effective Team Performance. 📝7 absolute truths I unlearned as junior developer. 📝Delegate outcomes, not activities. 📝The Importance of Setting Good Expectations. 📝¿Eres Senior?. 📝The Conjoined Triangles of Senior‑Level Development. 📝Try Different, Not Harder. 📝How to succeed as a lead engineer – tactics and mindsets from practice. 📝Team Leader Venn Diagram. 📝How GitHub's CTO Architects Engineering Teams That Scale. 📝¿Necesitamos managers?. 📝El rol del Tech Lead. 📝The Coward's Confrontation: Leadership fail. 📝How to survive working at a startup. 📝Interviewing at Amazon — Leadership Principles. 📝If Management Isn't A Promotion, Then Engineering Isn't A Demotion. 📝On Being A Principal Engineer. 📝A Mental Model for Leading High Performance Engineering Teams. 📝Learnings from my first 90 days as an engineering manager. 📝Magnitudes of exploration. 📝Nurturing Design in Your Software Engineering Culture. 📝Seniority. 📚Tribal Leadership. 📚The Art of War. 📚Delivering Happiness. 🤷Engineering Manager list of reads.
🎥Teal organization: a living example - Sandro Mancuso. 🎥Make the Right Thing the Easy Thing: Designing Processes Teams Will Actually Follow - Jason Lengstorf. 🎥Product Teams Need A Family Too - Manuel Pais. 📝Let Teams Figure it Out. 📝Why Small Teams Win. 📝Dedicated Ownership for Teams at Zalon. 📝The Art of Building Autonomous Teams. 📝Experiment Together. Improve Together. Win Together. 📝The five keys to a successful Google team. 📝Team Membership: Controlled or Self-organized?. 📝Re-structuring a growing team. 📝Give teams a problem to solve, not a solution to implement. 📝First things first, Trust each other. 📝Why your company is slowing down and how to fix it. 📝How to Make Good Code Reviews Better. 📝How To Lead Self-Organising Teams. 📝Visualising Sociotechnical Architecture with DDD and Team Topologies. 📝How Instagram Co-founder Mike Krieger Took Its Engineering Org from 0 to 300 People.
🎥10 ways to have a better conversation - Celeste Headlee. 🎥Drive: The Surprising Truth About What Motivates Us - Daniel Pink. 🎥Compassionate—Yet Candid—Code Reviews - April Wensel. 🎥Human Performance - Jem Young. 🎥Your body language may shape who you are - Amy Cuddy. 🎥Building a psychologically safe workplace - Amy Edmondson. 📝How do I convince...?. 📝Agilismo, psicología y cosas que chirrían. 📝Fixed vs. Growth: The Two Basic Mindsets That Shape Our Lives. 📝Don't Fuck Up the Culture. 📝How Stories Change Our Brains. 📝Truth Hurts (And Values Should Too!). 📝The State of Being Stuck. 📝Feedback Equation. 📝Engineering a culture of psychological safety. 📝How To Tell If Someone Is Truly Smart Or Just Average. 📝The Art of Persuasion Hasn't Changed in 2,000 Years. 📚The Subtle Art of Not Giving a Fuck. 📚Drive: The Surprising Truth About What Motivates Us. 📚Thinking, Fast and Slow. 📚Make it stick.