An AngularJS (communément appelée angulaire) est framework de développement front-end exceptionnellement puissant pour créer des applications sophistiquées de JavaScript. Qu’angulaire d’apprentissage sera immens enrichissante, je suis sûr que beaucoup prospectives initiés à angulaire ont dû leurs désirs de maîtrise angulaire étouffée dans le œuf en raison de la documentation angulaire terriblement intimidante et compliquée abs after 40.

C’est une honte, parce que le moment angulaire a beaucoup à offrir :

  • Modularité qui permet à une équipe de développeurs de travailler simultanément sur des parties spécifiques d’an app
  • Testabilité et facilité de maintenance de votre application de diverses parties
  • Une communauté de développeurs et organisations qui aiment angulaire grande et prospère
  • Séparation claire de l’interface utilisateur de l’application de sa logique, tout en gardant leur synchronisation
  • Bidirectionnel – liaison de données – c’est la magie pure (ou sorcellerie ?) – qui met à jour l’interface utilisateur chaque fois qu’un changement de modèle (et vice versa)
  • Modules d’out-of-the-box (ainsi que le tiers-parti-développé) utiles tels que les filtres et les Services qui prennent la complexité des choses comme le traitement de données, création de modèles de l’ISU, traitant les requêtes HTTP, la désinfection et validation des entrées d’utilisateur, d’animation et (beaucoup) plus

Et c’est seulement la partie visible de l’iceberg !

Si vous décidez d’apprendre angulaire, vous serez doté les compétences requises pour développer des applications multi-plateformes et vos superpouvoirs retrouvées seront avérera utile et profitable pour les années à venir.

Ce qui suit est un guide (je l’appelle une feuille de route) conçu pour vous aider à apprendre efficacement angulaire. Mon but avec cette feuille de route était de tracer un programme soigneusement ouvré de ressources en ligne gratuites qui doucement vous initie au monde du moment cinétique.abs after 40 J’ai voulu créer un guide d’auto-apprentissage qui va vous motiver pour poursuivre à des niveaux plus élevés d’expertise angulaire.

À l’issue de ce guide d’apprentissage, vous pouvez vous attendre à avoir une compréhension au niveau compétent de moment cinétique et la capacité de l’utiliser pour créer des applications JavaScript.

Je ne vais pas aux mots minces, apprentissage Qu’angulaire sera dur labeur. S’attendre à rencontrer de nombreux barrages routiers au cours de cet entreprise lcol. Mais je vous encourage à rester avec elle, vos efforts et bataille durement gagné cicatrices seront vaut la peine parce que le moment angulaire sera ingrain tant de valeur dans votre travail et votre répertoire de développement des compétences.

Tu es prêt ? Let’s get started !

Tout d’abord, vous devez savoir JavaScript

Utilisation efficace du moment angulaire exige que vous comprenez les principes fondamentaux de JavaScript.

De plus, la valeur que vous dériver de moment angulaire sera proportionnelle à adept comment tu es au JavaScript.

Je ne recommande pas d’apprentissage angulaire au moins une compréhension de base du JavaScript. La tâche sera, pour ne pas dire plus, 100 x plus difficile si vous ne savez pas JavaScript.

Autres frameworks de développement web sont un peu plus indulgent envers les personnes qui n’ont pas une solide connaissance de JavaScript. Par exemple, jQuery recèle certains des concepts de JavaScript plus complexes de ses utilisateurs. Maintenant, ce n’est pas une mauvaise chose, c’est vraiment formidable pour beaucoup de développeurs et de certains types de projets de développement.

(Pour davantage de souligner mon argument précédent, jQuery a été construit en utilisant le modèle de logiciel de design façade, défini par le célèbre développeur JavaScript et l’ingénieur de Google Osmani Addy dans son livre comme un modèle de conception qui « fournit une interface pratique de niveau supérieur pour un corps plus grand du code, cachant sa véritable complexité sous-jacente. »)

Angulaire, en revanche, exposer les fonctionnalités puissamment puissantes et élégantes – mais souvent dur-à-comprendre/mal utilisé – de JavaScript. Angular n’hésite pas aux complexités de JavaScript. Il Abrazos eux et qui les pousse à leurs limites.

Si vous avez besoin apprendre ou rafraîchir sur JavaScript, commencez tout d’abord avec ces éléments :

  • Une feuille de route à apprendre JavaScript gratuite
  • 10 livres JavaScript gratuit
  • Tutoriels JavaScript interactif

Voici la lueur d’espoir. Réfléchissant sur mon propre voyage dans l’univers de moment angulaire, je peux dire avec confiance qu’il m’a aidé à devenir un meilleur programme JavaScript. À l’aide de moment angulaire m’a encouragé à approfondir ma compréhension des concepts avancés de JavaScript, les techniques et modèles de conception.

