<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>DEV Community: Niharika Pujari</title>
    <description>The latest articles on DEV Community by Niharika Pujari (@niharikapujari).</description>
    <link>https://dev.to/niharikapujari</link>
    <image>
      <url>https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F63147%2F9b268ac4-6b2e-4d47-900d-c908d33be450.png</url>
      <title>DEV Community: Niharika Pujari</title>
      <link>https://dev.to/niharikapujari</link>
    </image>
    <atom:link rel="self" type="application/rss+xml" href="https://dev.to/feed/niharikapujari"/>
    <language>en</language>
    <item>
      <title>Angular's New Template Control Flow (@if, @for, @switch) - A Cleaner Way to Write Angular Templates</title>
      <dc:creator>Niharika Pujari</dc:creator>
      <pubDate>Mon, 09 Mar 2026 02:30:49 +0000</pubDate>
      <link>https://dev.to/niharikapujari/angulars-new-template-control-flow-if-for-switch-a-cleaner-way-to-write-angular-templates-4ng0</link>
      <guid>https://dev.to/niharikapujari/angulars-new-template-control-flow-if-for-switch-a-cleaner-way-to-write-angular-templates-4ng0</guid>
      <description>&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;Angular has evolved significantly over the last few releases. One of the most noticeable improvements in modern Angular is the new template control flow syntax.&lt;/p&gt;

&lt;p&gt;If you've been working with Angular for a while, you're probably used to writing templates like this:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;*ngIf&lt;/li&gt;
&lt;li&gt;*ngFor&lt;/li&gt;
&lt;li&gt;*ngSwitch&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;But newer Angular versions introduced a cleaner alternative:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;code&gt;@if&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;@for&lt;/code&gt;&lt;/li&gt;
&lt;li&gt;&lt;code&gt;@switch&lt;/code&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;These new block-based directives make templates easier to read, easier to maintain, and more aligned with modern Angular features like Signals.&lt;/p&gt;

&lt;p&gt;Let’s walk through how they work and why they matter.&lt;/p&gt;

&lt;h2&gt;
  
  
  Why Angular Introduced New Control Flow
&lt;/h2&gt;

&lt;p&gt;Traditional structural directives worked well, but they came with some drawbacks:&lt;/p&gt;

&lt;p&gt;• Complex templates became harder to read&lt;br&gt;
• Often required extra wrapper elements (ng-container)&lt;br&gt;
• Less optimized for Angular’s newer rendering strategies&lt;/p&gt;

&lt;p&gt;The new block-style control flow syntax improves readability and allows Angular’s compiler to better optimize template updates.&lt;/p&gt;

&lt;p&gt;It also fits naturally with Angular’s signal-based reactivity model, which is becoming more common in modern Angular applications.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Conditional Rendering with &lt;code&gt;@if&lt;/code&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Old approach:&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;div *ngIf="isLoggedIn"&amp;gt;
  Welcome back!
