Ankita's Avatar

Ankita

@ankitasood.bsky.social

πŸ‘©β€πŸ’» Senior Principal Engineer @Secureworks πŸ…°οΈ Angular Google Developer Expert πŸŽ“ GMU Alumni #Angular #CSS #Nx #Storybook #DesignSystems #HumanComputerInteraction #MentalHealth #🐢

384 Followers  |  283 Following  |  64 Posts  |  Joined: 08.11.2024
Posts Following

Posts by Ankita (@ankitasood.bsky.social)

Preview
a man is typing on a keyboard in a living room Alt: a man is typing on a keyboard in a living room

Don't judge me for the number of tabs in my terminal is the new don't judge me for the number of tabs in my browser.

04.03.2026 20:02 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

I've been saying this for a while as well - I just want AI to do my laundry & taxes!! I enjoy using AI to assist me in my creative endeavors and build side projects with ease AND I also feel this pressure to optimize its usage for max productivity gains which takes the fun out of using itπŸ˜’

21.02.2026 17:53 β€” πŸ‘ 15    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0
Angular: The Analog Way
YouTube video by Web Vibes Only Angular: The Analog Way

New post alert: @kylerjohnsondev.bsky.socia & @ankitasood.bsky.social talk about @analogjs.org
and share a demo they built with AI and Analog!
youtu.be/3FNsvfq0G7Y

19.02.2026 17:54 β€” πŸ‘ 3    πŸ” 2    πŸ’¬ 0    πŸ“Œ 0

You don't have to understand every single thing. Just keep trying to build something, anything. Follow along the examples instead of just browsing through them. Ask questions. Things will get better. Everything will make sense in the end, I promise.

19.02.2026 17:51 β€” πŸ‘ 3    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
28.01.2026 04:57 β€” πŸ‘ 4    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
A code snippet demonstrating the use of the JavaScript spread operator within Angular's @let syntax. The code defines a baseModel object, then creates an upgradedModel using {...baseModel} to inherit properties like make, model, and year, while adding a new "radio" property. The HTML below outputs both lists to show the merged data.

Code snippet:
      @let baseModel = { make: 'Best Cars', model: 'ng-21', year: 2026 };
      @let upgradedModel = {...baseModel, radio: 'Premium Sound System' };

      <p>Base Model Details:</p>
      <ul>
        <li>Make: {{ baseModel.make }}</li>
        <li>Model: {{ baseModel.model }}</li>
        <li>Year: {{ baseModel.year }}</li>
      </ul>

      <p>Upgraded Model Details:</p>
      <ul>
        <li>Make: {{ upgradedModel.make }}</li>
        <li>Model: {{ upgradedModel.model }}</li>
        <li>Year: {{ upgradedModel.year }}</li>
        <li>Radio: {{ upgradedModel.radio }}</li>
      </ul>

A code snippet demonstrating the use of the JavaScript spread operator within Angular's @let syntax. The code defines a baseModel object, then creates an upgradedModel using {...baseModel} to inherit properties like make, model, and year, while adding a new "radio" property. The HTML below outputs both lists to show the merged data. Code snippet: @let baseModel = { make: 'Best Cars', model: 'ng-21', year: 2026 }; @let upgradedModel = {...baseModel, radio: 'Premium Sound System' }; <p>Base Model Details:</p> <ul> <li>Make: {{ baseModel.make }}</li> <li>Model: {{ baseModel.model }}</li> <li>Year: {{ baseModel.year }}</li> </ul> <p>Upgraded Model Details:</p> <ul> <li>Make: {{ upgradedModel.make }}</li> <li>Model: {{ upgradedModel.model }}</li> <li>Year: {{ upgradedModel.year }}</li> <li>Radio: {{ upgradedModel.radio }}</li> </ul>

Spread syntax in Angular templates! Use the ... operator in:

▢️ Object literals: {a: 1, ...foo}
▢️ Array literals: [1, ...foo]
▢️ Function calls: fn(1, ...foo)

It’s powered by Angular’s "pure function" system, ensuring objects aren't re-created unless data changes. Keep it clean, keep it fast! πŸš€

22.01.2026 17:00 β€” πŸ‘ 15    πŸ” 4    πŸ’¬ 0    πŸ“Œ 0
Preview
The Next Two Years of Software Engineering Exploring five critical questions shaping software engineering through 2026, with contrasting scenarios for each. These lenses help prepare for the evolving ...

I have been having a lot of conversations about the same, @addyosmani.bsky.social has articulated this extremely well in his blog: The Next Two Years of Software Engineering - addyosmani.com/blog/next-tw...

09.01.2026 16:27 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

Angular v21 has been out for a bit, but it’s one of those releases worth revisiting. Watch @kylerjohnsondev.bsky.social and I cover the release event and highlights of v21 here: youtu.be/va7O-GRsiMM?...

06.01.2026 22:18 β€” πŸ‘ 1    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0
Video thumbnail

Web Fragments: The Future of Micro-frontends

See the full video: youtu.be/jtz7bBVKcOg

cc @cloudflare-dev.bsky.social @cloudflare.social

05.01.2026 16:57 β€” πŸ‘ 3    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0

ICYM all things Angular in 2025, Jeff and I covered the year that was, and what we think Angular in 2026 might look like !

05.01.2026 16:07 β€” πŸ‘ 5    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0
2025 Web Frameworks Wrap-up!
YouTube video by Web Vibes Only 2025 Web Frameworks Wrap-up!

Catch up on the major shifts of 2025 in the world of Web Frameworks and meta-frameworks: youtu.be/luOkjC3JKZc?...

31.12.2025 19:14 β€” πŸ‘ 4    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0

Can't believe it has been 10 years me being obsessed with @ngrx.io !

22.12.2025 20:42 β€” πŸ‘ 5    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Let's recap Angular v21 πŸŽ‰
YouTube video by Angular Let's recap Angular v21 πŸŽ‰

πŸ•ΉοΈ Angular v21: LEVEL COMPLETE! πŸ•ΉοΈ

Missed the big launch? Don't get stuck on the loading screen. We’ve got the recap of the latest version ready for you right now.

Power up your dev skills here:
www.youtube.com/watch?v=_ZcH...

18.12.2025 20:00 β€” πŸ‘ 8    πŸ” 3    πŸ’¬ 0    πŸ“Œ 0
Preview
a cartoon drawing of a person looking at a calendar that says 30 Alt: a cartoon drawing of a person looking at a calendar that says 30

December is the shortest month of the year and nobody can convince me otherwise..

10.12.2025 15:53 β€” πŸ‘ 3    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

If you could have a holiday wish for one feature for Angular - your most dreamy, game-changing wish - what would it be?
Tell us your ultimate Angular wish πŸ‘‡

08.12.2025 17:00 β€” πŸ‘ 5    πŸ” 2    πŸ’¬ 3    πŸ“Œ 1

The writers of Zootopia 2 are absolute geniuses. πŸ’― Highly recommend watching the movie high quality entertainment with lots of laughter and catchy music!

02.12.2025 06:28 β€” πŸ‘ 4    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0

I am working my way through the Whimsical Animations course by Josh also!

02.12.2025 06:24 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0

We cover Angular + AI, Angular ARIA and few other features of this release. My favorite part is the Signal forms demo in this video, comparing it with Reactive forms. The developer experience with @angular.dev v21 is simply a delight!

24.11.2025 21:42 β€” πŸ‘ 4    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0
Angular v21 Developer Release: The Incredible Adventure
YouTube video by Angular Angular v21 Developer Release: The Incredible Adventure

www.youtube.com/watch?v=DDAH...