Sans plus tarder, ce qui suit est ma feuille de route vers angulaire d’apprentissage.

Une feuille de route à l’apprentissage angulaire

Voici un processus en cinq étapes d’apprentissage angulaire en utilisant free, ressources en ligne.

J’ai utilisé ces ressources pour appréhender un niveau professionnel angulaire. J’avoue que j’ai encore un long chemin à parcourir, mais ces ressources m’ont aidé à se lancer sur la bonne voie.

Si vous le souhaitez, vous pouvez commencer avec les ressources qui vous intéresse personnellement. Cependant, gardez à l’esprit que j’ai structuré intentionnellement ce guide dans le but de vous aider à faire doucement votre chemin avec angulaire. Utiliser la ressource de mauvaise au mauvais moment, et vous pourriez avoir dissuadé de continuer à explorer des angulaire.

Étape 1 : Mise en forme avec Angular.js

Shaping up with Angular.js

Objectif : Faire une douce, mains – introduction au monde du moment cinétique.

Chaque fois que j’essaie d’apprendre quelque chose, mon objectif initial est d’obtenir un oiseau – vue d’ensemble de la chose, que je suis en train d’apprendre et pour obtenir des mains – nous avec elle aussi vite que possible. Je veux éviter autant le programme d’installation et de configuration que je peux. Il y a deux raisons à cet objectif. Le premier est donc je peux décider tout de suite la batte si c’est quelque chose que je vois comme étant une compétence potentiellement intéressante d’acquérir, sans mettre dans beaucoup trop de temps dedans la deuxième raison est de se lever et courir vite souvent rend la tâche plus engageante, amusant et motivant.

Mise en forme avec Angular.js – une école de Code vidéo race libre sponsorisée par Google, le développeur et mainteneur de l’angulaire – correspond à la facture.

Ce cours en ligne est efficace et bien structuré intro à angulaire. Dans cette course, vous aurez la construction d’une simple application angulaire. Il codez défis intercalées dans la course pour vous aider à revoir les concepts fondamentaux en cours de discussion. Lorsque vous développez l’application, vous apprendrez certaines des fonctionnalités puissantes de moment angulaire, tels que les Directives, two – way-la liaison de données, service et ainsi de suite.

Étape 2 : Bases angulaires par ScriptyBooks

Angular Basics by ScriptyBooks

Objectif : Se renseigner sur les principaux concepts et fonctionnalités angulaire.

Les tutoriels officiels de AngularJS et de la documentation (dont nous parlerons plus tard) est très détaillée et approfondie. Pour moi, le problème avec les docs officielles est qu’il est incroyablement sèche et intimidant. Il est spécialement équipée pour les personnes comme moi qui n’ont pas une formation universitaire formelle en informatique.

Je comprends de l’équipe ont besoin d’être détaillée et approfondie angulaire dans la documentation de leur projet. En étant globale et techniques avec leurs docs, ils éluder les questions de l’ambiguïté et permettent à ses utilisateurs de trouver toutes les informations que dont ils ont besoin.

Mais pour la plupart des gens, mon avis est qu’angulaire d’apprentissage doit commencer par le contenu de tierces parties. Il existe d’autres ressources d’apprentissage là-bas sans compter que les docs de AngularJS qui sont plus abordables pour les nouveaux arrivants.

Le livre gratuit en ligne angulaire Basics est une telle ressource d’apprentissage.

Chris Smith, l’auteur du livre, décrit parfaitement ma première expérience en train d’apprendre angulaire via les docs de AngularJS :

« [A] près à creuser dans l’API [angulaire] et sa documentation, j’ai trouvé mon progrès bloqués par vocabulaire familier d’année qui comprenait des termes comme transclusion, le champ d’application de la directive et isoler ». Comme j’ai lu la documentation officielle et le tutoriel, la perspective d’une maîtrise facile a semblé battre en retraite dans un brouillard. » Angulaires Basics – Introduction Chapitre

Rudiments angulaire, vous apprendrez les concepts essentiels angulaires : contrôleurs, directives, Services, portée, injection de dépendance et ainsi de suite. Cet ouvrage est interactif : vous lisez le livre, vous êtes invité à jouer avec les exemples de code – qui en fait une amusante et attachante lecture.

Cet ouvrage en ligne ne vous tromperez au-dessus de chaque fonction unique angulaire. L’auteur capitule à la place de son livre le principe de Pareto : « Donner vous accédez à une grande partie de la puissance du moment angulaire, tout en accabler vous avec seulement [une] petite partie de sa complexité. »

Les trois prochaines étapes abordera l’exhaustivité et angulaires conseillées.

Étape 3 : AngularJS PhoneCat tutoriel App

AngularJS PhoneCat Tutorial App

Objectif : Apprendre à créer des applications la façon angulaire.

