Angular Multi-project Workspace Angular Rocks podcast

Artwork

Tech Podcasting Education Aliaksei Kuncevič Web Development Web Technology Programming Angular

Player FM - Internet Radio Done Right

28 subscribers

Vor vier Jahren hinzugefügt

Inhalt bereitgestellt von Aliaksei Kuncevič. Alle Podcast-Inhalte, einschließlich Episoden, Grafiken und Podcast-Beschreibungen, werden direkt von Aliaksei Kuncevič oder seinem Podcast-Plattformpartner hochgeladen und bereitgestellt. Wenn Sie glauben, dass jemand Ihr urheberrechtlich geschütztes Werk ohne Ihre Erlaubnis nutzt, können Sie dem hier beschriebenen Verfahren folgen https://de.player.fm/legal.

<

<div class="span index">1</div> <span><a class="" data-remote="true" data-type="html" href="/series/the-knowledge-project-with-shane-parrish">The Knowledge Project with Shane Parrish</a></span>

<div class="span index">1</div> <span><a class="" data-remote="true" data-type="html" href="/series/the-knowledge-project-with-shane-parrish">The Knowledge Project with Shane Parrish</a></span> podcast artwork

<div class="span index">1</div> <span><a class="" data-remote="true" data-type="html" href="/series/the-knowledge-project-with-shane-parrish">The Knowledge Project with Shane Parrish</a></span> podcast artwork

1
The Knowledge Project with Shane Parrish

vor 7 Tagenvor 7d ago

Monatlich+

Master the best of what other people have already figured out. Each week, I learn from the best so you can apply their insights to your life. No fluff, no filler, just timeless conversations that make you smarter. If you enjoy the show, please hit the follow button.

Angular Rocks « »
Angular multi-project workspace

vor 4 Jahren 2:37

Teilen

MP3•Episode-Home

Fetch error

Hmmm there seems to be a problem fetching this series right now. Last successful fetch was on February 27, 2024 03:50 (1+ y ago)

What now? This series will be checked again in the next day. If you believe it should be working, please verify the publisher's feed link below is valid and includes actual episode links. You can contact support to request the feed be immediately fetched.

Inhalt bereitgestellt von Aliaksei Kuncevič. Alle Podcast-Inhalte, einschließlich Episoden, Grafiken und Podcast-Beschreibungen, werden direkt von Aliaksei Kuncevič oder seinem Podcast-Plattformpartner hochgeladen und bereitgestellt. Wenn Sie glauben, dass jemand Ihr urheberrechtlich geschütztes Werk ohne Ihre Erlaubnis nutzt, können Sie dem hier beschriebenen Verfahren folgen https://de.player.fm/legal.

Every time you scaffold a new project with Angular CLI ng new command, the CLI, by default, produces an Angular CLI workspace for that project.

In some cases when you are working on multiple Angular projects under the same solution you may want to try out a Multi-project Workspace. This approach is also suitable for many enterprise projects.

ng new my-solution --create-application false
cd my-solution

ng g application my-app

ng g library my-shared-library

Links
Multi-project workspace

Angular Getting Started Workshop
ngstart.dev

Aliaksei's mailing list
kuncevic.dev

… continue reading

25 Episoden

#Tech #Podcasting Education #Aliaksei Kuncevič #Web Development #Web Technology #Programming #Angular

Artwork

Angular multi-project workspace

28 subscribers

published vor 4 Jahren

Teilen

MP3•Episode-Home

Fetch error

Hmmm there seems to be a problem fetching this series right now. Last successful fetch was on February 27, 2024 03:50 (1+ y ago)

What now? This series will be checked again in the next day. If you believe it should be working, please verify the publisher's feed link below is valid and includes actual episode links. You can contact support to request the feed be immediately fetched.

