Sunny
@neweraofcoding.bsky.social
I make web applications that get more traffic from Google because they are SEO-friendly.
For more info, check out my work here: https://code-for-next-generation.vercel.app/
For more info, check out my work here: https://code-for-next-generation.vercel.app/
Starting with #Angular 21.0, Angular has made #Vitest its default unit test runner, replacing Jasmine and Karma.
It also introduces a testRunner option that lets users choose between vitest and karma.
For more, see this PR here - github.com/angular/angu...
It also introduces a testRunner option that lets users choose between vitest and karma.
For more, see this PR here - github.com/angular/angu...
feat(@schematics/angular): configure Vitest for new projects and libraries by clydin · Pull Request #31578 · angular/angular-cli
This commit updates the application, ng-new, and library schematics to configure Vitest as the default unit testing runner, replacing Karma and Jasmine. It also introduces a testRunner option to al...
github.com
December 25, 2025 at 4:34 PM
Starting with #Angular 21.0, Angular has made #Vitest its default unit test runner, replacing Jasmine and Karma.
It also introduces a testRunner option that lets users choose between vitest and karma.
For more, see this PR here - github.com/angular/angu...
It also introduces a testRunner option that lets users choose between vitest and karma.
For more, see this PR here - github.com/angular/angu...
Angular is becoming AI-native. Not just AI-enabled.
🔥 Gemini + Firebase AI Logic
🔥 On-device Gemma + WebNN
🔥 Generative UI from LLMs
🔥 Agentic apps that take actions
🔥 MCP-powered Angular CLI for AI coding
The future of frontend = AI × Angular.
It’s happening now. ⚡
#Angular #AI #Gemini #WebDev
🔥 Gemini + Firebase AI Logic
🔥 On-device Gemma + WebNN
🔥 Generative UI from LLMs
🔥 Agentic apps that take actions
🔥 MCP-powered Angular CLI for AI coding
The future of frontend = AI × Angular.
It’s happening now. ⚡
#Angular #AI #Gemini #WebDev
December 11, 2025 at 1:07 PM
Angular devs!
I’m closing a Discord channel tonight (EOD) – join in now, solve interesting real-world Angular problems, and level up your skills with the community.
👉 Join here: discord.gg/Nuc9YRngHz
⏳ Channel closes today!
#angular #javascript #html #css #programming #java #nodejs #reactjs
I’m closing a Discord channel tonight (EOD) – join in now, solve interesting real-world Angular problems, and level up your skills with the community.
👉 Join here: discord.gg/Nuc9YRngHz
⏳ Channel closes today!
#angular #javascript #html #css #programming #java #nodejs #reactjs
Join the coders server Discord Server!
Check out the coders server community on Discord - hang out with 61 other members and enjoy free voice and text chat.
discord.gg
December 6, 2025 at 8:04 AM
Angular devs!
I’m closing a Discord channel tonight (EOD) – join in now, solve interesting real-world Angular problems, and level up your skills with the community.
👉 Join here: discord.gg/Nuc9YRngHz
⏳ Channel closes today!
#angular #javascript #html #css #programming #java #nodejs #reactjs
I’m closing a Discord channel tonight (EOD) – join in now, solve interesting real-world Angular problems, and level up your skills with the community.
👉 Join here: discord.gg/Nuc9YRngHz
⏳ Channel closes today!
#angular #javascript #html #css #programming #java #nodejs #reactjs
Angular’s future is leaning toward zoneless rendering + reactive primitives.
Turn off Zone.js without adopting Signals and your UI won’t update magically anymore — not a bug, a paradigm shift.
Better perf, more explicit reactivity. 🚀 #Angular
Turn off Zone.js without adopting Signals and your UI won’t update magically anymore — not a bug, a paradigm shift.
Better perf, more explicit reactivity. 🚀 #Angular
December 2, 2025 at 6:32 PM
Angular’s future is leaning toward zoneless rendering + reactive primitives.
Turn off Zone.js without adopting Signals and your UI won’t update magically anymore — not a bug, a paradigm shift.
Better perf, more explicit reactivity. 🚀 #Angular
Turn off Zone.js without adopting Signals and your UI won’t update magically anymore — not a bug, a paradigm shift.
Better perf, more explicit reactivity. 🚀 #Angular
Complete Web Development Roadmap
#angular #javascript #html #css #programming #java #nodejs #reactjs #webdevelopment #python #php #coding #developer #webdeveloper #react #programmer #software #vuejs #softwaredeveloper #android #angularjs #js #laravel #frontend #coder #jquery #webdesign #developers
#angular #javascript #html #css #programming #java #nodejs #reactjs #webdevelopment #python #php #coding #developer #webdeveloper #react #programmer #software #vuejs #softwaredeveloper #android #angularjs #js #laravel #frontend #coder #jquery #webdesign #developers
November 20, 2025 at 3:00 PM
Complete Web Development Roadmap
#angular #javascript #html #css #programming #java #nodejs #reactjs #webdevelopment #python #php #coding #developer #webdeveloper #react #programmer #software #vuejs #softwaredeveloper #android #angularjs #js #laravel #frontend #coder #jquery #webdesign #developers
#angular #javascript #html #css #programming #java #nodejs #reactjs #webdevelopment #python #php #coding #developer #webdeveloper #react #programmer #software #vuejs #softwaredeveloper #android #angularjs #js #laravel #frontend #coder #jquery #webdesign #developers
Ditch the compile step for dynamic styles!
CSS variables (--custom-property) are the modern, native alternative to preprocessor variables. They're not static—they cascade, can be updated with JS, and make theme-switching a breeze.
Still love Sass? Use both!
#CSS #WebDev #Frontend #JavaScript
CSS variables (--custom-property) are the modern, native alternative to preprocessor variables. They're not static—they cascade, can be updated with JS, and make theme-switching a breeze.
Still love Sass? Use both!
#CSS #WebDev #Frontend #JavaScript
November 15, 2025 at 5:48 PM
Ditch the compile step for dynamic styles!
CSS variables (--custom-property) are the modern, native alternative to preprocessor variables. They're not static—they cascade, can be updated with JS, and make theme-switching a breeze.
Still love Sass? Use both!
#CSS #WebDev #Frontend #JavaScript
CSS variables (--custom-property) are the modern, native alternative to preprocessor variables. They're not static—they cascade, can be updated with JS, and make theme-switching a breeze.
Still love Sass? Use both!
#CSS #WebDev #Frontend #JavaScript
Route guards aren’t just for auth.
Use them to:
✔ Prevent data loss
✔ Preload data with resolvers
✔ Control access based on feature flags
#AngularTips #js #angular #nodejs #webdev #website #programminglife #webdesigner #programmingmemes #react #pythonprogramming #fullstackdeveloper
Use them to:
✔ Prevent data loss
✔ Preload data with resolvers
✔ Control access based on feature flags
#AngularTips #js #angular #nodejs #webdev #website #programminglife #webdesigner #programmingmemes #react #pythonprogramming #fullstackdeveloper
Login • Instagram
Welcome back to Instagram. Sign in to check out what your friends, family & interests have been capturing & sharing around the world.
www.instagram.com
November 13, 2025 at 3:58 PM
Route guards aren’t just for auth.
Use them to:
✔ Prevent data loss
✔ Preload data with resolvers
✔ Control access based on feature flags
#AngularTips #js #angular #nodejs #webdev #website #programminglife #webdesigner #programmingmemes #react #pythonprogramming #fullstackdeveloper
Use them to:
✔ Prevent data loss
✔ Preload data with resolvers
✔ Control access based on feature flags
#AngularTips #js #angular #nodejs #webdev #website #programminglife #webdesigner #programmingmemes #react #pythonprogramming #fullstackdeveloper
Thrilled and humbled to finally share that I am officially an Angular Google Developer Expert (GDE)!
This is a huge milestone, but the journey is just beginning. Excited for the new challenges, collaborations, and the immense amount I still have left to learn.
#Angular #GDE #GoogleDeveloperExpert
This is a huge milestone, but the journey is just beginning. Excited for the new challenges, collaborations, and the immense amount I still have left to learn.
#Angular #GDE #GoogleDeveloperExpert
My Profile | Google Developer Program | Google for Developers
g.dev
November 9, 2025 at 10:35 AM
Thrilled and humbled to finally share that I am officially an Angular Google Developer Expert (GDE)!
This is a huge milestone, but the journey is just beginning. Excited for the new challenges, collaborations, and the immense amount I still have left to learn.
#Angular #GDE #GoogleDeveloperExpert
This is a huge milestone, but the journey is just beginning. Excited for the new challenges, collaborations, and the immense amount I still have left to learn.
#Angular #GDE #GoogleDeveloperExpert
Stop coding the hard way! The future of Angular is agentic.
Use Gemini Canvas for rapid prototyping. Leverage angular.dev/ai for advanced prompts & context. And check your LLM's output quality with the open-source Web Codegen Scorer!
AI isn't replacing developers; it's empowering them. #Angular
Use Gemini Canvas for rapid prototyping. Leverage angular.dev/ai for advanced prompts & context. And check your LLM's output quality with the open-source Web Codegen Scorer!
AI isn't replacing developers; it's empowering them. #Angular
Get Started • Angular
The web development framework for building modern apps.
angular.dev
November 5, 2025 at 7:09 PM
Stop coding the hard way! The future of Angular is agentic.
Use Gemini Canvas for rapid prototyping. Leverage angular.dev/ai for advanced prompts & context. And check your LLM's output quality with the open-source Web Codegen Scorer!
AI isn't replacing developers; it's empowering them. #Angular
Use Gemini Canvas for rapid prototyping. Leverage angular.dev/ai for advanced prompts & context. And check your LLM's output quality with the open-source Web Codegen Scorer!
AI isn't replacing developers; it's empowering them. #Angular
Angular v21 is on the horizon (Nov 2025)! 🚀
Get ready for two major features that will change how you build:
✍️ Signal Forms: A modern, reactive forms experience built on signals.
♿ Angular Aria: Greatly enhanced accessibility support right in the framework.
#Angular #Angular21 #WebDev
Get ready for two major features that will change how you build:
✍️ Signal Forms: A modern, reactive forms experience built on signals.
♿ Angular Aria: Greatly enhanced accessibility support right in the framework.
#Angular #Angular21 #WebDev
October 27, 2025 at 8:41 PM
Angular v21 is on the horizon (Nov 2025)! 🚀
Get ready for two major features that will change how you build:
✍️ Signal Forms: A modern, reactive forms experience built on signals.
♿ Angular Aria: Greatly enhanced accessibility support right in the framework.
#Angular #Angular21 #WebDev
Get ready for two major features that will change how you build:
✍️ Signal Forms: A modern, reactive forms experience built on signals.
♿ Angular Aria: Greatly enhanced accessibility support right in the framework.
#Angular #Angular21 #WebDev
I got the Hacktoberfest 2025: Level 0 Registered badge from Hacktoberfest @hacktoberfest @digitalocean! www.holopin.io/hacktoberfes...
I got the Hacktoberfest 2025: Level 0 Registered badge from Hacktoberfest @hacktoberfest @digitalocean!
@sunny has earned the Hacktoberfest 2025: Level 0 Registered badge from Hacktoberfest.
www.holopin.io
October 20, 2025 at 12:27 PM
I got the Hacktoberfest 2025: Level 0 Registered badge from Hacktoberfest @hacktoberfest @digitalocean! www.holopin.io/hacktoberfes...
In Angular template syntax, the new @switch / @case / @default directives do not use curly braces.
#angular #javascript #html #css #programming #java #nodejs #reactjs #webdevelopment #python #php #coding #developer #webdeveloper #react #programmer #software #vuejs #softwaredeveloper #android
#angular #javascript #html #css #programming #java #nodejs #reactjs #webdevelopment #python #php #coding #developer #webdeveloper #react #programmer #software #vuejs #softwaredeveloper #android
October 19, 2025 at 8:03 AM
In Angular template syntax, the new @switch / @case / @default directives do not use curly braces.
#angular #javascript #html #css #programming #java #nodejs #reactjs #webdevelopment #python #php #coding #developer #webdeveloper #react #programmer #software #vuejs #softwaredeveloper #android
#angular #javascript #html #css #programming #java #nodejs #reactjs #webdevelopment #python #php #coding #developer #webdeveloper #react #programmer #software #vuejs #softwaredeveloper #android
animations in Angular!
Sequential animations run in a strict order using sequence(), while parallel ones use group() to run together.
#js #angular #nodejs #webdev #website #programminglife #webdesigner #programmingmemes #react #pythonprogramming #fullstackdeveloper #daysofcode #machinelearning
Sequential animations run in a strict order using sequence(), while parallel ones use group() to run together.
#js #angular #nodejs #webdev #website #programminglife #webdesigner #programmingmemes #react #pythonprogramming #fullstackdeveloper #daysofcode #machinelearning
October 15, 2025 at 9:15 AM
animations in Angular!
Sequential animations run in a strict order using sequence(), while parallel ones use group() to run together.
#js #angular #nodejs #webdev #website #programminglife #webdesigner #programmingmemes #react #pythonprogramming #fullstackdeveloper #daysofcode #machinelearning
Sequential animations run in a strict order using sequence(), while parallel ones use group() to run together.
#js #angular #nodejs #webdev #website #programminglife #webdesigner #programmingmemes #react #pythonprogramming #fullstackdeveloper #daysofcode #machinelearning
Angular dropped some serious template power!
The Angular team continues to refine the developer experience, adding modern JS features directly into templates. Two major wins:
Full Template String support (including tagged literals).
The void operator for cleaner event handling.
The Angular team continues to refine the developer experience, adding modern JS features directly into templates. Two major wins:
Full Template String support (including tagged literals).
The void operator for cleaner event handling.
October 6, 2025 at 9:24 PM
Angular dropped some serious template power!
The Angular team continues to refine the developer experience, adding modern JS features directly into templates. Two major wins:
Full Template String support (including tagged literals).
The void operator for cleaner event handling.
The Angular team continues to refine the developer experience, adding modern JS features directly into templates. Two major wins:
Full Template String support (including tagged literals).
The void operator for cleaner event handling.
Dive right in!Every challenge isn’t just a step toward mastering Angular—it’s a leap toward unlocking exciting career opportunities. Embrace the joy of discovery, let curiosity lead the way, and grow with every line of code. I’m kicking off a new Code + AI challenge—stay tuned for updates!
#success
#success
October 3, 2025 at 11:13 AM
Dive right in!Every challenge isn’t just a step toward mastering Angular—it’s a leap toward unlocking exciting career opportunities. Embrace the joy of discovery, let curiosity lead the way, and grow with every line of code. I’m kicking off a new Code + AI challenge—stay tuned for updates!
#success
#success
AI: Bubble or the real deal? 🤔
Unlike Web3 & blockchain hype, AI is already changing how we work & create. Focus on practical applications, learning AI tools, & solving real problems—not just the hype.
#AI #MachineLearning #TechTrends
Unlike Web3 & blockchain hype, AI is already changing how we work & create. Focus on practical applications, learning AI tools, & solving real problems—not just the hype.
#AI #MachineLearning #TechTrends
October 2, 2025 at 6:52 AM
AI: Bubble or the real deal? 🤔
Unlike Web3 & blockchain hype, AI is already changing how we work & create. Focus on practical applications, learning AI tools, & solving real problems—not just the hype.
#AI #MachineLearning #TechTrends
Unlike Web3 & blockchain hype, AI is already changing how we work & create. Focus on practical applications, learning AI tools, & solving real problems—not just the hype.
#AI #MachineLearning #TechTrends
This Friday online: Mark and Andrew from the Angular team will be back for another Coding + Q&A Live Stream as they chat about Zoneless Angular.
Tune in October 3rd, 2025 at 11 AM Pacific
📺 goo.gle/ng-live
#angular #javascript #html #css #programming #nodejs #webdevelopment #python #coding
Tune in October 3rd, 2025 at 11 AM Pacific
📺 goo.gle/ng-live
#angular #javascript #html #css #programming #nodejs #webdevelopment #python #coding
September 30, 2025 at 9:28 AM
This Friday online: Mark and Andrew from the Angular team will be back for another Coding + Q&A Live Stream as they chat about Zoneless Angular.
Tune in October 3rd, 2025 at 11 AM Pacific
📺 goo.gle/ng-live
#angular #javascript #html #css #programming #nodejs #webdevelopment #python #coding
Tune in October 3rd, 2025 at 11 AM Pacific
📺 goo.gle/ng-live
#angular #javascript #html #css #programming #nodejs #webdevelopment #python #coding
🚀 Want to boost your Angular app performance with the latest version? ⚡ Watch my video to learn tips, tricks, and best practices for faster, smoother apps! 🎥
👉 [Watch here](www.youtube.com/watch?v=O7yk...)
#Angular #WebDevelopment #PerformanceOptimization
👉 [Watch here](www.youtube.com/watch?v=O7yk...)
#Angular #WebDevelopment #PerformanceOptimization
Optimizing Performance with Angular new version
YouTube video by Eraoftech | Neweraofcoding
www.youtube.com
September 27, 2025 at 9:28 AM
🚀 Want to boost your Angular app performance with the latest version? ⚡ Watch my video to learn tips, tricks, and best practices for faster, smoother apps! 🎥
👉 [Watch here](www.youtube.com/watch?v=O7yk...)
#Angular #WebDevelopment #PerformanceOptimization
👉 [Watch here](www.youtube.com/watch?v=O7yk...)
#Angular #WebDevelopment #PerformanceOptimization
🚨 Running a vulnerability scan on your Angular project isn’t optional — it’s essential.
Use tools like `npm audit`, `snyk`, or `OWASP Dependency-Check` to catch insecure packages early. 🔍🔐
#Angular #Security #DevSecOps
Use tools like `npm audit`, `snyk`, or `OWASP Dependency-Check` to catch insecure packages early. 🔍🔐
#Angular #Security #DevSecOps
September 25, 2025 at 2:33 PM
🚨 Running a vulnerability scan on your Angular project isn’t optional — it’s essential.
Use tools like `npm audit`, `snyk`, or `OWASP Dependency-Check` to catch insecure packages early. 🔍🔐
#Angular #Security #DevSecOps
Use tools like `npm audit`, `snyk`, or `OWASP Dependency-Check` to catch insecure packages early. 🔍🔐
#Angular #Security #DevSecOps
Angular is now live—with built-in AI prompts, enhanced hydration, and better accessibility out of the box! 🚀 #Angular #WebDev #AngularUpdate, #Angular20
Follow @angular.dev @mgechev.bsky.social
Follow @angular.dev @mgechev.bsky.social
September 6, 2025 at 6:32 PM
Angular is now live—with built-in AI prompts, enhanced hydration, and better accessibility out of the box! 🚀 #Angular #WebDev #AngularUpdate, #Angular20
Follow @angular.dev @mgechev.bsky.social
Follow @angular.dev @mgechev.bsky.social
Enums vs Union Types — Pick the Right Tool
Enums are common in Angular, but union types are often cleaner and lighter.
#js #angular #nodejs #webdev #website #programminglife #webdesigner #programmingmemes #react #fullstackdeveloper #daysofcode #machinelearning #codingisfun #developers
Enums are common in Angular, but union types are often cleaner and lighter.
#js #angular #nodejs #webdev #website #programminglife #webdesigner #programmingmemes #react #fullstackdeveloper #daysofcode #machinelearning #codingisfun #developers
September 4, 2025 at 7:40 PM
Enums vs Union Types — Pick the Right Tool
Enums are common in Angular, but union types are often cleaner and lighter.
#js #angular #nodejs #webdev #website #programminglife #webdesigner #programmingmemes #react #fullstackdeveloper #daysofcode #machinelearning #codingisfun #developers
Enums are common in Angular, but union types are often cleaner and lighter.
#js #angular #nodejs #webdev #website #programminglife #webdesigner #programmingmemes #react #fullstackdeveloper #daysofcode #machinelearning #codingisfun #developers
Angular 20.1 + Zoneless = the future is here.
No more juggling zones — just signals, performance, and clean architecture.
If you’re still on Angular <15… upgrade. You’re missing out. #Angular
Pro tip for Angular devs:
Use signals + built-in control flow (@if, @for) instead of the old boilerplate.
No more juggling zones — just signals, performance, and clean architecture.
If you’re still on Angular <15… upgrade. You’re missing out. #Angular
Pro tip for Angular devs:
Use signals + built-in control flow (@if, @for) instead of the old boilerplate.
August 31, 2025 at 10:06 AM
Angular 20.1 + Zoneless = the future is here.
No more juggling zones — just signals, performance, and clean architecture.
If you’re still on Angular <15… upgrade. You’re missing out. #Angular
Pro tip for Angular devs:
Use signals + built-in control flow (@if, @for) instead of the old boilerplate.
No more juggling zones — just signals, performance, and clean architecture.
If you’re still on Angular <15… upgrade. You’re missing out. #Angular
Pro tip for Angular devs:
Use signals + built-in control flow (@if, @for) instead of the old boilerplate.
Just shipped a new feature in Angular
⚡ Every time I work with it, I’m reminded:
🔹 Type safety saves bugs
🔹 RxJS keeps async clean
🔹 CLI makes setup painless
Angular isn’t just for big enterprises — it’s a superpower for devs who love structure. 🛠️
#angular #angularjs #reactjs #javascript #html
⚡ Every time I work with it, I’m reminded:
🔹 Type safety saves bugs
🔹 RxJS keeps async clean
🔹 CLI makes setup painless
Angular isn’t just for big enterprises — it’s a superpower for devs who love structure. 🛠️
#angular #angularjs #reactjs #javascript #html
August 29, 2025 at 11:24 AM
Just shipped a new feature in Angular
⚡ Every time I work with it, I’m reminded:
🔹 Type safety saves bugs
🔹 RxJS keeps async clean
🔹 CLI makes setup painless
Angular isn’t just for big enterprises — it’s a superpower for devs who love structure. 🛠️
#angular #angularjs #reactjs #javascript #html
⚡ Every time I work with it, I’m reminded:
🔹 Type safety saves bugs
🔹 RxJS keeps async clean
🔹 CLI makes setup painless
Angular isn’t just for big enterprises — it’s a superpower for devs who love structure. 🛠️
#angular #angularjs #reactjs #javascript #html