Après les deux ressources de moment angulaire-apprentissage ci-dessus, vous serez bien sur votre façon d’apps angulaires en développement.

Rien ne vaut la documentation officielle angulaire en termes d’exhaustivité. À mon avis, vous simplement ne peuvent pas apprendre angulaire correctement sans perdre de temps dans les docs officiels.

Dans l’application du didacticiel PhoneCat, vous allez créer un répertoire d’application smartphone. Vous apprendrez intermédiaire-niveau avancé angulaires concepts tels que les tests unitaires, tests de E2E et comment organiser vos fichiers d’application et d’annuaire, aux modèles, méthodes conseillées pour la modularisation de code de votre application et plus encore.

Prenez votre temps avec ce tutoriel. Résistez à l’envie de sauter chaque fois que vous atteignez un barrage routier. (J’ai rencontré bon nombre d’entre eux quand je suis passé par ce tutoriel.) En persévérant dans les parties dures de ce tutoriel, vous allez assurer vous-même véritable compréhension angulaire.

L’écrivain/s de l’application tutorial PhoneCat dit que vous « peut passer par le tutoriel en entier en quelques heures ou vous pouvez passer une journée agréable vraiment creuser dedans ». Pour moi, il a fallu une semaine à la fin, mettre en deux heures de concentré d’apprentissage chaque jour.

Étape 4 : AngularJS Developer Guide

AngularJS Developer Guide

Objectif : Pour acquérir une compréhension profonde du moment angulaire du fondamental concepts, fonctions et la terminologie.

À ce stade, vous devriez maintenant être bien équipé avec des connaissances angulaire. Il est maintenant temps de creuser plus profondément dans les détails. Le Guide du développeur officiel AngularJS est votre prochaine étape.

Le Guide du développeur AngularJS plongerai dans les choses sérieuses de fonctionnalités du moment cinétique. Beaucoup de nouveaux arrivants AngularJS a probablement commencé avec ce guide (ou le tutoriel de PhoneCat) et il pourrait avoir dissuadé eux de continuer à apprendre à cause de comportement intimidant le guide angulaire. Fin après les étapes précédentes, vous devriez maintenant être plus confiant, s’attaquer à ce guide.

Dans ce guide, vous allez apprendre (ou être pointé vers) tous les trucs que vous devrez connaître angulaire. Le guide couvre les choses comme fournisseurs, décorateurs, interpolation, sécurité, accessibilité, angulaire, en cours d’exécution dans la production, etc..

Mon Conseil avec ce guide perroquets celle que je vous ai donné pour le tutoriel de PhoneCat : prendre lent et facile. Résistez à l’envie de sauter des sections.

Étape 5 : Guide de Style angulaire de Papa John’s

Angular Style Guide by John Papa

Objectif : Pour apprendre angulaires meilleures pratiques telles que la façon d’écrire, d’organiser et de structurer votre code afin qu’il soit maintenable et testable.

Nous pouvons apprendre beaucoup de lecture codant des guides de style, même si nous ne finissent pas leur utilisation dans nos projets. Un guide de style est année opiniâtre documentation des pratiques exemplaires et les lignes directrices pour la production de code lisible et de haute qualité.

Il existe plusieurs guides de style angulaire excellent là-bas, mais celui-ci est à souligner car il est approuvé par l’équipe angulaire.

Ce guide de style angulaire a été examiné par Igor Minar, le chef d’équipe du moment angulaire et ingénieur logiciel chez Google.

Le Guide de Style angulaire épouse année vaste gamme de pratiques exemplaires angulaire (et JavaScript) tels que :

  • Responsabilité unique de vos composants
  • L’utilisation de IIFEs pour modulariser l’étendue de votre JavaScript
  • Comment écrire vos directives, contrôleurs, modules, services, etc. de manière lisible, maintenable et testable
  • Suggéré des conventions de nommage
  • Comment faire votre code
  • Paramètres pour JS Astuce (un populaire code qualité orthographique) de travailler efficacement avec angulaire

Après avoir lu ce guide de style, je suggère de choisir un des quatre cours d’action suivants :

  1. Appliquer ce guide de style en tant que – est dans vos projets angulaires.
  2. Tordre (c.-à-d. il fourche et puis le modifier) afin qu’il soit aligné avec votre style personnel et philosophies.
  3. Rechercher guide de style alternatif de l’année, comme le styleguide 1.x angulaire par développeur respecté et Google Developer expert, Todd Motto.
  4. Créez votre propre guide de style angulaire.

En tout état de cause, avant de travailler là major angulaire app, il est important d’avoir un ensemble de meilleures pratiques qui aident à guider le chemin vers l’achèvement du projet et de promouvoir l’écriture de code de haute qualité. Dans le cas contraire, vos apps angulaires obtiendrez rapidement salissante et difficile à maintenir.

