Slides de ma présentation du 27/11/2014 au meetup Angular à l'école 42.
Je parle des nouveautés annoncées à ngEurope pour AngularJS 2.0 ainsi que de l'environnement javascript dans lequel le framework sera écrit (AtScript + ES6 + Traceur).
mon twitter : @Clement_D
Découvrez comment construire une application from scratch en utilisant Rails::API et AngularJS.
1. Nous construirons tout d'abord un BackOffice offrant une API REST grâce à Rails::API ;
2. Nous nous attaquerons ensuite au FrontOffice permettant de consommer notre API en utilisant le framework AngularJS ;
3. Nous verrons finalement comment gérer les problématiques de Cross-Origin Resource Sharing (CORS)
Dans cette présentation, je vais mettre l'accent sur les fondamentaux du fameux Framework Javascript AngularJs. Ainsi partager avec vous, certaines de mes expériences avec AngularJs .Enfin j'espère que ça vous plaît.
Radhouene Rouached
https://www.linkedin.com/in/radrouached
Plan :
* Introduction
* Architecture
* Démonstration
* Notions AngularJS
* Directives
* Services
* Routage
* Avantages & Limites
* Outils utiles
* Documentation
Slides de ma présentation du 27/11/2014 au meetup Angular à l'école 42.
Je parle des nouveautés annoncées à ngEurope pour AngularJS 2.0 ainsi que de l'environnement javascript dans lequel le framework sera écrit (AtScript + ES6 + Traceur).
mon twitter : @Clement_D
Découvrez comment construire une application from scratch en utilisant Rails::API et AngularJS.
1. Nous construirons tout d'abord un BackOffice offrant une API REST grâce à Rails::API ;
2. Nous nous attaquerons ensuite au FrontOffice permettant de consommer notre API en utilisant le framework AngularJS ;
3. Nous verrons finalement comment gérer les problématiques de Cross-Origin Resource Sharing (CORS)
Dans cette présentation, je vais mettre l'accent sur les fondamentaux du fameux Framework Javascript AngularJs. Ainsi partager avec vous, certaines de mes expériences avec AngularJs .Enfin j'espère que ça vous plaît.
Radhouene Rouached
https://www.linkedin.com/in/radrouached
Plan :
* Introduction
* Architecture
* Démonstration
* Notions AngularJS
* Directives
* Services
* Routage
* Avantages & Limites
* Outils utiles
* Documentation
AngularJS est un framework Javascript en plein essor, visant à structurer et simplifier le développement d'applications riches côté client.
Développé par Google sous licence open-source, il intègre nativement l'ensemble des fonctionnalités habituellement obtenues par assemblage de librairies spécialisées : routage, templates, bindings, appels REST... Sa robustesse et sa polyvalence en font aujourd'hui un élément incontournable de toutes les applications web orientées REST !
En effet, cette formation vous apportera la maîtrise des fonctionnalités clés du framework : filtres, contrôleurs, templates, REST... Vous verrez également son intégration dans la plateforme PowerTools (Accélérateur B2B Hybris).
Angular : Un aperçu du framework de développement d’applications WebDekeltv1
📢 Découvrez le PDF "Angular : Un aperçu du framework de développement d'applications Web" !
En tant que développeur web passionné, j'ai rédigé un document complet présentant le framework Angular, un outil puissant pour la création d'applications web côté client. Ce PDF couvre tous les aspects essentiels, de l'installation et de la configuration aux concepts clés tels que l'architecture MVC, les directives, les services, les modules, le binding de données, les pipes, l'utilisation du HTTP client et des formulaires, et bien plus encore.
Que vous soyez un développeur débutant cherchant à se familiariser avec Angular ou un professionnel expérimenté souhaitant approfondir ses connaissances, ce PDF vous guidera à travers les fondamentaux et les bonnes pratiques de développement avec Angular.
Rejoignez-moi dans cette exploration passionnante du framework Angular et découvrez comment il peut améliorer vos compétences en développement et vous aider à créer des applications web modernes et performantes.
Téléchargez le PDF dès maintenant et plongez dans l'univers d'Angular !
Les composants angular :
1- Qu’est-ce qu’un composant (Component) ?
2- Angular : Arbre de composants
3- Premier Composant
4- Création d’un composant
5- Option de la Cli Imbrication entre Composants
6- Insérer du contenu externe dans un composant
7- Data Binding
8- Interpolation
9- Property Binding
10- Event Binding
11- Two Way Data Binding
12- Interaction entre composants
Qualité & Industrialisation des développements mobiles sur iOS & AndroidThibaud CAVIN
Présentation d'une usine logicielle type pour iOS & Android permettant la compilation, la mise en place de tests automatisés unitaires et fonctionnels, le déploiement à distance sur les 2 plate-formes dominantes du marché mobile actuel
ce cours vous permettra, de découvrir les fondamentaux du framework angular, ainsi apprendre le framwork par pratique, avec des exemple sur chaque model
Quelques éléments de contexte - API, Microservices, Agilité, DevOps, Cloud
Organisation de projets Front - Back: impacts, dépendances et solutions
Les normes & bonnes pratiques issues de Retours d'Expériences
Un focus sur AngularsJS 2.0
Venez découvrir Vue.js, le challenger de React et Angular, au travers d’une présentation endiablée.
Elle sera suivie d’un Hands-on qui vous plongera au cœur de la technique à travers différents exercices. Débutant ou confirmé, ils vous permettront d’acquérir les bonnes pratiques et de peaufiner vos connaissances. Vous serez alors en mesure de créer une application web en quelques minutes.
La connaissance du JavaScript est indispensable.
Contenu connexe
Similaire à Meetup Angular Paris - Feature Modules
AngularJS est un framework Javascript en plein essor, visant à structurer et simplifier le développement d'applications riches côté client.
Développé par Google sous licence open-source, il intègre nativement l'ensemble des fonctionnalités habituellement obtenues par assemblage de librairies spécialisées : routage, templates, bindings, appels REST... Sa robustesse et sa polyvalence en font aujourd'hui un élément incontournable de toutes les applications web orientées REST !
En effet, cette formation vous apportera la maîtrise des fonctionnalités clés du framework : filtres, contrôleurs, templates, REST... Vous verrez également son intégration dans la plateforme PowerTools (Accélérateur B2B Hybris).
Angular : Un aperçu du framework de développement d’applications WebDekeltv1
📢 Découvrez le PDF "Angular : Un aperçu du framework de développement d'applications Web" !
En tant que développeur web passionné, j'ai rédigé un document complet présentant le framework Angular, un outil puissant pour la création d'applications web côté client. Ce PDF couvre tous les aspects essentiels, de l'installation et de la configuration aux concepts clés tels que l'architecture MVC, les directives, les services, les modules, le binding de données, les pipes, l'utilisation du HTTP client et des formulaires, et bien plus encore.
Que vous soyez un développeur débutant cherchant à se familiariser avec Angular ou un professionnel expérimenté souhaitant approfondir ses connaissances, ce PDF vous guidera à travers les fondamentaux et les bonnes pratiques de développement avec Angular.
Rejoignez-moi dans cette exploration passionnante du framework Angular et découvrez comment il peut améliorer vos compétences en développement et vous aider à créer des applications web modernes et performantes.
Téléchargez le PDF dès maintenant et plongez dans l'univers d'Angular !
Les composants angular :
1- Qu’est-ce qu’un composant (Component) ?
2- Angular : Arbre de composants
3- Premier Composant
4- Création d’un composant
5- Option de la Cli Imbrication entre Composants
6- Insérer du contenu externe dans un composant
7- Data Binding
8- Interpolation
9- Property Binding
10- Event Binding
11- Two Way Data Binding
12- Interaction entre composants
Qualité & Industrialisation des développements mobiles sur iOS & AndroidThibaud CAVIN
Présentation d'une usine logicielle type pour iOS & Android permettant la compilation, la mise en place de tests automatisés unitaires et fonctionnels, le déploiement à distance sur les 2 plate-formes dominantes du marché mobile actuel
ce cours vous permettra, de découvrir les fondamentaux du framework angular, ainsi apprendre le framwork par pratique, avec des exemple sur chaque model
Quelques éléments de contexte - API, Microservices, Agilité, DevOps, Cloud
Organisation de projets Front - Back: impacts, dépendances et solutions
Les normes & bonnes pratiques issues de Retours d'Expériences
Un focus sur AngularsJS 2.0
Venez découvrir Vue.js, le challenger de React et Angular, au travers d’une présentation endiablée.
Elle sera suivie d’un Hands-on qui vous plongera au cœur de la technique à travers différents exercices. Débutant ou confirmé, ils vous permettront d’acquérir les bonnes pratiques et de peaufiner vos connaissances. Vous serez alors en mesure de créer une application web en quelques minutes.
La connaissance du JavaScript est indispensable.
Similaire à Meetup Angular Paris - Feature Modules (20)
2. Mais qui sommes nous ?
William KLEIN
Développeur Web @InfiniteSquare
Auteur Angular
wklein@infinitesquare.com
wi_klein
willovent
Daniel DJORDJEVIC
Développeur Web @InfiniteSquare
Auteur Angular
ddjordjevic@infinitesquare.com
seloriss
Seloris
6. Et les Feature Modules ???
6
Améliore la lisibilité et la maintenabilité du code
En structurant naturellement l’application
Améliore les temps de chargement de l’application grâce au Lazy Loading
En déférant le chargement des modules
Regroupement des éléments d’un même scope fonctionnel
7. Les Feature Modules
7
Les features module doivent être agnostique de la platforme
Import de CommonModule et non BrowserModule
La propriété exports permet d’exposer les éléments du module
9. Qu’est-ce que le lazy loading?
9
L’application est divisée en un ensemble de feature modules
On ne charge que les modules nécessaires au lancement de l’application
Les modules sont ensuite chargés à la demande
Des paquets moins gros donc chargés plus rapidement
10. Exporter les routes du feature module
10
Chaque feature est responsable de ses routes
(définies dans un module de routing)
Ne pas appeler RouterModule.forRoot mais plutôt
RouterModule.forChild
Import du module de routing dans le feature module
Automatique avec @angular/cli
ng g m mafeature --routing
11. Déléguer le routing au feature module
11
Syntaxe :
chemin/vers/fichier#NomDuModule
Angular chargement le module
lorsqu’il sera necessaire.
13. Les services et le lazy loading
13
Les services ne sont pas scopés à un module,
Sauf si celui-ci est lazy loadé.
Plusieurs instances d’un même
service peuvent être créées alors
que ce n’est pas le comportement souhaité
AppModule
AuthModule FeatureModule
AuthService
import
Lazy load
AuthService 2
AuthService 1
14. Solution : ModuleWithProviders
14
Les services ne sont plus declarés dans le Module, mais dans un
ModuleWithProviders
Permet deux méthodes d’import
15. Import depuis un module racine
15
Import en utilisant la méthode forRoot()
Les services sont fournis par le Feature Module
16. Import depuis un Feature Module
16
Import en utilisant la méthode classique
Les services ne sont pas fournis, on utilise les courants