20.11.2025 17:32 β€” πŸ‘ 0    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
anna from frozen is standing in front of a body of water with her hands in her pockets . Alt: anna from frozen is standing in front of a body of water with her hands in her pockets .

Y'all NEED to stop whatever you are doing and watch @angular.dev v21 Developer Release RIGHT NOW! Kudos to
@marktechson.com and the team for delivering this amazing experience.. This has been the most awaited release for me - we have Angie our mascot, ARIA components and Signal forms!

20.11.2025 17:26 β€” πŸ‘ 9    πŸ” 4    πŸ’¬ 1    πŸ“Œ 0
Video thumbnail

Did you know: you might be able to change the style of the caret in CSS soon?

See caret-shape and caret-animation in action

(there's still some discussion & this is isn't shipped yet, but you can check it out w/the experimental-web-platform-features flag in Chrome 140+)

codepen.io/una/pen/MYKL...

10.11.2025 22:38 β€” πŸ‘ 98    πŸ” 15    πŸ’¬ 8    πŸ“Œ 2

Yaass!! We need more GoodMorningWithMarks now more than ever πŸ₯Ί

11.11.2025 04:08 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
clamp() | CSS-Tricks The CSSΒ clamp()Β function locks a value between a minimum and maximum, using a preferred value within that range.

The CSS clamp() function is the easiest way to add responsiveness - by adding just 1 line you can set the min, max and preferred value. My favorite part is how smoothly it makes the elements scale!
Check out this deep dive on clamp() from @css-tricks.bsky.social:
πŸ‘‰ css-tricks.com/almanac/func...

10.11.2025 03:49 β€” πŸ‘ 3    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Preview
a close up of a man 's face with the word impressive on it . Alt: a close up of a man 's face with the word impressive on it .

This is hands down the most helpful tool I have come across to figure out what value I could use to add responsive typography and containers using clamp()!
min-max-calculator.9elements.com?16,24,320,1200

10.11.2025 03:42 β€” πŸ‘ 2    πŸ” 2    πŸ’¬ 1    πŸ“Œ 0
Post image Post image Post image

I'm back home after an incredible experience at @techorama.bsky.social ! 🎀
Delivered two talks on all things modern Angular & CSS and joined a live panel discussion about frontend frameworks & AI.
Huge thanks to the conference organizers for the opportunity & to everybody who supported me πŸ’™

04.11.2025 01:11 β€” πŸ‘ 1    πŸ” 0    πŸ’¬ 0    πŸ“Œ 0
Vibing with Creator of Angular Three
YouTube video by Web Vibes Only Vibing with Creator of Angular Three

We had an absolute blast filming this one IN PERSON at @ng-conf.bsky.social 2025 with the incredible @nartc.bsky.social ! πŸš€

You'll learn about the hilarious (and spiteful πŸ˜‰) story behind Angular Three's creation, the power of Angular's Renderer and so much more! youtu.be/2569GTIDWaA?...

19.10.2025 19:22 β€” πŸ‘ 4    πŸ” 2    πŸ’¬ 0    πŸ“Œ 0

Oh hey I learnt about Effects at the local meetup hosted by @kevinkipp.com last month! Reminds me of RxJS a lot :)

30.09.2025 10:08 β€” πŸ‘ 2    πŸ” 0    πŸ’¬ 1    πŸ“Œ 0
Analog listed as Meta-Frameworks in State of JS survery 2025

Analog listed as Meta-Frameworks in State of JS survery 2025

Glad to see @analogjs.org on this year's State of JS survey!!
Highly recommend participating in the survey stateofjs.com/en-US

29.09.2025 13:07 β€” πŸ‘ 4    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0

Curious why @nuxt.com has the web dev world buzzing? 🐝 @kylerjohnsondev.bsky.social & I break it all down here πŸ‘‡

29.09.2025 05:29 β€” πŸ‘ 2    πŸ” 1    πŸ’¬ 0    πŸ“Œ 0