Getting Started - Angular In Darija

In this interactive series we're going to explain and demystify Angular Core Concepts through practical live-coding and deep dive into understanding theory.

We will pick and answer attendees' questions on the fly.

Everything in Darija

Presented by;
- Chihab Otmani https://twitter.com/chihabotmani
- Ilyas Elfouih https://twitter.com/elfouih

Signals - Angular In Darija

Back again with a new Angular in Darija live session in this one we will be talking about Signals in Angular.

* Why do we need Signals?
* Change Detection without Signals
* Reactivity with Signals
* Zonless Angular
* Signals API
* Why not RxJS?
* Interop with RxJS
* Coming features

Angular Animations - Angular In Darija

Back again with a new Angular in Darija live session in this one we will be talking about Angular Animations.

* Animations with CSS
* Transitions in CSS
* How animations work in Angular
* Triggers and States
* query() and stager()
* Controling with Keyframes
* CSS animations vs Angular animations

Reactive forms - Angular in Darija

Salam 👏

Back again with a new Angular in Darija live session, in this one we will be talking about:
- Reactive forms API
- FormControll, formGroup And formArray.
- Simplify building forms with formBuilder.
- Validation and Custom Validators.
- Strict typing in Angular v14.

We will pick and answer your questions on the fly.

Hosted by Chihab Otmani and Ilyass Elfouih

Everything in Darija 🇲🇦

Special thanks to our sponsor thinkster.io

Standalone Components - Angular In Darija

We are back with a new episode about the long-awaited "Standalone components" feature available in v14!

- Why do/did we need NgModules again?
- What are Standalone Components?
- How to provide services?
- How to use with third party libraries?
- Single File Components
- What are the best strategies to migrate?
- Angular In Darija app migration to SC
- Are Standalone APIs ready for production?
- What is the Future?

We will pick and answer attendees' questions on the fly.

Presented by
- Chihab Otmani https://twitter.com/chihabotmani
- Ilyas Elfouih https://twitter.com/elfouih

Stay tuned
- Community App: https://angularindarija.dev
- Meetup: https://www.meetup.com/ngmorocco/
- Discord Server: https://bit.ly/ngDiscord
- Youtube Playlist: https://bit.ly/ngDarija

Community App #3 - Angular In Darija

In this session we're going to explain the application architecture and design.

- New Design
- Server Side Rendering
- Algolia Search
- Progressive WebApp
- Coming features
- Call for contributions

We will pick and answer your questions on the fly.

Community App #2 - Angular in Darija

Salam 👏

In this interactive series we're going to explain and demystify Angular Core Concepts through practical live-coding and deep dive into understanding theory.

In this session, we will continue on building and reviewing contributions from community on our official Angular In Darija application.

Join the official ngMorocco Community on Discord! 👉 https://bit.ly/ngDiscord

Your contributions are welcome here https://github.com/ngMorocco/ngx-darija.

We will pick and answer attendees' questions on the fly.

Everything in Darija 🇲🇦

Special thanks to our sponsor thinkster.io

Ask Me Anything - Angular in Darija

In this interactive series we're going to explain and demystify Angular Core Concepts through practical live-coding and deep dive into understanding theory.

In this session, we will do an AMA (ask me anything) in angular, a session where you can ask anything about angular in Darija and we will try to answer you.

At the end of our session, we will do a contest on Kahoot and the winner will have a 1-year subscription on thinkster.io pro plan.

Pannel members:
- Elfouih ilyass
- Chihab otmani
- Abderrahim Soubai Elidrissi

Special thanks to our sponsor thinkster.io

Everything in Darija 🇲🇦

Routing and Modules - Angular in Darija

In this session we'll talk about Routing and Modules
- Introduction to Modules
- Feature modules with @NgModule
- Base href and RouterModule
- Module routes and outlet
- Wildcard routes
- Understanding routerLink
- Route params
- Changing route from code
- Lazy loading modules

We will pick and answer attendees' questions on the fly.

Everything in Darija 🇲🇦

Presented by;
- Chihab Otmani https://twitter.com/chihabotmani
- Ilyas Elfouih https://twitter.com/elfouih

StackBlitz: https://stackblitz.com/edit/angular-in-darija

Reactive Programming with RxJS - Angular in Darija

# Topics
- Understanding Streams
- Observable pattern explained
- Handling Subscriptions and Errors
- Using common Operators
- Building Custom Operators
- Practical Example from ngx-darija future search story
- Unicast vs Multicast
- State Management

# Panel
- Chihab Otmani https://twitter.com/chihabotmani
- Ilyas Elfouih https://twitter.com/elfouih
- Abdellah Iraamane https://twitter.com/abiraamane

# Resources
Build your Own RxJS by Chihab
- Observables: https://dev.to/chihab/build-your-own-rxjs-3edd
- Observables: https://dev.to/chihab/build-your-own-rxjs-operators-part-2-l89

RxJS operators
- https://rxjs.dev/guide/operators

Community App #1 - Angular in Darija

In this interactive series we're going to explain and demystify Angular Core Concepts through practical live-coding and deep dive into understanding theory.

In this session, we will continue on building a real-world community application.

Your contributions are welcome here https://github.com/ngMorocco/ngx-darija.