Si vous avez réussi à passer par la feuille de route, les félicitations sont dans l’ordre parce que vous êtes maintenant bien équipé avec les connaissances que vous avez besoin pour créer des applications angulaires !

Dans les sections suivantes, je vais parler de certains généraux des stratégies d’apprentissage, la prochaine génération de AngularJS (2 angulaire) et plus angulaire excellente ressources éducatives.

Stratégies d’apprentissage efficaces

  • Prends ton temps. Certaines des ressources ci-dessus vous dira estimation année de combien de temps il vous faudra de l’achever. Ne pas subir des pressions de ces estimations. Prendre autant de temps que vous le souhaitez, car nous avons tous des manières différentes d’apprendre. D’après mon expérience, il presque toujours m’a fallu deux fois plus longtemps pour les terminer par rapport à l’époque suggéré d’achèvement.
  • Ensemble réservons du temps pour l’apprentissage sans distraction. Afin de maîtriser quelque chose exige la pratique délibérée. La pratique délibérée est une méthode d’apprentissage conceptualisée par psychologue k Anders Ericsson au cours de ses recherches sur les artistes interprètes ou exécutants élites. Les résultats d’Ericsson nous étudie la pratique délibérée suggèrent que les performances maximales lors d’une session d’apprentissage ou de formation ne peut se maintenir pendant 1 heure. Tenir compte de qui a annulé plusieurs séances d’une heure d’intense, axé sur l’apprentissage par jour, avec des périodes de repos suffisantes entre les séances d’une heure.

Qu’en est-il angulaire 2 ?

Au moment de l’écriture, 2 angulaire est encore en version bêta (version étape des candidats). Selon est angulaire 2 Ready ? -un projet que garde trace des jalons de GitHub angulaire 2 – angulaire 2 Final n’est que de 38 % complète.

Ce guide est pour apprendre les AngularJS 1. Je connais beaucoup de gens lisant que cela voudra savoir si ils devraient attendre pour apprendre angulaire jusqu’à 2 angulaire est finalisé.

Tout d’abord, je tiens à rendre clair que vous pouvez utiliser angulaire 2 aujourd’hui, selon votre philosophie l’adoption de la technologie. Si vous vous sentez confortable en s’appuyant sur le logiciel c’est (dans un assez mature) phase de bêta de son cycle de vie, angulaire 2 a beaucoup de nouvelles fonctionnalités qui le rend impérieux d’utiliser aujourd’hui.

Nous sommes au point maladroit de l’année dans le temps où les 2 angulaire se développe assez rapidement. Mon opinion est que AngularJS 1 d’apprentissage vous permettra d’utiliser en toute confiance une version angulaire stable et mature dans vos projets existants aujourd’hui maintenant et il rendra plus facile pour vous de le déplacer vers angulaire 2 lorsque vous êtes prêt.

Au-delà : plus anguleux, ressources pédagogiques

Voici d’autres excellentes ressources angulaires. Ils vont prouver utile tout au long de votre voyage vers l’illumination angulaire.

  • Leçons de 1.x angulaire par egghead.io
    Apprenez-en plus sur angulaires thématiques telles que l’utilisation de Gulp avec angulaire et modélisation avec angulaire dans ce jeu de haute qualité de cours vidéo de données.
  • Thinkster AngularJS tutoriels et cours
    Apprendre IARD angulaire comme la façon de l’intégrer dans vos projets de Rails en vérifiant la gamme de Thinkster de cours et tutoriels en ligne excellents angulaires.
  • Fait avec angulaire
    Voir des exemples concrets d’apps angulaires créés par les grandes entreprises et organisations telles que Amazon, PayPal et Apple.
  • AngularJS QAnywhere
    Trouver des informations détaillées et définitives sur caractéristiques angulaires par l’intermédiaire de la documentation de l’API officielle.
  • DevDocs Angular.js documentation
    Il s’agit d’an alternative tiers utilisateur interface pour docs API du moment cinétique.
  • NG-newsletter
    S’abonner à cette newsletter pour être averti des must-read angulaire nice.
  • AngularJS-apprentissage
    Trouver une quantité massive de tutoriels angulaires, livres, vidéos, articles et autres ressources dans ce repo GitHub créé et maintient par Jeff Cunningham.

Quelles autres ressources d’apprentissage et conseils pouvez-vous offrir des gens qui veulent apprendre angulaire ? S’il vous plaît laissez était comment ci-dessous !

Contenu relie

  • Les grands changements à observer dans AngularJS 1.3
  • Grognement vs Gulp : qui devrait vous utiliser ?
  • Guide du débutant de charmille

Jacob Gube est le fondateur de Six révisions. Il est un développeur front-end. Se connecter avec lui sur Twitter et Facebook.

Le post Comment-apprendre angulaire est apparu tout d’abord sur Six révisions.

Leave a Reply

Your email address will not be published. Required fields are marked *