Google

Leading Chrome's global engineering teams focused on activating the best of quality web applications through developers at scale. Our teams work on reducing the friction to test, debug and optimize web applications in the developer's preferred web technology and tooling stack. Portfolio includes products reaching 30M developers serving a Chrome audience of 3B+ users.

Head of Chrome Developer Experience

Engineering manager leading organisations working on making Chrome & the web fast. My work involves leading some of our projects to help how quickly Chrome loads pages, shaping APIs, and defining best practices to help large sites deliver great user experiences.

Senior Staff Software Engineer (Manager) - L7

Technical Lead and manager for a team in Chrome focused on improving speed and user-experience on the web. Our teams focus on a combination of standards, tooling and library projects for reducing the friction for building success on the web.

Staff Developer Platform Software Engineer & Manager

AddyOsmani.com

Between my Medium channel and personal site, the canonical technical articles I author have been viewed more than 17M times in the last few years. I focus on taking complex topics related to Web Performance or the Web Platform and try to distill them down to the core piece of insight that might help others.

Owner and Author

jQuery Project

jQuery team (Bug Triage Team, API Docs Team, Core)

Senior Software Engineer (JavaScript)

Shortsale Engineering

Senior Software Engineer (Web Development, JavaScript)

Empora Group GmbH

Senior Web Developer, primarily responsible for the development of web applications using JavaScript, ActionScript/Flash for widgets and PHP + SSR frameworks for the backend.

Senior Web Developer (JavaScript)

Consultancy and in-house lead roles

This section will detail my previous experience once I get some more free time to update. Covers consultancy across large-scale developers projects requiring JavaScript, PHP, .NET and other front and back-end technologies. For complete details, please request a copy of my resume.

Senior Software Engineer

Addy Osmani is an engineering leader working on Google Chrome. He is the Head of Developer Experience focused on making the web fast and low-friction for developers to build on.

"Change what you're doing, to change where you're going"

If you want to achieve different results, reach new heights, or even just change the direction of your life, you sometimes must be willing to make changes to your current actions and behaviors. We can't always expect to get different results by doing the same things we've always done. 

Let’s explore the importance of breaking away from our current loop and embracing change in order to move towards a better future.

The Loop: Understanding Our Patterns and Habits

Our daily lives are often filled with routines, patterns, and habits. These repetitive behaviors form a loop that keeps us locked into our current trajectory. While some of these habits may be beneficial, others could be holding us back from achieving our goals or realizing our full potential.

To change where we're going, we must first identify the habits and actions that are keeping us stuck in our current loop. This requires self-awareness, reflection, and the courage to confront our own shortcomings. 

Breaking the Loop: Embracing Change

Once we've identified the behaviors that need to change, it's time to take action. This can be challenging, as it often requires stepping out of our comfort zone and facing the unknown. However, embracing change is an essential part of personal growth and progress.

Here are some strategies to help you break the loop and pivot towards success:

- Set Clear Goals: Define what you want to achieve and create a roadmap to guide your journey. This will help you maintain focus and motivation as you make changes to your actions and behaviors.

- Create an Action Plan: Break down your goals into actionable steps, and establish a timeline for achieving each one. This will help you stay on track and measure your progress as you work towards your desired outcome.

- Seek Support: Reach out to friends, family, or mentors for guidance and encouragement. Having a support system can make it easier to navigate the challenges and setbacks that often accompany change.

- Embrace Failure: Understand that failure is a natural part of growth and learning. Instead of fearing it, use each setback as an opportunity to learn and refine your approach.

- Cultivate a Growth Mindset: Believe in your ability to improve and adapt. Embrace challenges as opportunities to grow and develop new skills.

Conclusion

Changing what you're doing to change where you're going can be a daunting process. It requires effort, persistence, and a willingness to step outside your comfort zone. Remember, the path to success is rarely a straight line. It's a journey filled with twists and turns, but with determination and the right mindset, you can make meaningful progress towards your goals and create the life you've always envisioned.

Illustration credit: GoLimitless & Shane Parrish

#motivation #productivity #work #growthmindsets 

Addy Osmani

JavaScript Visualized is a great animated deep-dive on how JavaScript engines work under the hood. A recommended series to read from Lydia Hallie! 
 