&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;New approach:&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;@if (isLoggedIn) {
  &amp;lt;div&amp;gt;Welcome back!&amp;lt;/div&amp;gt;
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;You can also easily add an else block.&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;@if (isLoggedIn) {
  &amp;lt;div&amp;gt;Welcome back!&amp;lt;/div&amp;gt;
} @else {
  &amp;lt;div&amp;gt;Please log in&amp;lt;/div&amp;gt;
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This reads much closer to regular programming logic, which makes templates easier to understand.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Looping with &lt;code&gt;@for&lt;/code&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Old approach:&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;li *ngFor="let product of products"&amp;gt;
  {{ product.name }}
&amp;lt;/li&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;New approach:&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;@for (product of products; track product.id) {
  &amp;lt;li&amp;gt;{{ product.name }}&amp;lt;/li&amp;gt;
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Benefits of the new syntax:&lt;/p&gt;

&lt;p&gt;• Cleaner and more readable&lt;br&gt;
• Built-in tracking support&lt;br&gt;
• Better performance optimization opportunities&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Switch Statements with &lt;code&gt;@switch&lt;/code&gt;&lt;/strong&gt;&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Old approach:&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;&amp;lt;div [ngSwitch]="status"&amp;gt;
  &amp;lt;p *ngSwitchCase="'loading'"&amp;gt;Loading...&amp;lt;/p&amp;gt;
  &amp;lt;p *ngSwitchCase="'success'"&amp;gt;Success!&amp;lt;/p&amp;gt;
  &amp;lt;p *ngSwitchDefault&amp;gt;Error&amp;lt;/p&amp;gt;
&amp;lt;/div&amp;gt;
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;New approach:&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;@switch (status) {
  @case ('loading') {
    &amp;lt;p&amp;gt;Loading...&amp;lt;/p&amp;gt;
  }

  @case ('success') {
    &amp;lt;p&amp;gt;Success!&amp;lt;/p&amp;gt;
  }

  @default {
    &amp;lt;p&amp;gt;Error&amp;lt;/p&amp;gt;
  }
}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Again, the syntax now feels much closer to normal application logic.&lt;/p&gt;

&lt;p&gt;A Simple Real-World Example:&lt;/p&gt;

&lt;p&gt;Let’s imagine a product list page that loads data from an API and shows different UI states.&lt;/p&gt;

&lt;p&gt;&lt;em&gt;Component:&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;status = signal('loading');
products = signal([]);
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;&lt;em&gt;Template:&lt;/em&gt;&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;@switch (status()) {

  @case ('loading') {
    &amp;lt;p&amp;gt;Loading products...&amp;lt;/p&amp;gt;
  }

  @case ('success') {
    &amp;lt;ul&amp;gt;
      @for (product of products(); track product.id) {
        &amp;lt;li&amp;gt;{{ product.name }}&amp;lt;/li&amp;gt;
      }
    &amp;lt;/ul&amp;gt;
  }

  @default {
    &amp;lt;p&amp;gt;Something went wrong.&amp;lt;/p&amp;gt;
  }

}
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This example combines:&lt;/p&gt;

&lt;p&gt;• Signals for state&lt;br&gt;
• Modern Angular control flow&lt;br&gt;
• Cleaner UI logic&lt;/p&gt;

&lt;h2&gt;
  
  
  Why This Matters for Angular Developers
&lt;/h2&gt;

&lt;p&gt;The new template syntax improves several things:&lt;/p&gt;

&lt;p&gt;• Better readability&lt;br&gt;
• Templates feel more like normal code.&lt;br&gt;
• Less boilerplate&lt;br&gt;
• Fewer structural directives and wrapper elements.&lt;br&gt;
• Performance improvements&lt;br&gt;
• Angular can optimize block syntax more efficiently.&lt;br&gt;
• Better integration with Signals&lt;br&gt;
• Signals and block syntax together enable fine-grained UI updates.&lt;/p&gt;

&lt;h2&gt;
  
  
  Should You Start Using It?
&lt;/h2&gt;

&lt;p&gt;If you are:&lt;/p&gt;

&lt;p&gt;• Starting a new Angular project&lt;br&gt;
• Upgrading to Angular 17+&lt;br&gt;
• Using signals and standalone components&lt;/p&gt;

&lt;p&gt;Then adopting this new syntax is highly recommended.&lt;/p&gt;

&lt;p&gt;Existing applications can migrate gradually over time.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;Angular’s modern direction is becoming clear:&lt;/p&gt;

&lt;p&gt;• Signal-based reactivity&lt;br&gt;
• Cleaner template syntax&lt;br&gt;
• Better developer experience&lt;/p&gt;

&lt;p&gt;The new &lt;code&gt;@if&lt;/code&gt;, &lt;code&gt;@for&lt;/code&gt;, and &lt;code&gt;@switch&lt;/code&gt; syntax is a small change that can significantly improve template readability and maintainability.&lt;/p&gt;

&lt;p&gt;If you haven't tried it yet, it’s definitely worth experimenting with in your next Angular project.&lt;/p&gt;

</description>
      <category>angular</category>
      <category>frontend</category>
      <category>webdev</category>
      <category>typescript</category>
    </item>
    <item>
      <title>Angular 21: The Upgrade from v20, That's Actually Worth It!</title>
      <dc:creator>Niharika Pujari</dc:creator>
      <pubDate>Mon, 02 Feb 2026 15:42:11 +0000</pubDate>
      <link>https://dev.to/niharikapujari/angular-21-the-upgrade-from-v20-thats-actually-worth-it-3l17</link>
      <guid>https://dev.to/niharikapujari/angular-21-the-upgrade-from-v20-thats-actually-worth-it-3l17</guid>
      <description>&lt;p&gt;Angular continues evolving quickly, and Angular 21 brings some of the most exciting updates in recent releases. In this post, I will walk through why you should upgrade, when Angular 21 was released, and highlight a few key new features including one you should consider adopting immediately.&lt;/p&gt;

&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;Angular has solidified itself as a top framework for building scalable front-end applications. With every major version, the Angular team focuses on performance, developer productivity, and modern patterns that help make apps easier to build and maintain.&lt;/p&gt;

&lt;p&gt;Angular 21 marks an important step forward, not just with incremental changes, but with real enhancements to reactivity, tooling, and the developer experience.&lt;/p&gt;

&lt;h2&gt;
  
  
  When Was Angular 21 Released?
&lt;/h2&gt;

&lt;p&gt;Angular 21 was officially released on &lt;strong&gt;November 20, 2025.&lt;/strong&gt;&lt;br&gt;
This continues Angular's twice-a-year release cadence, where major versions typically launch in May and November each year.&lt;/p&gt;
&lt;h2&gt;
  
  
  Why Should You Upgrade to the Latest?
&lt;/h2&gt;

&lt;p&gt;Upgrading to Angular 21 isn't just about having the newest version - it brings practical benefits:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Performance Improvements – Faster builds and smaller bundles.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Modern Tooling – New test runner and AI-powered dev tools.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Developer Experience Enhancements – Less boilerplate and cleaner patterns.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Future-Proofing - Staying aligned with the Angular ecosystem as it evolves (signals, zoneless reactivity).&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Staying on older versions may mean missing out on productivity gains and tooling improvements that can boost team velocity and app performance.&lt;/p&gt;
&lt;h2&gt;
  
  
  Key New Features in Angular 21
&lt;/h2&gt;

&lt;p&gt;Here is a curated look at a few standout Angular 21 features along with some mini examples.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Signal Forms (next-gen forms)&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Angular 21 introduces a brand new way to build forms - Signal Forms. This approach shifts form management onto Signals, making form state easier to reason about and more predictable than classic reactive forms.&lt;/p&gt;

&lt;p&gt;Example (simple login form):&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;import { form, required, email } from '@angular/forms/signals';

const loginForm = form({
  email: ['', [required(), email()]],
  password: ['', [required()]],
});
&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;Signal Forms makes validation and state tracking more intuitive and aligns with Angular’s signals-first philosophy. &lt;br&gt;
&lt;strong&gt;Note:&lt;/strong&gt; &lt;em&gt;While Signal Forms are one of the most exciting additions in Angular 21, they are still experimental and best introduced incrementally.&lt;/em&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Zone-less Change Detection by Default&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Angular has moved away from zone.js by default in this version, relying instead on Signals for change detection. This leads to fewer unnecessary change detection cycles and better performance.&lt;/p&gt;

&lt;p&gt;This change makes apps more predictable and efficient, particularly in large apps with lots of dynamic UI.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Vitest as Default Test Runner&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Switching to Vitest replaces older testing tools like Karma/Jasmine with a modern, faster test runner that's lighter, easier to configure, and built for modern web tooling.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Angular Aria and Accessibility Enhancements&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Angular 21 also adds new ARIA-focused components and accessibility improvements, making it easier to build inclusive, accessible UI components.&lt;/p&gt;
&lt;h2&gt;
  
  
  One Feature You Should Adopt Now — HttpClient by Default
&lt;/h2&gt;

&lt;p&gt;One practical change that many developers will immediately appreciate is that HttpClient is now included by default - you no longer need to import HttpClientModule manually:&lt;br&gt;
&lt;/p&gt;

&lt;div class="highlight js-code-highlight"&gt;
&lt;pre class="highlight plaintext"&gt;&lt;code&gt;import { Component, inject } from '@angular/core';
import { HttpClient } from '@angular/common/http';

@Component({
  selector: 'app-users',
  template: `&amp;lt;ul&amp;gt;@for (user of users(); track user.id)&amp;lt;li&amp;gt;{{ user.name }}&amp;lt;/li&amp;gt;&amp;lt;/ul&amp;gt;`,
})
export class UsersComponent {
  private http = inject(HttpClient);
  users = this.http.get&amp;lt;{ id: number; name: string }[]&amp;gt;('/api/users');
}

&lt;/code&gt;&lt;/pre&gt;

&lt;/div&gt;



&lt;p&gt;This change eliminates common boilerplate and lets you start fetching data faster especially useful in smaller apps or micro-services components.&lt;/p&gt;

&lt;h2&gt;
  
  
  Conclusion
&lt;/h2&gt;

&lt;p&gt;Angular 21 delivers a blend of strategic evolution and practical upgrades. From the reimagined Signal Forms to better tooling and improved performance, it’s a release worth upgrading to especially for teams looking to stay current and take advantage of modern Angular patterns.&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;Before upgrading:&lt;/strong&gt;&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Make sure your dependencies and third-party libraries are compatible.&lt;/li&gt;
&lt;li&gt;Review zone-less implications if you use legacy patterns.&lt;/li&gt;
&lt;li&gt;Try Signal Forms incrementally to smooth the transition.&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;&lt;strong&gt;&lt;em&gt;If you are on Angular 20 or earlier, moving to Angular 21 could be one of the most productive upgrades you make this year.&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;

</description>
      <category>angular</category>
      <category>webdev</category>
      <category>typescript</category>
      <category>frontend</category>
    </item>
    <item>
      <title>Accessibility: Building Inclusive Experiences | A Lens on Basic A11y Testing</title>
      <dc:creator>Niharika Pujari</dc:creator>
      <pubDate>Fri, 02 Jan 2026 19:40:29 +0000</pubDate>
      <link>https://dev.to/niharikapujari/accessibility-building-inclusive-experiences-a-lens-on-basic-a11y-testing-30g6</link>
      <guid>https://dev.to/niharikapujari/accessibility-building-inclusive-experiences-a-lens-on-basic-a11y-testing-30g6</guid>
      <description>&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;Accessibility testing can feel intimidating at first. Between WCAG guidelines, assistive technologies, and tooling, it’s easy to think you need to be an expert before you can meaningfully contribute. After watching and reading Basic Accessibility Testing by Glen Walker (via Equalize Digital), one thing became very clear: you don’t need to know everything to start making a real impact.&lt;/p&gt;

&lt;h2&gt;
  
  
  Takeaways
&lt;/h2&gt;

&lt;p&gt;&lt;em&gt;How to think about accessibility testing in day-to-day frontend work:&lt;/em&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Start Small — Basic Testing Goes a Long Way
&lt;/h3&gt;

&lt;p&gt;One of the most reassuring messages from my learning is that basic accessibility testing catches a large percentage of real user issues. Even though WCAG 2.1 AA includes many success criteria, you can uncover meaningful problems by focusing on a few core areas:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Keyboard navigation&lt;/li&gt;
&lt;li&gt;Page structure and semantics&lt;/li&gt;
&lt;li&gt;Color contrast&lt;/li&gt;
&lt;li&gt;Images and alternative text&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This reframing helps remove the “all or nothing” mindset. Accessibility progress is incremental — and that’s okay.&lt;/p&gt;

&lt;h3&gt;
  
  
  Keyboard Testing Is a Powerful First Step
&lt;/h3&gt;

&lt;p&gt;Using just the Tab key, you can immediately spot accessibility issues:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Can every interactive element be reached?&lt;/li&gt;
&lt;li&gt;Is the focus order logical and predictable?&lt;/li&gt;
&lt;li&gt;Are there keyboard traps or mouse-only interactions?&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;This is especially important for users who rely entirely on keyboard navigation, including screen reader users and people with motor disabilities. Keyboard testing is simple, fast, and incredibly high-value.&lt;/p&gt;

&lt;h3&gt;
  
  
  Screen Readers Reveal What Visual Testing Can’t
&lt;/h3&gt;

&lt;p&gt;Listening to a page using a screen reader changes how you understand your UI. Glen demonstrates how tools like NVDA, JAWS, or VoiceOver expose issues such as:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Missing or incorrect labels&lt;/li&gt;
&lt;li&gt;Poorly structured headings&lt;/li&gt;
&lt;li&gt;Controls that look fine visually but make no sense audibly&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Even basic familiarity with a screen reader can dramatically improve how accessible your interfaces are.&lt;/p&gt;

&lt;h3&gt;
  
  
  Make Focus Visible (Really Visible)
&lt;/h3&gt;

&lt;p&gt;A practical tip I loved: add a strong, custom focus outline during testing.&lt;/p&gt;

&lt;p&gt;This helps uncover:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Missing focus states&lt;/li&gt;
&lt;li&gt;Hidden or unintended focusable elements&lt;/li&gt;
&lt;li&gt;Interactive components that don’t clearly communicate state or purpose&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;It’s a small change that makes keyboard issues impossible to ignore.&lt;/p&gt;

&lt;h3&gt;
  
  
  Semantic Structure Matters More Than Styling
&lt;/h3&gt;

&lt;p&gt;Headings, lists, and tables should communicate structure — not just appearance. Styling text to look like a heading without using semantic HTML breaks screen reader navigation and page comprehension.&lt;/p&gt;

&lt;p&gt;This reinforced an important reminder: accessibility is deeply tied to frontend architecture, not just visual design.&lt;/p&gt;

&lt;h3&gt;
  
  
  Color Contrast Is Foundational, Not Optional
&lt;/h3&gt;

&lt;p&gt;Low contrast affects far more users than we often realize, including people with low vision or temporary impairments. While automated tools help, Glen highlights that:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;CSS inspection is sometimes necessary&lt;/li&gt;
&lt;li&gt;Responsive states and hover/focus styles can introduce new contrast issues&lt;/li&gt;
&lt;li&gt;Contrast needs to be checked intentionally, not assumed.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Responsive Design Can Introduce New Accessibility Issues
&lt;/h3&gt;

&lt;p&gt;Accessibility testing shouldn’t stop at desktop. Responsive layouts often change:&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;Navigation behavior&lt;/li&gt;
&lt;li&gt;Focus order&lt;/li&gt;
&lt;li&gt;Touch target size and spacing&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Testing across breakpoints is essential to ensure accessibility doesn’t regress on mobile or tablet views.&lt;/p&gt;

&lt;h3&gt;
  
  
  Automated Tools Are Helpful — but Incomplete
&lt;/h3&gt;

&lt;p&gt;Tools like axe or WAVE are useful for catching obvious issues, but they only surface a fraction of real accessibility problems.&lt;/p&gt;

&lt;p&gt;Manual testing — especially with keyboard and screen readers — is where the majority of meaningful issues are found. Automation should support human testing, not replace it.&lt;/p&gt;

&lt;h3&gt;
  
  
  ARIA Should Be Used Carefully
&lt;/h3&gt;

&lt;p&gt;One key caution: ARIA can do more harm than good when misused. Incorrect roles or attributes often make experiences worse, not better.&lt;/p&gt;

&lt;p&gt;This reinforced the principle:&lt;br&gt;
&lt;code&gt;Use native HTML first. Add ARIA only when necessary — and only when you fully understand the impact.&lt;/code&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Progress Over Perfection
&lt;/h3&gt;

&lt;p&gt;Perhaps the most important takeaway: don’t wait for perfect accessibility knowledge to start testing.&lt;/p&gt;

&lt;p&gt;Every improvement — better focus order, clearer labels, stronger contrast — makes a product more inclusive. Accessibility is a journey, and meaningful progress matters far more than completeness.&lt;/p&gt;

&lt;h4&gt;
  
  
  Further Reading &amp;amp; Inspiration:
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://equalizedigital.com/colleen-gratzer-accessibility-branding-and-design/" rel="noopener noreferrer"&gt;Accessibility: The Missing Component in Your Branding &amp;amp; Design: Colleen Gratzer&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://equalizedigital.com/ux-ui-and-accessibility-the-perfect-trio-shannon-towell/" rel="noopener noreferrer"&gt;UX, UI, and Accessibility: The Perfect Trio: Shannon Towell&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://equalizedigital.com/basic-accessibility-testing-glen-walker/" rel="noopener noreferrer"&gt;Basic Accessibility Testing: Glen Walker&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://equalizedigital.com/recipe-for-accessibility-limiting-ingredients-for-faster-design-gen-herres/" rel="noopener noreferrer"&gt;Recipe for Accessibility: Limiting Ingredients for Faster Design: Gen Herres&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>webdev</category>
      <category>a11y</category>
      <category>beginners</category>
      <category>learning</category>
    </item>
    <item>
      <title>How I cleared my AWS Certified Solutions Architect Associate exam in 30 Days?</title>
      <dc:creator>Niharika Pujari</dc:creator>
      <pubDate>Tue, 30 Dec 2025 19:44:10 +0000</pubDate>
      <link>https://dev.to/niharikapujari/how-i-cleared-my-aws-certified-solutions-architect-associate-exam-in-30-days-389k</link>
      <guid>https://dev.to/niharikapujari/how-i-cleared-my-aws-certified-solutions-architect-associate-exam-in-30-days-389k</guid>
      <description>&lt;h3&gt;
  
  
  A little about myself 🐥
&lt;/h3&gt;

&lt;p&gt;I am a Lead Software Engineer, working for about 8 years now. I decided to give my self some challenge for my professional development so I chose to level up my knowledge about AWS. I had previously got from AWS Cloud practitioner certification in 2021 but if you are new to cloud, then the &lt;a href="https://dev.to/niharikapujari/how-i-cleared-my-aws-cloud-practitioner-exam-in-3-weeks-24a1"&gt;foundational certification&lt;/a&gt; is the way to go!&lt;/p&gt;

&lt;p&gt;The first thing I would suggest is to set a date for your exam:&lt;/p&gt;

&lt;p&gt;The best motivation to start preparing for the AWS certified exam is to &lt;strong&gt;Schedule the exam&lt;/strong&gt;.&lt;/p&gt;

&lt;h4&gt;
  
  
  How to schedule the exam?
&lt;/h4&gt;

&lt;p&gt;Follow this link to &lt;a href="https://home.pearsonvue.com/Clients/Amazon-Web-Services.aspx" rel="noopener noreferrer"&gt;Schedule Exam&lt;/a&gt;. Since I was planning to give the exam from my home office, I opted for the &lt;code&gt;Pearson Vue&lt;/code&gt; option. &lt;/p&gt;

&lt;p&gt;Once you register for the exam, the confirmation mail will have the necessary details needed for the exam. &lt;a href="https://www.youtube.com/watch?v=hp_4VKvuA2I" rel="noopener noreferrer"&gt;Video Reference&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  What resources I used:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;Udemy&lt;/code&gt;: &lt;br&gt;
A udemy &lt;a href="https://www.udemy.com/course/aws-certified-solutions-architect-associate-saa-c03/?srsltid=AfmBOorHGm0-E2HalvTqGg8fxbRsBcNDiGBD5YUYS8WlddmTwecf4e1u" rel="noopener noreferrer"&gt;course by Stephane Maarek&lt;/a&gt; set a foundation for what to expect on the exam, I found the chapter summary and exam tips to be very helpful.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;Udemy practice exams&lt;/code&gt;: &lt;br&gt;
After preparing for about 2 weeks (2 hours everyday), I started giving some practice tests on Udemy. I found these exams useful since they gave me a taste on what kind of questions I should expect in my exam. &lt;a href="https://www.udemy.com/course/aws-certified-cloud-practitioner-practice-test/" rel="noopener noreferrer"&gt;Udemy practice tests&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;White papers&lt;/code&gt;:&lt;br&gt;
I did not get a chance to go over all the white papers, but I did take a glance on the glossary and read through the topics which I was not comfortable with. I would recommend reading the white papers when you are close to the exam.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;AWS Free training&lt;/code&gt;: &lt;br&gt;
This course helped me tremendously to understand cloud concepts with real life exams. Huge shout out to the content creators!! &lt;a href="https://skillbuilder.aws/search?page=1&amp;amp;accessTier=free&amp;amp;examCertificationName=AWS+Certified+Solutions+Architect+-+Associate" rel="noopener noreferrer"&gt;AWS free training&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  On exam day:
&lt;/h3&gt;

&lt;p&gt;I just read through the notes I prepared for the exam during the Udemy course and the practice questions that I answered incorrectly. Try to keep calm and take a walk! 😌&lt;/p&gt;

&lt;h3&gt;
  
  
  Conclusion:
&lt;/h3&gt;

&lt;p&gt;I hope these resources, links and my experience helps you in passing your AWS Solutions Architect Exam, and if you have any questions or need help, please don’t hesitate to reach out to me or leaving a comment below! All the best! 👍🍀&lt;/p&gt;

</description>
      <category>aws</category>
      <category>beginners</category>
      <category>career</category>
      <category>learning</category>
    </item>
    <item>
      <title>Accessibility: Building Inclusive Experiences | A Lens on How UX, UI, and Accessibility Work Together</title>
      <dc:creator>Niharika Pujari</dc:creator>
      <pubDate>Tue, 30 Dec 2025 19:31:25 +0000</pubDate>
      <link>https://dev.to/niharikapujari/accessibility-building-inclusive-experiences-a-lens-on-how-ux-ui-and-accessibility-work-1m29</link>
      <guid>https://dev.to/niharikapujari/accessibility-building-inclusive-experiences-a-lens-on-how-ux-ui-and-accessibility-work-1m29</guid>
      <description>&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;Accessibility is often treated as a set of standards to be checked off, but in practice it’s an emergent property of good UX and UI. UX defines the flow and logic of interactions, UI implements visual and interactive cues, and accessibility ensures those cues work across abilities and contexts. When these elements are aligned from the start, the result is a more robust and inclusive experience.&lt;/p&gt;

&lt;h3&gt;
  
  
  Design Holistically, Not in Silos
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;One of the most practical lessons from analyzing a real site audit is that UX, UI, and accessibility must be treated as interconnected concerns. UX identifies frustrations and gaps in how people use a product; UI focuses on presentation and interaction; accessibility ensures that those interactions are inclusive for all users. Treating these disciplines as isolated tasks increases the risk of leaving usability or accessibility problems undetected.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  User Patterns Matter - Respect Conventions
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Usability conventions - like placing navigation menus or logos where users expect them - aren’t arbitrary. They reflect learned behavior that helps users scan and interact more intuitively. Breaking these conventions without reason can interrupt user flow and cause confusion, which impacts both ease of use and accessibility.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Clarity in Content Structure Helps Everyone
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Semantic elements such as headings are more than SEO tools — they are critical for screen readers and users who scan content quickly. Skipped or incorrect heading levels not only disrupt assistive navigation but also diminish the hierarchical flow of a page.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Contrast and Legibility Are Core UX Decisions
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Low contrast between text and background isn’t just an accessibility violation - it’s a UX flaw. Even users without impairments struggle with poor visual contrast, especially in bright glare or low-light environments. Tools to measure contrast should be part of routine design checks.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Consistency Is More Than Aesthetic
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Consistency in typography, button styles, and text casing isn’t a cosmetic preference - it reduces cognitive load and creates reliable interaction patterns. Too many fonts or mixed casing patterns force users to “re-learn” how to read or interact on each page.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Keyboard Navigation Is a Basic Accessibility Test
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Before reaching for advanced tools, a simple keyboard navigation check reveals whether interactive elements are focusable and predictable. If users cannot reliably tab through interactive controls, that’s a strong indicator of deeper accessibility and UX issues.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Data Should Drive Design Decisions
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Analytics aren’t just numbers - they’re signals. High bounce rates, low engagement on key pages, or rapid exits on forms can point to underlying UX or accessibility issues. Developers and designers should leverage real usage data early to prioritize fixes that matter most to users’ behavior.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  UX Extends Beyond Websites
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;UX principles are not limited to digital screens. They apply to any interaction - whether it’s physical exhibits, interactive installations, or ways users navigate information contextually. Thinking about UX as a mindset rather than a job title broadens its impact.&lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Further Reading &amp;amp; Inspiration:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://equalizedigital.com/colleen-gratzer-accessibility-branding-and-design/" rel="noopener noreferrer"&gt;Accessibility: The Missing Component in Your Branding &amp;amp; Design: Colleen Gratzer&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://equalizedigital.com/ux-ui-and-accessibility-the-perfect-trio-shannon-towell/" rel="noopener noreferrer"&gt;UX, UI, and Accessibility: The Perfect Trio: Shannon Towell&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://equalizedigital.com/basic-accessibility-testing-glen-walker/" rel="noopener noreferrer"&gt;Basic Accessibility Testing: Glen Walker&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://equalizedigital.com/recipe-for-accessibility-limiting-ingredients-for-faster-design-gen-herres/" rel="noopener noreferrer"&gt;Recipe for Accessibility: Limiting Ingredients for Faster Design: Gen Herres&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>webdev</category>
      <category>a11y</category>
      <category>beginners</category>
      <category>design</category>
    </item>
    <item>
      <title>Accessibility: Building Inclusive Experiences | A Lens on Branding and Design</title>
      <dc:creator>Niharika Pujari</dc:creator>
      <pubDate>Tue, 30 Dec 2025 19:08:53 +0000</pubDate>
      <link>https://dev.to/niharikapujari/accessibility-building-inclusive-experiences-a-lens-on-branding-and-design-595c</link>
      <guid>https://dev.to/niharikapujari/accessibility-building-inclusive-experiences-a-lens-on-branding-and-design-595c</guid>
      <description>&lt;h2&gt;
  
  
  Introduction
&lt;/h2&gt;

&lt;p&gt;In a world where digital experiences shape how we work, play, shop, learn, and communicate, accessibility isn’t a passing trend - it’s a core requirement of good engineering and thoughtful design. Accessibility ensures that digital products and services can be used by everyone, regardless of ability, device, or context.&lt;/p&gt;

&lt;p&gt;Despite its impact, accessibility is still too often treated as an after-thought addressed late in the process or reduced to a compliance checkbox. In this post, we’ll take a more holistic view, exploring accessibility through four key lenses: branding and design, the intersection of UX and UI, foundational testing practices, and practical workflows that scale. These insights come from practitioners actively building accessibility into real-world design and development processes, offering lessons developers can apply today.&lt;/p&gt;

&lt;h2&gt;
  
  
  Accessibility as a Core Part of Brand and System Design
&lt;/h2&gt;

&lt;h3&gt;
  
  
  Accessibility Enhances Brand Reach and Impact
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Accessibility isn’t just a moral or legal concern — it expands who can actually use and understand your product or service. Considering accessibility early increases your potential audience instead of limiting it. &lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Common Misconceptions About Accessibility
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Many designers (and stakeholders) assume accessible design must be ugly, use only dark colors, or restrict creative choices. In reality, no color is inherently inaccessible — what matters is how colors work together in the final design. Thoughtful use of contrast and pairings lets you maintain visual richness without excluding users.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Color Choices Matter — But Not in the Way People Think
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;Accessibility is not about preferring darker colors. Good contrast and readable combinations are what make a design inclusive — even bright palettes can be accessible if chosen carefully.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Designers should consider conditions like low vision, cataracts, glaucoma, and color blindness, which affect how users perceive color combinations and readability. Planning for contrast consistency helps ensure content remains legible for everyone.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Strategic Accessibility Saves Time and Money
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;If accessibility is only added at the end of a project, designers often face expensive remediations and redesigns that can shift the entire brand’s look. Making accessibility part of the process avoids costly iterations later.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Improving Accessibility Can Preserve Brand Integrity
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;When accessibility is an afterthought, fixes often involve changing or darkening brand colors — which can distort original design intent and weaken consistency across a brand’s assets.&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Accessibility Strengthens Communication
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;At its core, design is about communicating ideas. Accessible designs make that communication clearer for everyone, including users with invisible challenges such as cognitive, neurological, or learning disabilities. &lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Positive Business Outcomes
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;Studies show a large percentage of users with accessibility barriers will leave a site they can’t read or interact with comfortably. Prioritizing accessibility keeps users engaged and reduces lost traffic or revenue. &lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Accessibility Builds Professional Credibility
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;For developers and designers alike, proactively addressing accessibility signals expertise, nurtures client trust, and differentiates you from competitors who still treat accessibility as optional. &lt;/li&gt;
&lt;/ul&gt;

&lt;h2&gt;
  
  
  Further Reading &amp;amp; Inspiration:
&lt;/h2&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://equalizedigital.com/colleen-gratzer-accessibility-branding-and-design/" rel="noopener noreferrer"&gt;Accessibility: The Missing Component in Your Branding &amp;amp; Design: Colleen Gratzer&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://equalizedigital.com/ux-ui-and-accessibility-the-perfect-trio-shannon-towell/" rel="noopener noreferrer"&gt;UX, UI, and Accessibility: The Perfect Trio: Shannon Towell&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://equalizedigital.com/basic-accessibility-testing-glen-walker/" rel="noopener noreferrer"&gt;Basic Accessibility Testing: Glen Walker&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://equalizedigital.com/recipe-for-accessibility-limiting-ingredients-for-faster-design-gen-herres/" rel="noopener noreferrer"&gt;Recipe for Accessibility: Limiting Ingredients for Faster Design: Gen Herres&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>a11y</category>
      <category>design</category>
      <category>programming</category>
      <category>webdev</category>
    </item>
    <item>
      <title>Fun activity alert: Typing test</title>
      <dc:creator>Niharika Pujari</dc:creator>
      <pubDate>Thu, 16 Dec 2021 15:30:59 +0000</pubDate>
      <link>https://dev.to/niharikapujari/fun-activity-alert-typing-test-2h8n</link>
      <guid>https://dev.to/niharikapujari/fun-activity-alert-typing-test-2h8n</guid>
      <description>&lt;p&gt;I took the typing test today using &lt;a href="https://www.typingtest.com/" rel="noopener noreferrer"&gt;https://www.typingtest.com/&lt;/a&gt; website (Check your typing skills in 60 seconds). &lt;/p&gt;

&lt;p&gt;I got a net speed of 47 WPM. What is yours?&lt;/p&gt;

</description>
      <category>beginners</category>
      <category>career</category>
      <category>motivation</category>
      <category>discuss</category>
    </item>
    <item>
      <title>Observables... why?</title>
      <dc:creator>Niharika Pujari</dc:creator>
      <pubDate>Fri, 03 Dec 2021 16:36:31 +0000</pubDate>
      <link>https://dev.to/niharikapujari/observables-why-39bh</link>
      <guid>https://dev.to/niharikapujari/observables-why-39bh</guid>
      <description>&lt;p&gt;Many times in the front end realm, while using angular framework we come across "Let's use an observable". OH! Well ok, but why? &lt;/p&gt;

&lt;p&gt;&lt;code&gt;Observables&lt;/code&gt; are used to fetch data Asynchronously and we can use their return values in a continuous sequence (multiple times) when executed.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;By default, they are lazy as it emits values when time progresses.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;They offer a lot of operators which simplifies the coding effort. &lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Can be cancelled using unsubscribe method anytime.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;RXJS operators: You have many pipe operators majorly map, filter, switchMap, combineLatest, etc. to transform observable data before subscribing.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;Subscribe method allows us to have a centralized and predictable error handling.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;One operator retry can be used to retry whenever needed, also if we need to retry the observable based on some conditions retryWhen can be used.&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;Reference:&lt;br&gt;
RXJS: &lt;a href="https://rxjs.dev/guide/overview" rel="noopener noreferrer"&gt;https://rxjs.dev/guide/overview&lt;/a&gt;&lt;br&gt;
List of operators along with their interactive diagrams: &lt;a href="https://rxmarbles.com/" rel="noopener noreferrer"&gt;https://rxmarbles.com/&lt;/a&gt;&lt;/p&gt;

</description>
      <category>javascript</category>
      <category>beginners</category>
      <category>webdev</category>
      <category>typescript</category>
    </item>
    <item>
      <title>AWS Certified Developer - Associate Resources</title>
      <dc:creator>Niharika Pujari</dc:creator>
      <pubDate>Tue, 10 Aug 2021 17:21:43 +0000</pubDate>
      <link>https://dev.to/niharikapujari/aws-certified-developer-associate-resources-4fp3</link>
      <guid>https://dev.to/niharikapujari/aws-certified-developer-associate-resources-4fp3</guid>
      <description>&lt;p&gt;Hello Again! I started researching on how I can achieve my next milestone.. Yes, the &lt;strong&gt;AWS Certified Developer&lt;/strong&gt; certification. Here is what I got:&lt;/p&gt;

&lt;h3&gt;
  
  
  Exam Details
&lt;/h3&gt;

&lt;p&gt;&lt;code&gt;Registration:&lt;/code&gt; &lt;a href="https://aws.amazon.com/certification/certified-developer-associate/" rel="noopener noreferrer"&gt;Schedule an exam&lt;/a&gt;&lt;/p&gt;

&lt;p&gt;&lt;code&gt;Format:&lt;/code&gt; 65 questions; either multiple choice or multiple response&lt;/p&gt;

&lt;p&gt;&lt;code&gt;Time:&lt;/code&gt; 130 mins to complete the exam&lt;/p&gt;

&lt;p&gt;&lt;code&gt;Cost:&lt;/code&gt; 150 USD (Practice exam: 20 USD)&lt;/p&gt;

&lt;p&gt;&lt;code&gt;Exam guide:&lt;/code&gt; &lt;a href="https://d1.awsstatic.com/training-and-certification/docs-dev-associate/AWS-Certified-Developer-Associate_Exam-Guide.pdf" rel="noopener noreferrer"&gt;https://d1.awsstatic.com/training-and-certification/docs-dev-associate/AWS-Certified-Developer-Associate_Exam-Guide.pdf&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  Resources:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://acloudguru.com/course/aws-certified-developer-associate" rel="noopener noreferrer"&gt;ACloudGuru&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;
&lt;a href="https://youtu.be/WYPG6Sdx1os" rel="noopener noreferrer"&gt;AWS Certified Developer Associate (FIRST 6 HOURS)&lt;/a&gt; by Ranga Karanam&lt;/li&gt;
&lt;li&gt;&lt;a href="https://youtu.be/RrKRN9zRBWs" rel="noopener noreferrer"&gt;freeCodeCamp&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://aws.amazon.com/certification/certification-prep/" rel="noopener noreferrer"&gt;AWS Certification Prep&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://www.aws.training/Details/Curriculum?id=19185" rel="noopener noreferrer"&gt;Exam Readiness&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h4&gt;
  
  
  Recommeneded whitepapers:
&lt;/h4&gt;

&lt;ul&gt;
&lt;li&gt;AWS Well-Architected Framework &lt;/li&gt;
&lt;li&gt;Practicing Continuous Integration and Continuous Delivery on AWS Accelerating Software Delivery with DevOps&lt;/li&gt;
&lt;li&gt;Microservices on AWS &lt;/li&gt;
&lt;li&gt;Serverless Architectures with AWS Lambda&lt;/li&gt;
&lt;li&gt;Optimizing Enterprise Economics with Serverless &lt;/li&gt;
&lt;li&gt;Architectures Running Containerized Microservices on AWS 
Blue/Green Deployments on AWS&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  Conclusion:
&lt;/h3&gt;

&lt;p&gt;Hope this resources help you to get started; help you to complete your AWS Certified Developer certification study and prepare you for the exam. &lt;/p&gt;

&lt;p&gt;P.S: &lt;br&gt;
I will update this post as and when I come across some interesting content. Stay Tuned!!&lt;/p&gt;

&lt;p&gt;If you are looking to complete the &lt;strong&gt;AWS Cloud Practitioner&lt;/strong&gt; certification, please refer my previous posts to help you getting started.&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://dev.to/niharikapujari/aws-cloud-practitioner-certification-resources-12ef"&gt;AWS Cloud Practitioner Resources&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://dev.to/niharikapujari/how-i-cleared-my-aws-cloud-practitioner-exam-in-3-weeks-24a1"&gt;How I cleared my AWS cloud practitioner exam in 3 weeks?&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;p&gt;That's all folks! 😎&lt;/p&gt;

</description>
      <category>aws</category>
      <category>career</category>
      <category>webdev</category>
      <category>tutorial</category>
    </item>
    <item>
      <title>How I cleared my AWS cloud practitioner exam in 3 weeks?</title>
      <dc:creator>Niharika Pujari</dc:creator>
      <pubDate>Mon, 02 Aug 2021 18:53:19 +0000</pubDate>
      <link>https://dev.to/niharikapujari/how-i-cleared-my-aws-cloud-practitioner-exam-in-3-weeks-24a1</link>
      <guid>https://dev.to/niharikapujari/how-i-cleared-my-aws-cloud-practitioner-exam-in-3-weeks-24a1</guid>
      <description>&lt;h3&gt;
  
  
  A little about myself 🐥
&lt;/h3&gt;

&lt;p&gt;I am a software engineer, working for about 3 years now. I decided to give my self some challenge for my professional development so I chose to learn about AWS. I had no prior experience with cloud concepts, so if you are new to cloud, then the foundational certification is the way to go!&lt;/p&gt;

&lt;p&gt;The first thing I would suggest is to set a date for your exam:&lt;/p&gt;

&lt;p&gt;The best motivation to start preparing for the AWS certified exam is to &lt;strong&gt;Schedule the exam&lt;/strong&gt;.&lt;/p&gt;

&lt;h4&gt;
  
  
  How to schedule the exam?
&lt;/h4&gt;

&lt;p&gt;Follow this link to &lt;a href="https://home.pearsonvue.com/Clients/Amazon-Web-Services.aspx" rel="noopener noreferrer"&gt;Schedule Exam&lt;/a&gt;. Since I was planning to give the exam from my home office, I opted for the &lt;code&gt;Pearson Vue&lt;/code&gt; option. &lt;/p&gt;

&lt;p&gt;Once you register for the exam, the confirmation mail will have the necessary details needed for the exam. &lt;a href="https://www.youtube.com/watch?v=hp_4VKvuA2I" rel="noopener noreferrer"&gt;Video Reference&lt;/a&gt;&lt;/p&gt;

&lt;h3&gt;
  
  
  What resources I used:
&lt;/h3&gt;

&lt;ul&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;A Cloud Guru&lt;/code&gt;: &lt;br&gt;
A cloud guru &lt;a href="https://acloudguru.com/course/aws-certified-cloud-practitioner" rel="noopener noreferrer"&gt;course&lt;/a&gt; set a foundation for what to expect on the exam, I found the chapter summary and exam tips to be very helpful.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;Udemy practice exams&lt;/code&gt;: &lt;br&gt;
After preparing for about 2 weeks (2 hours everyday), I started giving some practice tests on Udemy. I found these exams useful since they gave me a taste on what kind of questions I should expect in my exam. &lt;a href="https://www.udemy.com/course/aws-certified-cloud-practitioner-practice-test/" rel="noopener noreferrer"&gt;Udemy practice tests&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;White papers&lt;/code&gt;: &lt;br&gt;
I did not get a chance to go over all the white papers, but I did take a glance on the glossary and read through the topics which I was not comfortable with. I would recommend reading the white papers when you are close to the exam.&lt;/p&gt;&lt;/li&gt;
&lt;li&gt;&lt;p&gt;&lt;code&gt;AWS Free training&lt;/code&gt;: &lt;br&gt;
This course helped me tremendously to understand cloud concepts with real life exams. Huge shout out to the content creators!! &lt;a href="https://aws.amazon.com/training/digital/aws-cloud-practitioner-essentials/" rel="noopener noreferrer"&gt;AWS free training&lt;/a&gt;&lt;/p&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h3&gt;
  
  
  On exam day:
&lt;/h3&gt;

&lt;p&gt;I just read through the notes I prepared for the exam during the cloud guru course I took and the Udemy practice questions that I answered incorrectly. Try to keep calm and take a walk! 😌&lt;/p&gt;

&lt;h3&gt;
  
  
  Conclusion:
&lt;/h3&gt;

&lt;p&gt;I hope these resources, links and my experience helps you in passing your AWS Cloud Practitioner Exam, and if you have any questions or need help, please don’t hesitate to reach out to me or leaving a comment below!&lt;/p&gt;

&lt;p&gt;&lt;strong&gt;GOOD LUCK!!&lt;/strong&gt; 👍🍀&lt;/p&gt;

</description>
      <category>cloud</category>
      <category>beginners</category>
      <category>aws</category>
      <category>career</category>
    </item>
    <item>
      <title>AWS Cloud Practitioner Certification Resources</title>
      <dc:creator>Niharika Pujari</dc:creator>
      <pubDate>Tue, 30 Mar 2021 19:56:11 +0000</pubDate>
      <link>https://dev.to/niharikapujari/aws-cloud-practitioner-certification-resources-12ef</link>
      <guid>https://dev.to/niharikapujari/aws-cloud-practitioner-certification-resources-12ef</guid>
      <description>&lt;p&gt;The AWS Certified Cloud Practitioner examination is intended for individuals who have the knowledge and skills necessary to effectively demonstrate an overall understanding of the AWS Cloud, independent of specific technical roles addressed by other AWS Certifications. The exam can be taken at a testing center or from the comfort and convenience of a home or office location as an online proctored exam.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Exam Details :&lt;/p&gt;

&lt;ul&gt;
&lt;li&gt;65 MCQ questions&lt;/li&gt;
&lt;li&gt;90 minutes to complete the exam&lt;/li&gt;
&lt;li&gt;Testing center or online proctored exam&lt;/li&gt;
&lt;li&gt;100 USD (Practice Exam: 20 USD)&lt;/li&gt;
&lt;/ul&gt;
&lt;/blockquote&gt;

&lt;h3&gt;
  
  
  Resources:
&lt;/h3&gt;

&lt;h5&gt;
  
  
  LinkedIn Learning:
&lt;/h5&gt;

&lt;p&gt;&lt;a href="https://www.linkedin.com/learning/paths/prepare-for-the-aws-certified-cloud-practitioner-exam" rel="noopener noreferrer"&gt;Prepare for AWS certified cloud practitioner exam&lt;/a&gt;&lt;/p&gt;

&lt;h5&gt;
  
  
  White papers:
&lt;/h5&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://docs.aws.amazon.com/whitepapers/latest/aws-overview/introduction.html?did=wp_card&amp;amp;trk=wp_card" rel="noopener noreferrer"&gt;Overview of Amazon Web Services&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://docs.aws.amazon.com/wellarchitected/latest/framework/welcome.html?did=wp_card&amp;amp;trk=wp_card" rel="noopener noreferrer"&gt;AWS Well-Architected Framework&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://aws.amazon.com/premiumsupport/plans/" rel="noopener noreferrer"&gt;Compare AWS Support Plans&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://docs.aws.amazon.com/whitepapers/latest/aws-storage-services-overview/welcome.html?did=wp_card&amp;amp;trk=wp_card" rel="noopener noreferrer"&gt;AWS Storage Services Overview&lt;/a&gt;&lt;/li&gt;
&lt;li&gt;&lt;a href="https://docs.aws.amazon.com/whitepapers/latest/how-aws-pricing-works/welcome.html?did=wp_card&amp;amp;trk=wp_card" rel="noopener noreferrer"&gt;How AWS Pricing Works: AWS Pricing Overview&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

&lt;h5&gt;
  
  
  Practice tests
&lt;/h5&gt;

&lt;ul&gt;
&lt;li&gt;&lt;a href="https://www.udemy.com/course/aws-certified-cloud-practitioner-practice-test/" rel="noopener noreferrer"&gt;Udemy AWS certified cloud practitioner Practice exams&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;

</description>
      <category>aws</category>
      <category>beginners</category>
      <category>productivity</category>
      <category>career</category>
    </item>
    <item>
      <title>Cherry pick commits in Github</title>
      <dc:creator>Niharika Pujari</dc:creator>
      <pubDate>Fri, 26 Mar 2021 00:42:29 +0000</pubDate>
      <link>https://dev.to/niharikapujari/cherry-pick-commits-in-github-4d08</link>
      <guid>https://dev.to/niharikapujari/cherry-pick-commits-in-github-4d08</guid>
      <description>&lt;blockquote&gt;
&lt;p&gt;What does cherry picking mean? &lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Cherry picking in Git means to choose a commit from one branch and apply it onto another.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Ok, what should I do?&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Switch to the branch you want to apply the commit.&lt;/p&gt;

&lt;p&gt;&lt;code&gt;git checkout &amp;lt;target-branch&amp;gt;&lt;/code&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Then...?&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Copy the commit SHA of the commit you would like to apply, you can use &lt;code&gt;git log&lt;/code&gt; to view your commits. &lt;/p&gt;

&lt;p&gt;&lt;code&gt;git cherry-pick &amp;lt;commit-hash&amp;gt;&lt;/code&gt;&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Am I done?&lt;/p&gt;
&lt;/blockquote&gt;

&lt;p&gt;Yes, commit and push to target branch.&lt;/p&gt;

&lt;blockquote&gt;
&lt;p&gt;Cheers!&lt;/p&gt;
&lt;/blockquote&gt;

</description>
      <category>beginners</category>
      <category>github</category>
      <category>productivity</category>
      <category>angular</category>
    </item>
  </channel>
</rss>
