New Era of Coding YouTube Channel

Welcome to the New Era of Coding YouTube channel! Here, you will find a variety of tutorials, tips, and resources to help you become a better developer.

Popular Playlists

1. Angular Development

   • Learn the basics of Angular
   • Advanced Angular techniques
   • Watch Now

2. JavaScript Essentials

   • Understanding JavaScript fundamentals
   • Modern JavaScript features
   • Watch Now

3. Web Development Tips

   • HTML & CSS best practices
   • Responsive design techniques
   • Watch Now

Recent Videos

• Building a Todo App with Angular - Watch Now

• Understanding JavaScript Closures - Watch Now

• CSS Grid vs Flexbox - Watch Now

• Subscribe to the Channel - youtube

• nextjs error fix

• Angular version update guide

• Angular Tool for Developers

• Retrieving Route Parameters.| -

• Create useful .gitignore files for your project| -

• How Web works| -

• Migrate angular project| -

• Animations in angular..| -

• Enhance your FastAPI app with Auth0 Python..| -

• Auth0-secured FastAPI app with Python..| -

• FASTAPI with python..| -

• Browserslist Keeping Browsers Data Up to Date..| -

• Understanding Version Compatibility in Package Management..| -

• Set up a Web server on local system..| -

• Sentiment Per Feature Area In The Angular Framework..| -

• Modernize Your Angular App with Migration Schematics..| -

• Angular 2025: Must-Know Features Every Developer Should Watch..| -

• How to migrate a Angular component to modern zoneless approach..| -

• Optimize the performance in the Angular project...| -

• Change detection strategies to improve web performance..| -

• Graphql implementation web..| -

• GraphQL implementation in node and its benefits...| -

• converting API calls from observables to signals-based...| -

• In this video, I created a simple movies app using Signal and Observables...| -

• Signals in Angular..| -

• SSR in Angular..| -

• Build a CRUD app in angular..| -

• Angular vs. React: Picking the Best Framework for Web Development..| -

• untyped reactive form in Angular..| -

• Setup Multiple Environment (QA, prod, staging, and Development) in Angular Project..| -

• Storybook in Micro frontend angular..| -

• Jest with angular unit testing..| -

• Render react components in Angular application..| -

• web components in angular..| -

• how to add powerful validation to reactive forms in Angular for better data handling and user input...| -

• How to add validation to template-driven forms in Angular to ensure accurate data entry & enhance UX..| -

• Explore differences between reactive & template-driven forms in Angular. choose the best approach...| -

• How to build a simple form to change the theme of your app Customize every element, color, and font...| -

• Add default configuration for the DatePipe instances in an application..| -

• 🚀 Building an Agile Dashboard in Angular..| -

• Discover how to scroll long text or notes in Angular using up and down buttons...| -

• Wondering how to display a long list efficiently? Here is the step-by-step guide!..| -

• How to identify list items in Angular using ngFor with properties like index, count, first, last...| -

• Create your personalized video conferencing solution tailored to your unique needs...| -

• Image optimization in Angular..| -

• 24 learnings of the 2024 year in Angular..| -

• Using keyframes in an Angular application..| -

• Structured Plan Angular 2024..| -

• Why developers should use npm ci instead of npm install and its benefits..| -

• How to maintain a consistent order for import statements in your codebase...| -

• Setting up ESLINT in your Angular Project with VS Code..| -

• Object Oriented Programming: Applying SOLID Principles in Angular..| -

• Using defer in Angular to implement lazy loading..| -

• Angular @for: Complete Guide..| -

• Complete Guide: Angular @if: control-flow..| -

• Complete Guide: Angular @switch and ngSwitch..| -

• Path related issue mongo database..| -

• Path related issue mongo database..| -

• How to fix node_module error related to zone.js..| -

• An unhandled exception occurred: The 'buildOptimizer' option cannot be used without 'aot..| -

• version error in react project..| -

• how to fix angular material component import errors..| -

• How to Add Conditional CSS Classes on the list..| -

• Mastering JavaScript: Tips and Tricks for Advanced Developers..| -

• Networking to Advance Your Career..| -

• Classes, Functions, Methods and Constructors..| -

• Mental Health in the Workplace..| -

• AngularFire added to the project, showing the typing error...| -

• Building a Reactive form in Angular Part 3..| -

• Building a Reactive form in Angular Part 2..| -

• Networking to Advance Your Career..| -

• Building a Reactive form in Angular: Part 1..| -

• The 5 best Chrome extensions for developers to boost productivity...| -

• Office productivity tools to increase efficiency in coding and programming development...| -

• codelab platform..| -

• New feature (stand-alone components) in Angular....| -

• Zegocloud vs Agora SDKs and uikits..| -

• Agora vs ZEGOCLOUD video call SDKs..| -