Inhalt bereitgestellt von Aliaksei Kuncevič. Alle Podcast-Inhalte, einschließlich Episoden, Grafiken und Podcast-Beschreibungen, werden direkt von Aliaksei Kuncevič oder seinem Podcast-Plattformpartner hochgeladen und bereitgestellt. Wenn Sie glauben, dass jemand Ihr urheberrechtlich geschütztes Werk ohne Ihre Erlaubnis nutzt, können Sie dem hier beschriebenen Verfahren folgen https://de.player.fm/legal.

Every time you scaffold a new project with Angular CLI ng new command, the CLI, by default, produces an Angular CLI workspace for that project.

In some cases when you are working on multiple Angular projects under the same solution you may want to try out a Multi-project Workspace. This approach is also suitable for many enterprise projects.

ng new my-solution --create-application false
cd my-solution

ng g application my-app

ng g library my-shared-library

Links
Multi-project workspace

Angular Getting Started Workshop
ngstart.dev

Aliaksei's mailing list
kuncevic.dev

… continue reading

25 Episoden

#Tech #Podcasting Education #Aliaksei Kuncevič #Web Development #Web Technology #Programming #Angular

Alle Folgen

×

Artwork

1
RxJS with Ben Lesh 47:57

vor 3 years47:57

Später Spielen

Später Spielen

47:57

RxJS (Reactive Extensions for JavaScript) is a complex and very interesting topic. The Rx (Reactive Extensions), originating from Microsoft, has been around for a very long time migrating from one platform to another. These days every programming language has its own native implementation of Rx. This episode is fully dedicated to RxJS. In this episode we are discussing: What is RxJS and what problem does it solve? Ben’s personal story with RxJS and how it all started A quick history or RxJS What companies are using RxJS and how does it help them? RxJS and Angular (RxJS on Google scale) Reactive Programming and how RxJS related to that. RxJS vs another Reactive Programming libraries (BaconJS, KefirJS, etc) Observable vs promise When to use observables, when to use promise Tips and tricks for newcomers What is the future of RxJS Observable TC39 proposal Observables as a part of ECMAScript standard People mentioned Eric Meyer Bart De Smet Matthew Podwysocki More from Ben Twitter Other Links RxJS Docs The RxJS Library ECMAScript Observable Proposal ReactiveX RxViz ThinkRx Aliaksei's mailing list kuncevic.dev…

Artwork

1
Reactive Angular 2:14

vor 4 years2:14

Später Spielen

Später Spielen

2:14

There is a lot of buzz around reactivity and reactive programming these days. All reactive Angular API is built on top of RxJS library so there is a lot of reactivity built-in within Angular. What do you think, should Angular have First-class RxJS support, should it be optional or may be Angular should support both options? Lets discuss 👉 Twitter thread Links The RxJS library Proposal: Input as Observable Angular Getting Started Workshop ngstart.dev Aliaksei's mailing list kuncevic.dev…

Artwork

1
Designing Reusable Components with Tomas Trajan 48:56

vor 4 years48:56

Später Spielen

Später Spielen

48:56

Component is the central piece in Angular. Sometimes you want to generalize a particular component, to make it shareable across your application or to move into a custom component library to share it around multiple applications. It is important to understand how to approach shareable components in your particular use-case. In this episode we are discussing: Components and Components composition Shared folder, Shared library, ngModules Template context Custom component libraries Designing components for scale Best practices, tips and tricks and common pitfalls Articles Custom Angular Component Library (Best practices) Angular Library Architecture (sub-entries) Angular Application Architecture More from Tomas Twitter Github Website Omniboard Angular Self-Paced Workshops from Aliaksei ngstart.dev…

Artwork

1
Web Components and Angular Elements 4:07

vor 4 years4:07

Später Spielen

Später Spielen

4:07

Web Components are also known as Custom Elements. Custom Element is a web standard for defining new HTML elements in a framework-agnostic way. There are a set of different techniques that allow you to build Web Components or Custom Elements. Being an Angular Developer you can easily get into Web Components by using Angular Elements. Links: Web Components Can I use Web Components Polymer Lit Polymer vs Lit Angular Elements Angular Self-Paced Workshops from Aliaksei ngstart.dev…