We will pick and answer attendees' questions on the fly.

Everything in Darija 🇲🇦

Join the official ngMorocco Community on Discord! 👉 https://bit.ly/ngDiscord

Special thanks to our sponsor thinkster.io

Let's build a Community App - Angular In Darija

In this interactive series we're going to explain and demystify Angular Core Concepts through practical live-coding and deep dive into understanding theory.

Join the official ngMorocco Community on Discord! 👉 https://bit.ly/ngDiscord

In this session, we will start doing some serious practice by implementing a real-world application.

We will pick and answer attendees' questions on the fly.

Everything in Darija 🇲🇦

Angular CLI - Angular In Darija

In this interactive series we're going to explain and demystify Angular Core Concepts through practical live-coding and deep dive into understanding theory.

In this session, we will be talking about Angular CLI.
- Angular CLI setup
- Using npx to install CLI
- Understand how Node CLIs work
- Understand angular.json
- Generating an application
- Building the application
- Serving the application
- Introduction to schematics
- ng adding some schematic

We will pick and answer attendees' questions on the fly.

Everything in Darija 🇲🇦

The event will be Live streamed on Youtube.

Special thanks to our sponsor thinkster.io

Template-driven Forms - Angular in Darija

In this interactive series we're going to explain and demystify Angular Core Concepts through practical live-coding and deep dive into understanding theory.

In this session we'll talk about Template-driven Forms
- Introduction to Forms in Angular
- ngModel directive
- Custom directives
- ngModel behind the scenes
- ngForm FormGroup and FormControl
- Form validation and error states
- Styling validation and errors states

We will pick and answer attendees' questions on the fly.

Everything in Darija 🇲🇦

Presented by;
- Chihab Otmani https://twitter.com/chihabotmani
- Ilyas Elfouih https://twitter.com/elfouih

StackBlitz:
https://stackblitz.com/edit/angular-in-darija

Http and Observables - Angular in Darija

In this interactive series we're going to explain and demystify Angular Core Concepts through practical live-coding and deep dive into understanding theory.

In this session we'll talk about RxJS and HttpClient:
- Data Fetching with Promises
- Introducing Observable pattern
- Reactive Extensions for JavaScript
- Data Fetching with HttpClient
- Mocking the REST API
- Data and Business services
- Introducing and using basic RxJS operators

We will pick and answer attendees' questions on the fly.

Everything in Darija 🇲🇦

Presented by;
- Chihab Otmani https://twitter.com/chihabotmani
- Ilyas Elfouih https://twitter.com/elfouih

Component Architecture - Angular In Darija

In this interactive series we're going to explain and demystify Angular Core Concepts through practical live-coding and deep dive into understanding theory.

In this session we'll talk about Component Architecture:
- Data Flow and One-way Data Flow
- Smart and Dumb Components
- Containers and Presentational Components
- @Input and @Output
- Basic Application state management
- Application Planning
- Practical Example

We will pick and answer attendees' questions on the fly.

Everything in Darija 🇲🇦

Presented by;
- Chihab Otmani https://twitter.com/chihabotmani
- Ilyas Elfouih https://twitter.com/elfouih

Dependency Injection - Angular In Darija

In this interactive series we're going to explain and demystify Angular Core Concepts through practical live-coding and deep dive into understanding theory.

In this session we'll talk about Dependency Injection:
- Understanding DI
- @Injectable
- Providers and useClass
- Basic Authentication Service
- useFactory and useValue
- InjectionToken

We will pick and answer attendees' questions on the fly.

Everything in Darija 🇲🇦

Presented by;
- Chihab Otmani https://twitter.com/chihabotmani
- Ilyas Elfouih https://twitter.com/elfouih

Directives and Pipes - Angular In Darija

In this interactive series we're going to explain and demystify Angular Core Concepts through practical live-coding and deep dive into understanding theory.

In this session we'll talk about Directives and Pipes:
- Attribute Directives
- Structural Directives
- Pipes

We didn't have time to make these topics, we'll see them another time inchaAllah
- Pure pipes
- Custom Pipes
- Custom Directives

We will pick and answer attendees' questions on the fly.

Everything in Darija 🇲🇦

Presented by;
- Chihab Otmani https://twitter.com/chihabotmani
- Ilyas Elfouih https://twitter.com/elfouih

Component Fundamentals - Angular In Darija

In this interactive series we're going to explain and demystify Angular Core Concepts through practical live-coding and deep dive into understanding theory.

In this session we'll talk about Component and Templates:
- Interpolation and expressions
- Property binding
- Event binding
- Two-way binding
- Template #ref variables

We will pick and answer attendees' questions on the fly.

Everything in Darija 🇲🇦

Presented by;
- Chihab Otmani https://twitter.com/chihabotmani
- Ilyas Elfouih https://twitter.com/elfouih

Getting Started - Angular In Darija

In this interactive series we're going to explain and demystify Angular Core Concepts through practical live-coding and deep dive into understanding theory.

We will pick and answer attendees' questions on the fly.

Everything in Darija

Presented by;
- Chihab Otmani https://twitter.com/chihabotmani
- Ilyas Elfouih https://twitter.com/elfouih

© 2021 ngMorocco | Angular in darija