✨♻️ JavaScript Visualized: Event Loop 
https://lnkd.in/gVBuzDsg 
 
🔥🕺🏼 JavaScript Visualized: Hoisting 
https://lnkd.in/gJcTMmT3 
 
⚡️⛓JavaScript Visualized: Scope (Chain) 
https://lnkd.in/gEjUXsXu 
 
🚀⚙️ JavaScript Visualized: the JavaScript Engine 
https://lnkd.in/g9azp4Mg 
 
🎉👨‍👩‍👧‍👧 JavaScript Visualized: Prototypal Inheritance 
https://lnkd.in/grVwbyxg 
 
💡🎁 JavaScript Visualized: Generators and Iterators 
https://lnkd.in/gXFM9puE 
 
⭐️🎀 JavaScript Visualized: Promises & Async/Await 
https://lnkd.in/grUvzjQG 
 
You might also be interested in some of the posts from the V8 team over on https://v8.dev/blog.  
 
#javascript #softwareengineering 


Engineering Leader, Google Chrome. Best-selling Author. Speaker. I want to see you win.

Coding up a side project? https://free-for.dev lists services with free tiers for developers. I love the summaries of what's included(storage, compute etc)

#programming #developers

Coding a side project? https://free-for.dev lists services with free tiers for developers.


Coding up a side project? https://free-for.dev lists services with free tiers for developers. I love the summaries of what's included(storage, compute etc)

#programming #developers 

Unlocking the Google Interview: it's all about your thought process

For almost 12 years, I've had the privilege of working at Google and witnessing countless talented engineers join us. The truth is, success lies in demonstrating your problem-solving skills and thought process.

Here's what truly matters in our interviews, beyond just algorithms:

1. Talk through your approach:

- Verbalize your thinking: Explain your problem-solving approach step-by-step, even if it's not fully formed yet. We interviewers can’t read minds, but want you to succeed :) 

- Break down complex problems: Demonstrate your ability to dissect a challenge into smaller, manageable components. Solve those smaller chunks.

- Build from a strong foundation: Start with what you know and clearly explain your assumptions before tackling uncertainties.

- Support your decisions: Be prepared to explain the reasoning behind your code and design choices

2. Showcase practical skills:

- Acknowledge trade-offs: Explain your decisions and the rationale behind quick solutions or "hacks.". It’s okay to solve problems with a "best effort" before trying something more optimal.

- Identify potential pitfalls: Show awareness of efficiency and potential runtime issues in your solutions.

- Ask clarifying questions: Don't hesitate to seek clarity on vague requirements.

- Think about scalability: Consider the system's performance as it grows.

- Be adaptable: Show your ability to adjust your design when requirements evolve.

3. If you get stuck, have a backup plan:

- Don't panic: It's natural to hit roadblocks. Take a moment to collect your thoughts.

- Explain your reasoning: Talk through your current approach and why you're stuck. It’s possible your interviewer might take the question in a different direction.

- Consider alternative approaches: Explore different options and explain your rationale for each.

- Be receptive to feedback: Show that you can learn and adapt based on the interviewer's input.

It also helps to not rush - read questions and think about how you might approach them before diving right into the code. This helps you understand the task and figure out a game plan.

Remember, while technical knowledge is crucial, your ability to think critically, communicate effectively, and collaborate is equally important. Focus on showcasing your problem-solving skills, and you'll be well on your way to a successful interview!

#softwareengineering #programming #lifeatgoogle #google 

Confidence is a byproduct of action.  
 
The more you take action, the more confident you can become and the more you can persevere in the face of challenges. 
 
So don't wait until you feel confident to get started. Take action and build your confidence along the way. 
 
How to overcome fear and take action: 
 
1. Acknowledge your fear. The first step to overcoming fear is to admit that you're feeling it. Once you've acknowledged your fear, it will start to lose its power over you. 
 
2. Focus on the present moment. Fear is often rooted in worries about the future. When you focus on the present moment, you can take action without getting overwhelmed by fear. 
 
3. Take small steps. You don't have to conquer your fears all at once. Start by taking small steps towards your goals. As you take action, you'll build confidence and momentum. 
 
Illustrated by: visualhustles 
 
#productivity #motivation #work #growth

"Don't forget to zoom out. Whenever you feel trapped, remember how far you've come"

