📚 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: web development and everything related to it.
This won't be an exhaustive list. It'll contain links to resources I value and I enjoyed consuming.
Most of the content will be in English and Spanish.
"Dude, I loved this amazing post/talk/book and it's not on the list!"
That's beyond amazing! Feel free to submit a PR :) If I really enjoy the content
(and I probably will), I'll add it to the list. Thank you!
(Categories are not set in stone - I'll keep creating them when needed).
- CSS Grid
- UI Engineering
- Product Management
- Software Crafting
- Programming and Computer Science
- UI Design
- User Experience
I also tried to identify some formats:
📝Post, article. 🔈Podcast. 🎥Talk or Video Course. 📚Book (either physical or digital).
- 🤷 Other (an online game, an infographic...).
Disclaimer: Resouruces are not ordered (only by type). Categories are not ordered either.
Disclaimer #2: A lot of resources and categories are overlapping. I know. I'm not trying to create a debate of whether if UX and UI should go together, or what does UX even mean if there's a Psychology category!
🎥The Trick to Understanding Scoped Slots in Vue.js - Adam Wathan. 🎥Serverless Functions and VueJS - Sarah Drasner. 📝A Vue.js introduction for people who know just enough jQuery to get by. 📝A React Point of Vue. 📝Vue state management from the ground up (disclaimer: I wrote this post). 📝Vuex + IDD: Part1. 📝Renderless Components in Vue.js. 📝3 tips for scaling large Vue.js application. 📝Large-scale Vuex application structures. 📚Desarrolla aplicaciones con VueJS.
- 🤷 Introduction to Vue.js with Sarah Drasner.
- 🤷 Advanced Vue Component Design.
🎥Minimal API Surface Area - Sebastian Markbage. 📝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.
🎥Thinking beyond 'Scalable CSS' - Nicholas Gallagher . 📝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. 📝Space in Design Systems. 📝A Tale of Two Buttons. 📝Five years of PostCSS: State of the Union. 📝CSS Position Sticky - How It Really Works!. 📚CSS animation 101.
- 🤷 Flexbox Froggy - A game for learning CSS flexbox.
- 🤷 Flexbox Defense.
- 🤷 CSS Diner - Where we feast on CSS Selectors!.
🎥Designing with Grid - Jen Simmons. 📝The benefits of learning how to code layouts with CSS. 📝Introducing the CSS Grid Layout. 📝Editorial Design and CSS Grid: Inspiration and examples. 📝CSS Grid with Wes Bos. 📝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.
📝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.
🎥Unit Testing sucks (and it's our fault) - José Armesto. 🎥TDD Mi cuaderno de recetas - Modesto San Juan. 📝Lean Testing or Why Unit Tests are Worse than You Think. 📝Mocking as a Design Tool. 📝Migrating from Mocha to Jest. 📝Testing Implementation Details. 📝Why You Should Sometimes Test "Implementation Details".
- 🤷 Web Performance: Learn to Make Your Websites Load Fast with Webpack 4.
🎥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.
- 🤷 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. 📝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?. 📚The Lean Startup. 📚Zero to One.
🎥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. 📝Making the Date. 📝How to Impose Agile. 📝Give teams a problem to solve, not a solution to implement. 📝Do you want Crappy Agile?. 📝The Agile Bicycle. 📝Agile is a mindset not a process!. 📝The Principles of Kanban method. 📝12 Signs You're Working in a Feature Factory. 📝Order-Takers vs. Value-Builders. 📝What Does an Agile Culture Look Like?. 📝Agile Died While You Were Doing Your Standup. 📝Radical Agility 101: Study Notes. 📝Agile Tooth Fairy and top barrier for Agile adoption. 📝Why we moved from Scrum to Kanban. 📝Como ser Agile Product Owner y no morir en el intento. 📝How we structure our work and teams at Basecamp. 📝What's Missing In The Agile Manifesto: Mindset. 📝When story points misfire. 📝ScrumMaster: Should They Be Technical Or Not? . 📝Agile doesn't have a brain . 📝Adopting Agile? You're aiming at the wrong target. 📝How Slate redesigned the way we work. 📝Henry Ford: Master of flow. 📝One year of agile teams at aFrogleap. 📝Going Into Deep Space: Creating the Right Environment for Your Open Space. 📝Why Isn't Agile Working?. 📝Faster. Faster. Faster.. 📝WIP It Real Good. 📝Developers Should Abandon Agile. 📝Self-Balanced, Not Self-Organized. 📝Why We Need WIP Limits. 📝Want to scale agile? Don't. Descale the work first. Achieve big through small. 📝Roles dinamizadores de la Transformación Ágil. 📝Dinámicas de PO como motor de cambio del equipo. 📝Three drawings I use to explain agile.
🎥Refactorizar a patrones - Xavi Gost. 🎥Software Crasftsmanship - Sandro Mancuso. 🎥Simplicidad para desarrolladores - Eduardo Ferro. 🎥Writing Readable Code - Tom Hudson. 📝The Tragedy of Craftsmanship. 📝Why developers are slow?. 📝Software Development: Fast and Slow. 📝Your developers are not slow. 📝How Do We Go Faster?. 📝Agilismo versus craftismo. Y diversidad. 📝Extreme Programming Explained. 📝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 . 📝Composing Software: An Introduction. 📝Refactor cotidiano (4). Sustituye escalares por objetos.
Programming and Computer Science
🎥Aprender a enseñar a programar - Xavi Gost. 🎥Mejorando como desarrolladores - Belén Albeza. 🎥Towards an inclusive craft - Daniel Irvine. 📝Rethinking CS101. 📝The Hard Thing About Software Development. 📝Refactoring. 📝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. 📝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. 📝How to think like a programmer — lessons in problem solving. 📝The Origins of Opera and the Future of Programming. 📝Server to Client. 📝The Code Quality vs. Speed Fallacy. 📝Statistics for people in a hurry. 📝Level Up Your Reverse Engineering Skills. 📝Programming Sucks. 📝What, exactly, is the DOM?. 📝The Great Divide.
- 🤷 Learn Data Structures for Interviews and Everyday Development.
🎥Human Centred Products - Kim Goodwin. 📝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. 📚The Design of Everyday Things.
🎥Malas gráficas - Almudena Martín. 🔈User Experience (UX) con Daniel Torres Burriel. 📝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. 📚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.
🎥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. 📝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. 📝Why your company is slowing down and how to fix it. 📚Tribal Leadership. 📚The Art of War. 📚Delivering Happiness.
🎥Teal organization: a living example - Sandro Mancuso. 🎥Make the Right Thing the Easy Thing: Designing Processes Teams Will Actually Follow - Jason Lengstorf. 📝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.
🎥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. 🎥Inteligencia artificial para acabar con la dislexia - Luz Rello. 🎥Your body language may shape who you are - Amy Cuddy. 📝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. 📚Drive: The Surprising Truth About What Motivates Us. 📚Thinking, Fast and Slow.