Artwork

1
Developer Tools with Minko Gechev 45:16

vor 4 years45:16

Später Spielen

Später Spielen

45:16

I split up the developer tools into multiple categories Development and productivity Debugging Performance Testing In this episode we discuss each category in details as well as answering the following questions: Why do we need developer tools? Can you imagine a dev life without modern tooling? What are the modern Tools for Angular developers? How to debug a memory leak? Also we talk about some cool insights about what Angular Team is working on right now to improve the Angular developer experience even more. Tools Angular CLI Angular language service (vscode extension) Codelyzer Prettier Ngrev Angular state inspector (chrome extension) Angular DevTools (chrome extension) Jest Cypress People mentioned Misko Havery John Papa Ward Bell Alan Agius Douglas Crockford More from Minko Twitter Blog Angular Self-Paced Workshops from Aliaksei ngstart.dev…

Artwork

1
Angular multi-project workspace 2:37

vor 4 years2:37

Später Spielen

Später Spielen

2:37

Every time you scaffold a new project with Angular CLI ng new command, the CLI, by default, produces an Angular CLI workspace for that project. In some cases when you are working on multiple Angular projects under the same solution you may want to try out a Multi-project Workspace. This approach is also suitable for many enterprise projects. ng new my-solution --create-application false cd my-solution ng g application my-app ng g library my-shared-library Links Multi-project workspace Angular Getting Started Workshop ngstart.dev Aliaksei's mailing list kuncevic.dev…

Artwork

1
Angular Change Detection with Wassim Chegham 39:39

vor 4 years39:39

Später Spielen

Später Spielen

39:39

Change Detection is a mechanism built into Angular that allows Angular to decide what actions to be performed when the state of the app changes. Most of the time developers do not have to deal with change detection manually. In this episode we are talking about a quick history of change detection and what problem it solves. We also discuss change detection strategies, when you should tap in to change detection manually and tips and tricks. People mentioned John Papa Misko Hevery Elon Musk Twitter Discussion Angular Change Detection Edge Cases Links Angular Change Detection Infographic ChangeDetectorRef ApplicationRef NgZone More from Wassim Twitter Blog Website Aliaksei's mailing list kuncevic.dev…

Artwork

1
Keeping Angular Projects Up To Date 2:19

vor 4 years2:19

Später Spielen

Später Spielen

2:19

Angular is continuously evolving together with the entire web ecosystem. Therefore, it is a recommended best practice to keep up your Angular projects up to date with the latest Angular version. In this episode, you will learn why updating to a new Angular version is a good idea. Also, I will provide some tips that will help you to achieve that. Links: Angular versioning and releases Angular update guide Deprecated APIs and features ng update Angular, Angular CLI, NodeJS compatibility list Angular CLI diff…

Artwork

1
Animations with William Juan 24:33

vor 4 years24:33

Später Spielen

Später Spielen

24:33

Animation is a great solution to improve the application experience. You can add animations to your web applications using CSS animations, browsers web animations API or by using third-party libraries. Juan talking bout different aspects of animations, how it works and how to get started. Links angular.io/guide/animations auth0.com/blog/get-better-angular-ux-using-animation-techniques indepth.dev/posts/1285/in-depth-guide-into-animations-in-angular williamjuan027.github.io/angular-animations-explorer Popmotion lottie Tailwind More from Juan Twitter Website…

Artwork

1
Responsive Design 3:14

vor 4 years3:14

Später Spielen

Später Spielen

3:14

