Become a ninja with Angular
Angular apps can be written in plain old JavaScript but it is much better using the ECMAScript 6 features, or even better: the type-safety and decorators of TypeScript. Several chapters are dedicated to these topics, to understand them and write beautiful code.
Angular is a modern JavaScript framework supercharged with awesome features: we'll explore the new templating syntax, architecture choices, dependency injection system, routing, tests, forms, signals, etc. We'll also study the integration with RxJS, a new tool that radically changes how we build our applications.
This ebook and these exercises are the result of countless hours spent on different projects. They contain all the best practices we encountered. We would have saved so much time if we had that book when we started! We go over kickstarting, tests, code organisation, tips for production, and more!
The whole framework is component oriented. Angular also works seamlessly with Web Components, but also with Angular components from a growing ecosystem. Who never needed a chart, a map, a timepicker or a data-grid?
As in our previous ebook, we spend some time talking about tests and testing strategies. And if you choose the Pro Pack, you'll have dozens of unit test examples for every part of your app. This will make sure your code is robust and trustworthy!
The Google team has done an incredible job performance-wise. We'll see how that works under the hood, what can we do to go further and produce blazingly fast apps.
All the chapters you'll get to read in our ebook.
If you want to see the whole changelog, you can read it here.
@if, @for and @switch with the control flow syntax
@let
NgIf, NgFor, NgSwitch)
NgStyle, NgClass)
input()
@Input decorator
output()
@Output decorator
computed
effect
inject()
ngx-speculoos
provideHttpClient)
provideRouter)
FormArray and FormRecord
ngx-valdemort
ControlValueAccessor
viewChild/viewChildren)
ng-content)
contentChild/contentChildren)
ng-template et ngTemplateOutlet
afterRender or afterNextRender
track in for loops
untracked
afterRenderEffect
model inputs
linkedSignal()
resource() and rxResource()
@defer
@placeholder, @loading, and @error
If you want to see the whole changelog, you can read it here.
Our ebook lets you learn all the features of the framework. But for Angular, we decided to go further to share our expertise, by selling a Pro Pack. The Pro Pack makes you create an application skeleton, craft your first modules, components, services, routes and forms. And above all it teaches you how to write tests, how to handle secured HTTP calls when your user is authenticated, how to design a reactive application leveraging RxJS and signals, how to integrate with CSS frameworks like Twitter Bootstrap, third party librairies like Moment.js, already available components (Google Maps), and how to design your own (like a chart for example). If you want to completely master the framework, and be able to throw yourself with confidence in any projects, the Pro Pack is for you.
The Pro Pack contains a set of exercises, allowing you to build the PonyRacer app from scratch, confronting yourself to all these common problems in modern JavaScript applications. For each step, you receive a set of instructions corresponding to one of the ebook chapter, and a set of unit tests to validate your code. A NodeJS module we wrote is here to help you analyze your code and compute your score. Your turn to solve the challenge with the help of our tips! When you're done, or if you're stuck, you can check the solution we made. Our platform allows you to follow your progress, and inform you when we update the exercises. You can then switch to this new version (for free), and start again where you stopped. It's a great way to see how the best practices evolve!
Here are all the lessons you can follow with the Pro Pack.
ng-content, contentChild, and viewChild.
contentChild, host listener and host binding.
A4 Pages
Paying readers
Pro Packs users
€ Given to EFF
If you don't trust our style, or our capacity to provide a genuine DRM-free ebook in all major formats, have a look at these free extracts.
You can also try the first 6 exercises of the Pro Pack for free.
| English | Free EPUB | Free PDF | Free HTML |
|---|---|---|---|
| French | Free EPUB | Free PDF | Free HTML |
Test the whole experience of the Pro Pack on the first 6 exercises, for free.
Setup, code, build, verify. Check your scope and progression, then jump to the next step!
Simply register on the the Pro Pack platform for a free test.
For this ebook, we needed a demo app. We could have built another TO DO list, or chat app, or Reddit clone, like there are already hundreds of. But we chose ponies. Because everybody loves a pony (a real-life unicorn). You'll learn to build an application to bet on ponies races, but above all, you'll learn about all the use-cases you may need in a real Angular application.
You'll learn to build components, directives, services, forms, to send data to a server, to manage authentication, to build routes, to react to events, and a lot more! Give a try to our amazing PonyRacer demo application. All the code samples of this ebook are based on this app. That's also the same app that you'll learn to code step by step, exercise after exercise, with our Pro Pack.
This book comes in two versions: one in English (for the world of developers to enjoy), one in French (for our fellow country-wo-men).
The Pro Pack (our online platform full of exercises) can be bought for a team of any size, with an appropriate discount.
The Electronic Frontier Foundation is the leading nonprofit organization defending civil liberties in the digital world. Founded in 1990, EFF champions user privacy, free expression, and innovation through impact litigation, policy analysis, grassroots activism, and technology development. Today, EFF uses the unique expertise of leading technologists, activists, and attorneys to defend free speech online, fight illegal surveillance, advocate for users and innovators, and support freedom-enhancing technologies.
Ninja Squad has chosen to support this organization during this campaign. When buying our ebook, not only will you decide how much you want to pay, but also how much you want to give to EFF, if you want to. Our company is committed to make regular donations matching your choice.
Because you always have exotic questions in your mind: we're here to bring you peace with nice answers.
19.0.5.
I'm a web developer, a member of the Angular team, and one of the co-founders of Ninja Squad. The rest of the company is also heavily involved in this ebook, writing some parts, testing things and giving feedback.
Ninja Squad is a small shop of four developers, helping other teams to build their great products, with their frontend and backend. We value code quality above all, and we're all experienced developers, trying to share what we know with others. Books like this one are a great way to do this, and we are also writing a blog, answering on StackOverflow, teaching and training other developers, and organizing conferences, the dearest to our heart being MiXiT.