• What is forwardRef in Angular and why we need it..| -

• How To Use ViewChild in Angular to Access any element...| -

• How to Check Angular Version using Command Line..| -

• Angular: how to create dynamic Component / html?..| -

• ContentChild Decorator in Angular...| -

• How To Create and Destroy Dynamic Components in Angular..| -

• What is Angular [ngForOf.] [ngForTemplate.] usage?..| -

• Angular in 2022: The Year in Review..| -

• Build Live Streaming APP with ZEGOCLOUD..| -

• how to use interface methods and how to extend any interface....| -

• what is Enum and how to create it in an angular project?..| -

• various types of the interface in Typescript..| -

• Interface and classes in Typescript..| -

• how to quickly get started with graphql in angular..| -

• GITHUB trick Check code online in VS code..| -

• Github trick..| -

• how to integrate APIs and perform CRUD operations using the HTTP module in angular..| -

• how to make a reusable component using the ng-template tag..| -

• how to make a reusable component using ng-content tag..| -

• how to create a reusable component using ng-container..| -

• how to create a navigation link(routing) in an angular project..| -

• Two-way data binding in Angular..| -

• Template reference variables in Angular.| -

• how to create a build in Angular project..| -

• Style Binding in Angular.| -

• Property Binding in Angular..| -

• Transform data using pipes (built-in Pipes and custom pipes)..| -

• ngstyle in angular..| -

• ngclass in angular..| -

• What is the purpose of using tsconfig.json file..| -

• What is the main.ts file in an Angular application?..| -

• Set-up Multiple Environments in Angular..| -

• How to Create a Single File Component in Angular..| -

• Package json file in angular..| -

• How to setup and create an Angular project.| -

• Step by Step Guide to Build Video Call App ZEGOCLOUD..| -

• Build A Live Video Streaming web App with Agora..| -

• NgClass: Way to assign CSS classes in Angular.| -

• Introduction to Forms in Angular - Template Driven and Reactive Forms..| -

• Input-Output and EventEmitter in Angular for state management..| -

• class Binding In Angular..| -

• Attribute Binding In Angular..| -

• Interpolation in Angular..| -

• what are Angular HTML template..| -

• How to set and change TimeZone..| -

• How to save logs of any website..| -

• How to implement virtual scrolling in Angular using angular cdk..| -

• Deploy angular application using GitHub Pages..| -

• Angular Video Conferencing with Agora.io..| -

• Introduction to Angular animations..| -

• Add CSS Dynamically in Angular using NgStyle Directive..| -

• Optimizing Performance with Angular new version..| -

• Modernize Your Angular App with..| -

• Improve the Performance of the Angular App Using Defer Blocks| -

• Quick tip: Angular Project Documentation..| -

• Quick Tip: Preload Angular Modules..| -

• Quick Tip: Eagerly load Angular Modules..| -

• Quick tip: Angular Signals..| -

• How RxJS Simplifies Angular Signal Resource Management..| -

• How Angular's linkedSignal Solves Reactive Quantity Updates..| -

• Signals vs. BehaviorSubject: Syntax and Access in Angular..| -

• How to check the version compatibility..| -

• Why Angular Introduced Signals Instead of Just Using RxJS..| -

• RFCs Streamlining Design & Development with Clear Agreements..| -

• Storybook in angular..| -

• Microfrontend with nx..| -

• Incremental hydration SSR..| -

• What is ng-packagr, and how does it relate to Angular CLI, Nx, and Nrwl?..| -

• Nx, Nrwl, and Angular Schematics are related tools..| -

• Upgrade angular packages..| -

• dependencies vs dev dependencies vs peer dependencies.| -

• Essential code quality tools..| -

• Angular Components zone.js to zoneless..| -

• Comparison between zoneless and traditional change detection with Zone.js..| -

• guide to migrate a small Angular component..| -

• NgRome Conference..| -

• Must-watch courses..| -

• Your go-to place for certification..| -

• iterate signals .| -

• linkedsignal angula..| -

• resource api..| -

• perform various operations signals..| -

• signals in angular..| -

• Build a chat app...| -

• Build CRUD App..| -

• Forms in angular..| -

• Create your own video conferencing tool. .| -

• Reactive and template-driven forms in #Angular and choose the best..| -

• Building an Agile Dashboard..| -

• check if a website is built with Angular, you can use several methods..| -

• Top website using #angular..| -

• Add validation in html form..| -

• identify list items using ngFor..| -

• Wondering how to display a long list..| -

• Popular features angular 2024..| -

• Add eslint in the project...| -

• Mixin and include in scss...| https://youtube.com/shorts/quy6TRJKXp4 | -

• Retrieving Route Parameters. | https://youtu.be/Vez2GbFyOKg | - | -

•