These days, people use different devices to access the web. Therefore, every web application should be adapted to all screen sizes. Responsive Design is a technique that allows screens to adjust to different sizes accordingly. There are a few techniques to make your Angular Apps responsive. You can choose from several libraries specifically built for that purpose or just do plain CSS by writing CSS Media Queries. Lets discuss that 👉 Twitter thread Links Angular Flex Layout Angular CDK Layout Tailwind Responsive Design Bootstrap Layout Utilities CSS Media Queries Twitter Pool Angular Flex Layout / CDK vs Tailwind / Bootstrap Utilities vs Media Queries…

Artwork

1
Angular Material with Jeremy Elbourn 39:43

vor 4 years39:43

Später Spielen

Später Spielen

39:43

Angular Material is the most popular UI library available for Angular. It contains a set of high-quality components implementing Google Material Design specification, built by the Angular Team. Think of Angular Material as a foundation that you can use to build your own custom components. Jeremy touched on a quick history about Angular Material, its continuous evolution and what to expect in the future. Links material.angular.io guides More from Jeremy twitter…

Artwork

1
Angular CDK 2:16

vor 4 years2:16

Später Spielen

Später Spielen

2:16

CDK stands for Component Development Kit. CDK is something that not every Angular developer knows about. CDK contains a set of building blocks for creating your own UI components that could be great foundation for your custom components of any sort or a custom component library. Links Angular CDK

Artwork

1
The History of Angular with Misko Hevery 37:39

vor 4 years37:39

Später Spielen

Später Spielen

37:39

Angular has been around for many years now. There are a lot of decisions that were made within the Angular team that made Angular so successful today. AngularJS referring to v1 - the first version of the framework Angular referring to v2 and up, which is the new modern framework which is completely different to AngularJS This time Miško Hevery, the creator of Angular will tell about Angular history and share insights on his journey working at Google creating one the coolest front-end framework! Links: angular.io People mentioned Adam Abrons Igor Minar More from Miško: builder.io twitter…

Artwork

1
Component Communication Techniques 3:12

vor 4 years3:12

Später Spielen

Später Spielen

3:12

Component communication is the most common challenge developers face building single page applications. There are several techniques that you can use to approach components communication building Angular applications. In this episode I am discussing basic component communication techniques. Links Inputs and Outputs Async Pipe Reactive Services Technique Rx-service…

Artwork

1
Angular Router with Justin Schwartzenberger 49:17

vor 4 years49:17

Später Spielen

Später Spielen

49:17

Angular router solves a lot of problems in client facing single-page web applications. The router helps to control the page content by dynamically displaying the components without a need to request pages from the server. Without an Angular router the user navigation experience in Angular application would be hard to achieve. Links Angular Router Revisiting a Reactive Router with Ivy People mentioned Mike Ryan Brandon Roberts Victor Savkin Michael Karén More from Justin Twitter Website Aliaksei's mailing list kuncevic.dev…

A

Angular Rocks

Angular Rocks podcast artwork

1
Application Folder Structure 3:24

vor 4 years3:24

Später Spielen

Später Spielen

3:24

Have you ever asked yourself the following question, what is the best way to structure an Angular application? In this episode you will find out why you should care about the folder structure and what are the benefits of the proper folder structure. Links Feature modules

A

Angular Rocks

Angular Rocks podcast artwork

1
Error Handling with Michael Karén 27:04

vor 4 years27:04

Später Spielen

Später Spielen

27:04

Error handling is a fundamental part of any real-world web application. In this episode, you will find everything you need to know about error handling in Angular and more. Fun fact: That is literally the first ever episode of Angular Rocks, recorded on 21 Jan 2021 Links Error Handler Class Angular Errors List Angular Debugging Guides Best practices for Error handling in Angular People mentioned David Herges More from Michael Twitter Blog Aliaksei's mailing list kuncevic.dev…

A

Angular Rocks

Angular Rocks podcast artwork

1
Interacting with Backend API 3:00

vor 4 years3:00

Später Spielen

Später Spielen

3:00