Feeling stuck? It happens to the best of us. We get bogged down in the weeds, overwhelmed by the day-to-day grind, and lose sight of the bigger picture. In those moments, it's easy to feel trapped and discouraged.

But here's the thing: progress is rarely linear. There will be setbacks, roadblocks, and times when you feel like you're taking two steps back for every one step forward. That's okay.  Take a deep breath and zoom out. Look back at where you started. Reflect on the challenges you've overcome, the skills you've developed, and the distance you've traveled.  

Remember, even the smallest steps add up over time.

Illustrated by Ash Lamb

#motivation #productivity #selfgrowth 

"Intelligence alone is not enough"

We often assume that raw intelligence is the key to success and excellence. While intelligence is important, this perspective overlooks critical pieces of the excellence puzzle. This illustration by Roberto Ferraro sums it up well - excellence is the combination of intelligence, curiosity, and consistently showing up.

Intelligence provides the foundation, but curiosity fuels growth

Intelligence acts as a springboard, enabling us to understand complex ideas, think critically, and solve challenging problems. However, intelligence without curiosity is like an engine without fuel. Curiosity drives us to continuously learn, ask questions, and explore new possibilities. It prevents stagnation and propels us to expand our knowledge and abilities. Coupled together, intelligence and curiosity create a potent recipe for growth and development.

Showing up separates excellence from mere potential

But even intelligence and curiosity are not enough to reach excellence. The vital third component is consistently showing up and putting in the work. You can be brilliant and inquisitive, but if you don't take action and persist, your potential will remain untapped. Showing up means having the discipline, commitment and resilience to keep pushing forward, even in the face of obstacles. 

In summary, intelligence is just one piece of the excellence framework. To truly excel, cultivate your curiosity and commit to showing up consistently.

Illustrated by Roberto Ferraro - definitely worth a follow!

#motivation #productivity #work 

In 2 weeks, "Building Large scale web apps: A React field guide" is out!

Hassan Djirdeh and I have been working hard to ensure the 300+ page book is perfect for our readers. We've received the final test copies this week and are making the last adjustments to the content. We're also optimizing the e-book version to provide a great reading experience there too.

There is so much that goes on behind the scenes on the production side of getting books ship-ready, but we are really proud of what we've created and can't wait to hear what y'all think. Took a few snaps of the book this week and we'll share more when it's closer to launch day!

To learn more about the book and to be notified when it becomes available, visit the official site https://largeapps.dev

#programming #javascript #reactjs #developers 

Tip: Chrome DevTools has a CSS Animations inspector! We just added support for native CSS scroll-driven animations. Modify timing, delays and more.

Native scroll-driven animations are a new feature in CSS that allows you to animate elements based on how much a user scrolls, rather than relying on a timer. This means you can create animations that happen as the user scrolls down the page (with less JavaScript), like making elements fade in or move depending on the scroll position.

When using the Animation inspector with scroll-driven animations, an animation group marked with a mouse mouse icon appears in the Animation overview. You can now inspect it. The group shows pixel values instead of milliseconds in the Timeline.

Learn more in the latest What's New In DevTools: https://lnkd.in/gzVF3UEc

#softwareengineers #programming #developers

Exciting news! "Building Large scale web apps: A React field guide" is now available! 

After months of hard work, Hassan Djirdeh and I are thrilled to share this comprehensive resource with you: https://largeapps.dev

Our goal was to create a guide that helps you manage complex React applications, enhance performance, and conquer the challenges that come with building at scale. This is a book I've wanted to write for a long time and I'm excited it's out.

Inside the 300+ page book, you'll discover:

- Strategies for managing state, data fetching, and code organization
- Best practices for design systems, internationalization, and A/B testing
- Tips for leveraging TypeScript, testing, and modern web architecture
- Insights from industry professionals at Netflix, Doordash, Spotify, and more

"Building Large scale web apps" is available as an e-book and physical copy (softcover). The e-book includes access to all future updates. We've poured our hearts into this project, and the positive feedback from early readers has been incredible. Thank you to everyone who has supported us along the way!

Ready to level up your React skills? Get your copy: https://largeapps.dev 🔗

#programming #javascript #reactjs #developers

building large scale web apps the book on a yellow log table 

