Tarkvarandus

Courses

Browse our courses designed to give you a sense of our offerings. Whether your team is new to Angular or looking to deepen their expertise, we have the right training for you. We customize each course to align with your developers’ skill levels and project needs, providing training that delivers real results. Additionally, we offer the opportunity to create a custom course, allowing you to combine various topics your team wishes to learn, ensuring the training is tailored to your specific goals and requirements.

Debugging with Chrome DevTools

Your frontend team spends a significant portion of their day debugging and optimising code. This hands-on workshop moves beyond simple “console.log” debugging to empower your developers with the full power of Chrome DevTools alongside framework-specific tooling (Angular DevTools or React DevTools). We tailor the experience to your stack, using a demo repository to solve real-world problems, inspect network traffic, and identify performance bottlenecks.

Duration: 1 day

Agenda:

  1. DevTools Fundamentals: Overview of the different Panels and sections (Panels, Drawer, Hidden Tools), using the Command Menu for keyboard-first navigation, and using the official documentation to self-solve complex issues.
  2. The Console: Going beyond simple logging with the Console API, Utility API, and Live Expressions to monitor application state in real-time.
  3. Advanced Networking: Deep dive into the Network panel, including request overriding, throttling for slow connections, and debugging complex XHR/fetch flows.
  4. Framework-Specific Debugging: *
    • For Angular: Inspecting the component tree, checking change detection cycles, and debugging the injector hierarchy.
    • For React: Filtering the component tree, identifying unnecessary re-renders, and debugging Props/State.
  5. JavaScript Debugging & Breakpoints: Setting conditional breakpoints, navigating the call stack, and managing “authored vs. deployed” code via Source Maps.
  6. Performance & Profiling: Using the Performance panel and Profiler tools to identify “jank,” analyse CPU throttling, and optimise runtime performance.
  7. Practical Lab: Working with diverse application styles (Vanilla JS, TypeScript, and your chosen framework) to solve actual debugging challenges.

Angular basics

You have an existing team of front-end developers and want them to start developing an Angular application. The course will teach them the basics of Angular development and give an overview of the Angular ecosystem and resources. Your team gets to work with actual code and solve practical problems.

Duration: 2 days

Agenda:

  1. Angular ecosystem, history and resources
  2. Basics of TypeScript
  3. Angular components, templates and data binding
  4. Services, HTTP calls and dependency injection
  5. Observables (RxJS)
  6. Angular Forms (reactive and template-driven)
  7. Routing
  8. Angular Material
  9. Debugging using Chrome dev tools

Angular intermediate 

You have a full-stack developer team working on an existing Angular application. Your goal is to improve its quality and development speed. The course gives a deeper understanding of Angular concepts and introduces patterns to organize code better.

Duration: 2 days

Agenda:

  1. Typescript techniques: Generics, Enums, Utility Types, Type narrowing, Inheritance, etc
  2. RxJS: Filtering, Joining and Transforming
  3. Dependency Injection: Injection Tokens, Hierarchical DI, etc
  4. Components: Lifecycle events, content projection, accessing child components, extending components
  5. Forms: Custom validators, Control statuses, Dynamic forms
  6. Internationalization and Localization: Translations and formatting
  7. Style guide: syntax, conventions, and application structure

Unit testing in Angular 

You have a working Angular application and wish to implement unit testing to reduce bugs and manual testing. This course covers the basics of unit testing in Angular, provides examples of common scenarios and a working CI/CD pipeline example.

Duration: 1 day

Agenda:

  1. Jasmine test framework overview
  2. Spying
  3. Angular TestBed
  4. Testing Components
  5. Testing Services and mocking HTTP responses
  6. Testing utility API’s
  7. Testing Angular Material Components with Harnesses

Writing applications in a monorepo using Nx, NestJS and Angular 

Your company is planning a new development project, and you are considering building it in a monorepo. During the course, your team will create an example application going through the most common use cases of working on a monorepo.

Duration: 1 day

Agenda:

  1. Setting up the monorepo
  2. Implementing a feature spanning multiple projects
  3. Creating a common types library 
  4. CI/CD pipeline for multi-project builds
  5. Nx tools: generators and version migrations