Every real-world web application has to communicate with backend API. Developers building web applications with Angular usually interact with the backend API using HttpClient. In this episode I am explaining the basic HttpClient features and HTTP methods. Links Angular HttpClient HTTP Methods Top 10 ways to use Interceptors in Angular…

A

Angular Rocks

Angular Rocks podcast artwork

1
Dependency Injection with Dmytro Mezhenskyi 26:53

vor 4 years26:53

Später Spielen

Später Spielen

26:53

Dependency Injection is a design pattern that creates objects and provides them to consumer classes that depend on those objects. Dependency Injection is widely used in Angular. In this episode you will find everything you need to know about Dependency Injection and how it works in Angular Links Dependency Injection Dependency Injection YouTube Series by Dmytro Mezhenskyi More from Dmytro Twitter YouTube Blog Aliaksei's mailing list kuncevic.dev…

A

Angular Rocks

Angular Rocks podcast artwork

1
Angular Lifecycle Hooks 3:08

vor 4 years3:08

Später Spielen

Später Spielen

3:08

Lifecycle hooks allow you to tap into the Angular lifecycle events to get more control. In this episode I am explaining the nature of lifecycle hooks in Angular and walking through the essential lifecycle hooks like ngOnInit and ngOnDestroy. Links Angular Lifecycle Hooks

A

Angular Rocks

Angular Rocks podcast artwork

1
Angular CLI with Alan Agius 25:02

vor 4 years25:02

Später Spielen

Später Spielen

25:02

Angular CLI is the most important piece of Angular ecosystem. In this episode you will find everything you need to know about Angular CLI: Brief history Top features Monorepos Tips and tricks The future Links Alan Agius on Twitter Setup Multi Project Workspace Angular Package Format (APF) Spec ng-packagr ng-packagr with David Herges on ngAir Optimizing Apps with Resource Inlining Bonus Angular CLI Cheat Sheet…

A

Angular Rocks

Angular Rocks podcast artwork

1
Angular Template Syntax 3:01

vor 4 years3:01

Später Spielen

Später Spielen

3:01

Angular template syntax powered by Angular built-in directives helps to do a lot of things within a component template. In this episode I am talking about the main features of an Angular template syntax. If you want to learn more, have a look in to Angular Cheat Sheet and the Demo App I created specifically for this episode Links Cheat Sheet…

A

Angular Rocks

Angular Rocks podcast artwork

1
Angular Building Blocks 7:03

vor 4 years7:03

Später Spielen

Später Spielen

7:03

There is a number of building blocks in Angular: Components Services Modules Pipes Directives In this episode I am walking through the essential Angular building blocks and concepts. Links Introduction to Angular Concepts

A

Angular Rocks

Angular Rocks podcast artwork

1
Things You Should Know About Angular 7:00

vor 4 years7:00

Später Spielen

Später Spielen

7:00

In this episode I am explaining what is Angular and answering the following questions: What does single-page client-side really means? Are there any differences between Angular and AngularJS? What are the benefits of using Angular? Why developers and companies choosing Angular? Links What Are The Benefits Of Using Angular Angular Docs Angular Roadmap Angular Versioning and Releases Angular Packages Angular Update Guide Keeping Angular Up-to-Date Angular on Gitter Angular Community on Discord Angular Meetups List Finding an Angular latest version in terminal or console: npm show @angular/core in web browser: github.com/angular/angular angular latest version…

A

Angular Rocks

Angular Rocks podcast artwork

1
Hello World 1:13

vor 4 years1:13

Später Spielen

Später Spielen

1:13

Angular Rocks: who it's for and what it's about. Hosted by kuncevic.dev

Willkommen auf Player FM!

Player FM scannt gerade das Web nach Podcasts mit hoher Qualität, die du genießen kannst. Es ist die beste Podcast-App und funktioniert auf Android, iPhone und im Web. Melde dich an, um Abos geräteübergreifend zu synchronisieren.

Höre 500+ Themen zu

Hören Sie sich diese Show an, während Sie die Gegend erkunden