Exciting news! "Building Large scale web apps: A React field guide" is now available! 

After months of hard work, Hassan Djirdeh and I are thrilled to share this comprehensive resource with you: https://largeapps.dev

Our goal was to create a guide that helps you manage complex React applications, enhance performance, and conquer the challenges that come with building at scale. This is a book I've wanted to write for a long time and I'm excited it's out.

Inside the 300+ page book, you'll discover:

- Strategies for managing state, data fetching, and code organization
- Best practices for design systems, internationalization, and A/B testing
- Tips for leveraging TypeScript, testing, and modern web architecture
- Insights from industry professionals at Netflix, Doordash, Spotify, and more

"Building Large scale web apps" is available as an e-book and physical copy (softcover). The e-book includes access to all future updates. We've poured our hearts into this project, and the positive feedback from early readers has been incredible. Thank you to everyone who has supported us along the way!

Ready to level up your React skills? Get your copy: https://largeapps.dev 🔗

#programming #javascript #reactjs #developers  

"The joy of missing out: making peace with the limits of our time and experience, finding meaning in the present moment."

We're constantly bombarded with posts about all the amazing things that are happening around us, and we're afraid that if we don't participate in everything, we'll be missing out on life. But what if there's another way to think about it?

What if instead of focusing on everything we're missing out on, we started to focus on the joy of missing out?

The first step to finding joy in missing out is to accept that we have limitations. What matters most to you? We can't do everything, and we can't be everywhere at once. Once we accept this, we can start to let go of the pressure to constantly be on the go.

When we focus on what truly matters to us, it becomes easier to let go of the things that don't. We can start to say no to things that don't align with our values or goals, and make more time for the things that do.

Make conscious choices about how you spend your time and energy, to live a more meaningful and fulfilling life. It'll make a huge difference.

Illustrated by Roberto Ferraro who is definitely worth a follow! He's one of my favorite thinkers and illustrators.

#motivation #productivity #selfgrowth

Fear of missing out vs. joy of missing out

"We can't undo a move but we can make the next one better" 
 
We've all made decisions we regret, taken missteps, or simply had things not go our way. But the beauty of life is that the past is just that - the past.  
 
We can't change it, but we can absolutely influence the future. 
 
This quote encourages us to adopt a forward-thinking mindset.  Instead of dwelling on what went wrong, focus on what you can do right now. How can you use the lessons learned from the past to make better choices moving forward? Even a small, positive step in the right direction is progress.  
 
By consistently making these improvements, you'll be amazed at how far you can go. 
 
Illustrated by lukasz.ziabka 
  
#productivity #motivation #work #growth

"Success at scale" is here! I just received my first author copies.

This new book dives into how leading tech companies tackle web development challenges at massive scale. This 300+ page book is packed with real-world case studies and insights from engineering teams at Instagram, Shopify, Netflix, eBay, Figma, Spotify, Wix, Lyft, LinkedIn, and more.

https://lnkd.in/gUKuFTxR

Whether you're a developer or team lead, you'll find practical tips and proven strategies to elevate your web development skills.

The book is available in hardcover and ebook. Grab your copy today and level up your ability to deliver awesome web experiences at scale:

Buy: https://lnkd.in/gUKuFTxR
Read more: https://lnkd.in/gVGiYpvg

We're grateful to the Smashing Magazine team and all the contributors who made this book possible! 

#developers #programmers #webdeveloeprs 

Taplio

Addy Osmani's Linkedin Analytics

Addy Osmani

What is Addy talking about?

Who is engaging with Addy

Addy Osmani's Best Posts (last 30 days)

Want to drive more opportunities from LinkedIn?

Taplio

.css-1jgreyo{background-image:linear-gradient(284deg, rgba(39,43,72,1) 0%, rgba(33,47,183,1) 100%);color:transparent;-webkit-background-clip:text;background-clip:text;}Addy Osmani's Linkedin Analytics

Addy Osmani

What is Addy talking about?

Who is engaging with Addy

Addy Osmani's Best Posts .css-qqfgvy{font-size:var(--chakra-fontSizes-md);}(last 30 days)

Want to drive more opportunities from LinkedIn?

Addy Osmani's Linkedin Analytics

Addy Osmani's Best Posts (last 30 days)