[MUSIC]
Bienvenue à ce cours sur Front-End JavaScript Frameworks : Angular.
C'est le deuxième cours de spécialisation sur le web full stack et les applications mobiles multi-plateformes
.
Ce cours traite des frameworks JavaScript, Angular en particulier.
Vous devez vous demander, est-ce Angular deux, ou est-ce Angular ?
Nous allons clarifier cela dans la toute première leçon sur l'introduction à Angular
dans ce cours.
Je suis content que vous ayez décidé de participer à ce cours.
Et j'espère que vous aurez du plaisir à suivre ce cours.
Avant de vous lancer dans ce cours,
Je veux m'assurer que vous avez suffisamment de connaissances en HTML et CSS.
Et aussi une bonne connaissance de travail de JavaScript, en particulier ES 5 JavaScript.
Maintenant, ce cours nous allons utiliser Typescript comme langue pour
écrire nos applications Angular.
Maintenant, si vous vous demandez devrais-je connaître Typescript et
devrais-je connaître ES 2015+, la nouvelle version de JavaScript ?
Eh bien, votre kilométrage peut varier.
Mon approche pour apprendre ces nouvelles langues est de les utiliser et
puis d'apprendre en cours de route.
C'est donc ce que nous ferons dans ce cours.
Je ne vais pas vous présenter explicitement à Typescript spécifiquement dans ce cours.
Mais au lieu de cela en écrivant le code, je vais illustrer diverses fonctionnalités
de Typescript dans le contexte d'Angular que vous développez
l'application Angular, dans les exercices dans le cadre de ce cours.
Un autre point que je voudrais fortement clarifier à ce stade
est que je considère le développement web et le design en deux parties.
La première partie est le Web Design lui-même, l'User Experience ou
User Inferface Design, le Visual Design, le Prototypage, les couleurs,
graphiques et animation.
Et tous ces aspects de la façon dont un site Web ou
même une application mobile doivent être conçus.
Maintenant, il y a l'autre aspect qui est la construction et le déploiement
des applications web et des applications mobiles.
Maintenant, dans ce cours, nous allons nous concentrer davantage sur la construction et le déploiement
d'applications web.
Si vous êtes à la recherche de l'aspect design de la conception et du développement web,
alors ce n'est pas la bonne voie pour vous.
Quand je parle de ce déploiement, de la construction et du développement
d'applications web, nous parlons de compétences d'apprentissage
qui sont essentielles pour traduire un design en code de travail.
Donc ici, dans cette spécialisation, nous avons déjà appris sur Bootstrap 4.
Dans ce cours, nous allons en apprendre davantage sur Angular.
Ensuite, nous en apprendrons plus sur Ionic et NativeScript.
Et puis aussi le développement côté serveur en utilisant l'écosystème Node et Node.
C'est donc la concentration de ce cours particulier.
Donc, nous parlons de codage réel, plutôt que de conception de site Web.
L'autre question qui se posera dans votre esprit est ce qui est exactement le développement web de la pile
?
Si vous avez déjà suivi le cours précédent,
Je vous ai présenté le développement web de pile complète.
Si vous ne l'avez pas fait, la toute première leçon de ce cours
serait une introduction rapide au développement web de pile complète.
Et nous allons placer ce cours dans le contexte du développement web de pile complète.
C'est pourquoi, dans le premier cours, nous avons couvert Bootstrap 4,
dans ce cours, nous allons nous concentrer sur Angular.
Ensuite, dans le cours suivant, nous allons regarder Ionic et Cordova pour
faire multiplié pour le développement mobile.
Ensuite, nous allons regarder NativeScript dans le quatrième cours.
Et enfin, nous allons examiner le développement côté serveur,
y compris en faisant la couche logique métier en utilisant l'écosystème Node.
Et la couche de stockage de données utilisant MongoDB dans cette spécialisation.
Ce cours spécifique, comme vous vous attendez, se concentre sur Angular.
Vous serez présenté aux différents aspects du framework angulaire à travers
un ensemble d'exercices qui se construisent les uns sur les autres.
C'est donc une séquence d'exercices où je vais introduire divers concepts angulaires.
Et puis vous montrer immédiatement comment nous appliquons ces concepts dans le contexte
d'une application Angular que nous allons développer tout au long de ce cours.
Maintenant, quand nous avons conçu les vues d'Angular,
, nous allons utiliser le matériau Angular, pour faire l'interface utilisateur de nos composants Angular.
Et nous allons faire des mises en page en utilisant le Flex-Layout angulaire dans ce cours.
L'alternative serait d'utiliser Bootstrap 4 que nous avons appris plus tôt.
Mais je me suis dit que ce cours vous donnera également l'occasion d'apprendre encore un autre framework d'interface utilisateur frontale.
C'est un matériau angulaire et angulaire Flex-Layout pour
faisant exactement les mêmes choses que nous avons faites avec Bootstrap 4.
Ainsi, vous apprenez deux façons différentes d'aborder la conception de l'interface utilisateur
en utilisant Bootstrap 4 ou en utilisant Angular Material plus Angular Flex-Layout.
Nous allons également vous présenter les bases de TypeScript
à travers les exercices alors que nous doublons notre application Angular.
Le cours lui-même sera organisé en quatre modules.
Les quatre modules sont conçus pour correspondre à quatre semaines de ce cours.
Mais bien sûr, permettez-moi de vous souligner
que vous n'avez pas besoin d'être pressé par les délais que nous avons dans ce cours.
Vous pouvez prendre votre temps pour suivre le cours.
Il est plus important de comprendre chaque aspect d'Angular.
Si vous avez besoin de temps supplémentaire, n'hésitez pas à passer à la prochaine session de ce cours.
Et puis continuez.
Tous les travaux que vous avez terminés en une session seront automatiquement reportés
à la prochaine session du cours.
Alors ne laissez pas les délais vous presser de terminer ce cours.
Maintenant, ayant donné cette idée générale,
regardons ce que chacun des quatre modules couvrira dans ce cours.
Le tout premier module vous présentera Full Stack Web Development,
l'idée générale et la vue d'ensemble.
Juste après, nous allons regarder un bref aperçu de Git et Node.
Si vous avez fait le cours précédent Bootstrap 4,
alors vous auriez déjà couvert ces deux cours dans le cours précédent.
Alors vous pouvez rapidement passer à
la première leçon qui vous présente Angular, l'introduction à Angular.
Après l'introduction au framework Angular, puis la configuration de notre application Angular
en utilisant le matériau Angular et Angular Flex-Layout.
Ensuite, nous allons continuer à étudier plus sur les composants angulaires.
Quel est le rôle des composants Angular dans la conception d'une application Angular et
dans la conception des différentes vues qui seront prises en charge dans votre application Angular.
Cela devrait vous mener jusqu'à la toute première affectation de ce cours.
Le deuxième module se concentre sur les services angulaires, le routage
et les applications d'une seule page.
Nous examinons comment le feedback Angular prend en charge l'accès aux données et
comment nous pouvons utiliser les services pour accéder aux données.
De plus, comment utiliser les données pour concevoir
nos vues pour nos différents composants Angular.
C'est donc là que l'aspect de liaison de données entre dans l'image.
Ensuite, nous allons regarder le routage angulaire et
comment nous pouvons implémenter des applications d'une seule page dans Angular.
Je vais vous expliquer ce qu'est une application d'une seule page et
alors nous allons regarder comment nous pouvons en concevoir une en utilisant le framework Angular.
Et cela vous mènera jusqu'à la deuxième affectation de ce cours.
Le troisième module se concentre sur les formes angulaires.
Ensuite, nous allons regarder Angular Reactive Forms et
aussi comment la programmation Angular et Reactive fonctionnent ensemble.
Et comment Angular tire parti de la programmation réactive pour
implémentant diverses formes de support au sein de l'application Angular.
Donc, nous allons regarder les formulaires pilotés par modèle, puis nous allons regarder les formes réactives angulaires,
puis nous allons regarder comment Angular prend en charge les promesses.
Et puis jetez également un bref coup d'oeil à la programmation réactive dans RxJS dans le contexte
de la façon dont Angular exploite RxJS pour prendre en charge diverses fonctionnalités dans le cadre.
Cela vous mènera jusqu'à la troisième mission de ce cours.
Le dernier module examine la communication client-serveur.
Comment votre application Angular peut communiquer avec un serveur
qui fournit des données qui peuvent être récupérées du côté serveur et
puis utilisées pour rendre les vues dans votre application Angular.
En conséquence, nous allons également examiner comment toutes les modifications que vous souhaitez apporter aux données peuvent être reflétées sur le serveur,
à partir de votre application Angular.
Nous allons regarder Angular et le module HTTP dans Angular.
Nous allons regarder comment l'API REST est exploitée pour
concevoir votre application Angular,
nous allons également regarder Animations et Directives dans Angular.
En particulier, les directives d'attribut dans Angular.
Nous allons examiner les directives de structure dans le tout premier module.
Nous allons examiner brièvement les tests des applications Angular, puis enfin
regarder comment nous allons construire et déployer notre application Angular sur un serveur.
Et cela devrait vous mener jusqu'à la dernière affectation de ce cours.
En cours de route, nous avons également une piste d'honneurs intégrée dans ce parcours.
Si vous voulez travailler sur votre propre projet en utilisant Angular,
alors la piste honors vous offre la possibilité de travailler
sur votre propre projet dans ce cours particulier.
Alors jetez un oeil à la piste des honneurs, et si cela vous intéresse, vous pouvez aussi poursuivre
en développant votre propre projet Angular dans le contexte de ce cours.
J'espère que vous apprécierez de suivre ce cours et d'apprendre Angular.
Le dernier mot avec lequel je vais vous laisser est d'être patient.
Angular nécessite beaucoup de patience pour apprendre.
Il y aura beaucoup de concepts et de technologies
que vous rencontrerez au cours de ce cours.
S'il vous plaît ne vous dépêchez pas juste pour terminer le cours.
Prenez votre temps pour comprendre chaque étape avant de terminer ce cours.
J'espère que vous apprécierez ce cours.
[MUSIQUE]