1 00:00:00,000 --> 00:00:08,100 2 00:00:08,100 --> 00:00:08,890 >> ROGER ZURAWICKI: Bonjour à tous. 3 00:00:08,890 --> 00:00:11,310 Puis-je attirer votre attention? 4 00:00:11,310 --> 00:00:12,090 Merci, les gars. 5 00:00:12,090 --> 00:00:14,030 Aujourd'hui, je veux parler de Meteor. 6 00:00:14,030 --> 00:00:16,710 Il s'agit d'un framework JavaScript. 7 00:00:16,710 --> 00:00:21,110 Nous irons à la façon dont vous pouvez faire des applications web vraiment cool. 8 00:00:21,110 --> 00:00:24,940 >> Avant d'entrer dans le JavaScript, je viens veux vous dire que ce gars volonté 9 00:00:24,940 --> 00:00:26,900 être - vous aurez un plus tard piece ce semestre. 10 00:00:26,900 --> 00:00:28,520 Il devrait être d'environ JavaScript. 11 00:00:28,520 --> 00:00:32,910 Je pense que [inaudible] est d'abord aller à couvrir le web HTML PHP choses avant nous 12 00:00:32,910 --> 00:00:34,530 passer à JavaScript. 13 00:00:34,530 --> 00:00:39,650 Et dans CS50, JavaScript est considéré comme un code client. 14 00:00:39,650 --> 00:00:41,970 Alors que cela se fasse automatiquement dans le navigateur web. 15 00:00:41,970 --> 00:00:45,740 >> Mais grâce aux progrès récents dans la technologie, nous avons réussi à exécuter 16 00:00:45,740 --> 00:00:48,090 JavaScript en tant que serveur. 17 00:00:48,090 --> 00:00:51,630 Donc, cela a créé un vraiment cool cadre parce que maintenant vous pouvez écrire 18 00:00:51,630 --> 00:00:55,250 légitimement le même code pour le client et le serveur. 19 00:00:55,250 --> 00:00:57,810 Et lorsque vous définissez les fonctions de votre serveur, votre client peut appeler les 20 00:00:57,810 --> 00:00:59,090 mêmes fonctions. 21 00:00:59,090 --> 00:01:00,370 Et il est beaucoup plus facile. 22 00:01:00,370 --> 00:01:04,519 Alors qu'avant, si vous utilisez PHP sur le serveur, JavaScript sur le front 23 00:01:04,519 --> 00:01:08,040 fin, vous devez écrire une fonction PHP puis une version JavaScript de la 24 00:01:08,040 --> 00:01:10,880 même fonction pour faire la même genre de travail. 25 00:01:10,880 --> 00:01:14,330 >> Donc, avant de commencer, je veux vous montrer une démo de ce que 26 00:01:14,330 --> 00:01:17,190 Meteor peut faire pour vous. 27 00:01:17,190 --> 00:01:20,330 Je vais vous montrer la démo, ce qui est vous serez en mesure de créer de la 28 00:01:20,330 --> 00:01:21,580 fin de ce séminaire. 29 00:01:21,580 --> 00:01:24,260 30 00:01:24,260 --> 00:01:25,670 Nous allons juste ici. 31 00:01:25,670 --> 00:01:27,410 Il s'agit d'une application de classement. 32 00:01:27,410 --> 00:01:31,970 Il est en fait basé sur l'exemple que Meteor vous donne. 33 00:01:31,970 --> 00:01:37,220 >> Meteor est très agréable parce que quand vous l'installer comme un paquet, vous pouvez 34 00:01:37,220 --> 00:01:39,140 jouer essentiellement autour avec ces quatre démos. 35 00:01:39,140 --> 00:01:41,410 Et le classement est le premier de ces démos. 36 00:01:41,410 --> 00:01:44,620 Après le séminaire, je vous encourage tous juste explorer les autres démos 37 00:01:44,620 --> 00:01:48,300 parce que je pense qu'ils sont vraiment cool, et ils vous montrent la puissance de Meteor. 38 00:01:48,300 --> 00:01:51,310 >> Donc, ce que c'est, ce n'est hébergé sur le classement. 39 00:01:51,310 --> 00:01:54,950 C'est juste franchement une liste de noms. 40 00:01:54,950 --> 00:01:56,510 Et vous pouvez choisir des personnes. 41 00:01:56,510 --> 00:01:57,780 Ils jaunissent. 42 00:01:57,780 --> 00:02:00,060 Et puis vous pouvez donner les cinq points. 43 00:02:00,060 --> 00:02:02,850 Et vous remarquerez que la liste est trié parce que je me donne plus 44 00:02:02,850 --> 00:02:05,850 et plus de points, je suis maintenant au sommet. 45 00:02:05,850 --> 00:02:07,420 C'est donc là que nous commençons. 46 00:02:07,420 --> 00:02:11,690 >> Et ce que vous serez en mesure d'emporter de ce séminaire est un peu plus 47 00:02:11,690 --> 00:02:13,600 caractéristiques J'ai ajouté à le classement. 48 00:02:13,600 --> 00:02:18,240 Nous aborderons comment, ainsi que ajouter cinq points à un joueur, nous pouvons 49 00:02:18,240 --> 00:02:28,720 supprimer joueurs, nous pouvons ajouter de nouveaux joueurs, et nous pouvons choisir comment nous voulons 50 00:02:28,720 --> 00:02:29,540 de les trier. 51 00:02:29,540 --> 00:02:35,240 Et ce sont tous les appels de l'API très facile que Meteor offre pour vous. 52 00:02:35,240 --> 00:02:39,120 Vous avez également une option ici à tirer au hasard les scores. 53 00:02:39,120 --> 00:02:41,450 >> Donc ce qui est vraiment cool sur ce est vous les gars peuvent réellement 54 00:02:41,450 --> 00:02:43,820 Tous au site. 55 00:02:43,820 --> 00:02:46,575 Je vais le mettre en texte plus grand ici. 56 00:02:46,575 --> 00:02:51,390 57 00:02:51,390 --> 00:02:52,640 Un radical-plomb erboard.meteor.com. 58 00:02:52,640 --> 00:03:03,390 59 00:03:03,390 --> 00:03:07,622 Et quand vous les gars allez sur le site, vous devrait être en mesure de modifier le site, et 60 00:03:07,622 --> 00:03:09,595 toutes vos modifications seront visibles à tout le monde. 61 00:03:09,595 --> 00:03:12,730 62 00:03:12,730 --> 00:03:17,740 Ainsi, vous pouvez - vous les gars sont tous en mesure de se connecter au site? 63 00:03:17,740 --> 00:03:18,750 Donc jouer avec elle. 64 00:03:18,750 --> 00:03:20,440 Allez commencer à supprimer certains noms. 65 00:03:20,440 --> 00:03:21,690 Voir ce qui se passe. 66 00:03:21,690 --> 00:03:35,370 67 00:03:35,370 --> 00:03:38,510 >> Donc, vous voyez tout le monde peut jouer. 68 00:03:38,510 --> 00:03:41,930 C'est juste la sécurité par défaut Mode pour Meteor. 69 00:03:41,930 --> 00:03:44,360 Vous voyez que tout le monde peut modifier les données de l'autre. 70 00:03:44,360 --> 00:03:44,920 Ne vous inquiétez pas. 71 00:03:44,920 --> 00:03:46,460 Meteor fait avoir la sécurité. 72 00:03:46,460 --> 00:03:49,860 Il s'agit d'une mise en oeuvre très facilement fonction, où vous pouvez configurer les utilisateurs 73 00:03:49,860 --> 00:03:50,600 et les connexions. 74 00:03:50,600 --> 00:03:53,750 Mais en ce moment, tout le monde qui visite le site peut se donner autant de 75 00:03:53,750 --> 00:03:55,000 des points comme ils veulent. 76 00:03:55,000 --> 00:03:57,140 77 00:03:57,140 --> 00:04:00,090 J'ai donc toujours comme ça parce que ce est une façon amusante de commencer. 78 00:04:00,090 --> 00:04:02,360 Et puis nous allons parler sur les détails, comment 79 00:04:02,360 --> 00:04:03,610 Meteor rend cela possible. 80 00:04:03,610 --> 00:04:10,820 81 00:04:10,820 --> 00:04:15,660 >> Donc, je vais couvrir ce Meteor est, et puis nous allons juste besoin de couvrir le 82 00:04:15,660 --> 00:04:18,920 deux conditions préalables qui CS50 a pas assez couverte. 83 00:04:18,920 --> 00:04:21,970 Mais à la fin du terme, vous devriez être à l'aise avec HTML et 84 00:04:21,970 --> 00:04:25,250 JavaScript pour vraiment vos mains travail sale avec Meteor. 85 00:04:25,250 --> 00:04:28,740 Et je pense que c'est juste un excellent moyen pour même moins à l'aise les élèves à faire 86 00:04:28,740 --> 00:04:32,930 projets définitifs, car ils peuvent vraiment rester dans une seule langue, et ils arrivent à 87 00:04:32,930 --> 00:04:37,620 voir les changements de leur travailler tout de suite. 88 00:04:37,620 --> 00:04:42,520 >> Donc cette diapositive montre quelques-unes des principales technologies que Meteor JS 89 00:04:42,520 --> 00:04:43,610 donne à vous. 90 00:04:43,610 --> 00:04:46,090 Meteor n'est pas une nouvelle technologie lui-même. 91 00:04:46,090 --> 00:04:48,390 C'est vraiment un conglomérat de toutes ces différentes choses 92 00:04:48,390 --> 00:04:49,920 nous avons sur l'internet. 93 00:04:49,920 --> 00:04:55,650 Ainsi que HTML, CSS, JavaScript, nous avoir certaines technologies comme Node.js, 94 00:04:55,650 --> 00:04:58,490 qui est ce que vous permet d'exécuter JavaScript sur l'arrière de votre 95 00:04:58,490 --> 00:05:02,520 serveur, ainsi un peu de JavaScript bibliothèques, comme jQuery, soulignement. 96 00:05:02,520 --> 00:05:06,320 >> Tous ces éléments vont être familier vous à la fin du semestre. 97 00:05:06,320 --> 00:05:10,680 Et nous recevons aussi d'utiliser une base de données appelée MongoDB, qui est une très 98 00:05:10,680 --> 00:05:14,250 base de données populaire maintenant ces nouvelles entreprises. 99 00:05:14,250 --> 00:05:18,650 Vous pouvez penser que c'est comme MySQL, mais il fonctionne très bien avec JavaScript. 100 00:05:18,650 --> 00:05:22,140 Et il ya d'autres technologies ici et beaucoup plus, je n'ai pas répertorié 101 00:05:22,140 --> 00:05:23,880 que toute l'interface vraiment bien avec Meteor. 102 00:05:23,880 --> 00:05:26,900 103 00:05:26,900 --> 00:05:30,540 >> Je dois mettre cette diapositive parce je suis parfois confusion à ce sujet. 104 00:05:30,540 --> 00:05:31,695 Meteor n'est JavaScript. 105 00:05:31,695 --> 00:05:33,040 Il n'est pas PHP. 106 00:05:33,040 --> 00:05:34,360 Il n'est pas Ruby on Rails. 107 00:05:34,360 --> 00:05:37,950 Donc, si vous écrivez du code, si vous voulez écrire un projet Meteor, vous avez vraiment 108 00:05:37,950 --> 00:05:38,900 ne peut pas utiliser le code Ruby. 109 00:05:38,900 --> 00:05:41,660 Vous n'avez vraiment pas d'utiliser PHP. 110 00:05:41,660 --> 00:05:45,800 >> Alors que nous allons voir que les différences de code et la syntaxe peuvent ne pas être que 111 00:05:45,800 --> 00:05:48,930 différent, je tiens à souligner que vous Meteor, tout ce que vous code est 112 00:05:48,930 --> 00:05:50,660 seulement en JavaScript. 113 00:05:50,660 --> 00:05:53,920 Et tout ce que vous montrez à l'utilisateur sera en CSS HTML. 114 00:05:53,920 --> 00:05:56,780 Mais vous n'êtes pas en utilisant l'une des les autres langues que l'autre 115 00:05:56,780 --> 00:05:59,250 séminaires pourraient couvrir. 116 00:05:59,250 --> 00:06:01,020 Qu'est-ce Meteor est également un serveur Web. 117 00:06:01,020 --> 00:06:03,930 Donc, même si vous n'avez pas JavaScript, et vous voulez juste pour servir 118 00:06:03,930 --> 00:06:07,020 fichiers CSS et HTML, Meteor peut le faire pour vous. 119 00:06:07,020 --> 00:06:10,520 120 00:06:10,520 --> 00:06:13,770 >> Et voici le lien de nouveau à la démonstration que je suis vous les gars 121 00:06:13,770 --> 00:06:15,380 commencé à jouer avec. 122 00:06:15,380 --> 00:06:18,230 Mais passons à HTML. 123 00:06:18,230 --> 00:06:22,060 Combien de personnes ici ont aucune idée de ce qu'est le HTML? 124 00:06:22,060 --> 00:06:22,670 OK grande. 125 00:06:22,670 --> 00:06:25,800 Et c'est tout à fait bien. 126 00:06:25,800 --> 00:06:29,410 Vous n'avez vraiment pas besoin d'en savoir beaucoup sur parce que nous allons passer en revue la 127 00:06:29,410 --> 00:06:31,220 utilisation très simple. 128 00:06:31,220 --> 00:06:34,570 >> C'est ce simple page HTML ressemble. 129 00:06:34,570 --> 00:06:38,840 Cela peut être comme votre bonjour, monde HTML, alors que nous avons commencé en C avec 130 00:06:38,840 --> 00:06:40,760 bonjour, monde. 131 00:06:40,760 --> 00:06:44,360 Je ne veux pas que vous insistez sur la détails de ce que HTML, ce tête, ce qui 132 00:06:44,360 --> 00:06:46,120 corps, ce titre fait là. 133 00:06:46,120 --> 00:06:49,130 Je veux juste souligner la structure, comment vous avez des balises. 134 00:06:49,130 --> 00:06:50,860 Et c'est les équerres. 135 00:06:50,860 --> 00:06:52,380 Et c'est là que vous avez vos descripteurs. 136 00:06:52,380 --> 00:06:54,790 >> Ainsi, vous pourriez avoir le document HTML. 137 00:06:54,790 --> 00:06:59,300 Et puis vous fermez le document HTML avec barre oblique inverse même chose. 138 00:06:59,300 --> 00:07:01,200 Et vous avez différents types de balises. 139 00:07:01,200 --> 00:07:02,730 Et remarquez qu'ils sont tous adaptés. 140 00:07:02,730 --> 00:07:05,300 Vous aurez comme une étiquette de corps puis une étiquette de corps à proximité. 141 00:07:05,300 --> 00:07:08,620 Et à l'intérieur de la balise body, ce sera le contenu de votre page Web. 142 00:07:08,620 --> 00:07:12,770 Donc, cette page web serait tout simplement afficher dans un fond blanc et le texte noir 143 00:07:12,770 --> 00:07:14,242 bonjour, monde. 144 00:07:14,242 --> 00:07:17,610 Est-ce que c'est logique? 145 00:07:17,610 --> 00:07:19,500 OK. 146 00:07:19,500 --> 00:07:22,640 >> Maintenant, je vais vite couvrir JavaScript. 147 00:07:22,640 --> 00:07:26,990 Dans les mots d'un TF précédente, "JavaScript est la meilleure programmation 148 00:07:26,990 --> 00:07:28,550 langue actuellement en existence. 149 00:07:28,550 --> 00:07:30,520 D'autres personnes vont essayer de vous dire le contraire. 150 00:07:30,520 --> 00:07:33,840 Ils ont tort ". JavaScript est assez agréable, et je vais vous montrer pourquoi. 151 00:07:33,840 --> 00:07:36,620 152 00:07:36,620 --> 00:07:42,380 >> Donc, c'est l'exemple classique nous commençons avec en C. Nous avons bonjour, monde. 153 00:07:42,380 --> 00:07:45,500 Et vous remarquerez que même si vous réduisez , vous devez avoir au moins deux 154 00:07:45,500 --> 00:07:46,560 lignes de code ici. 155 00:07:46,560 --> 00:07:48,990 J'ai plusieurs lignes de code. 156 00:07:48,990 --> 00:07:50,160 Cela peut se faire très simplement. 157 00:07:50,160 --> 00:07:53,950 Une ligne en JavaScript avec console.log, et alors votre chaîne, 158 00:07:53,950 --> 00:07:55,340 bonjour, monde. 159 00:07:55,340 --> 00:07:59,570 >> Maintenant, même si nous nous dirigeons vers une nouvelle langage JavaScript, la quasi-totalité de l' 160 00:07:59,570 --> 00:08:02,950 compétences que vous avez appris en codant en C sont directement portable. 161 00:08:02,950 --> 00:08:07,130 Donc, cordes, l'idée de chaînes dans guillemets, c'est la même chose. 162 00:08:07,130 --> 00:08:08,890 Le point-virgule, qui est la même. 163 00:08:08,890 --> 00:08:11,190 >> Une caractéristique intéressante à propos de JavaScript est en fait que vous 164 00:08:11,190 --> 00:08:12,360 n'ont pas besoin de point-virgule. 165 00:08:12,360 --> 00:08:14,950 Il peut deviner que vous devriez mettre un point-virgule là. 166 00:08:14,950 --> 00:08:18,035 Mais cela dit, vous devriez toujours essayer de mettre vos points-virgules là. 167 00:08:18,035 --> 00:08:21,160 Il est considéré comme un bon style. 168 00:08:21,160 --> 00:08:22,650 Et aussi, il n'y a pas de fonction principale. 169 00:08:22,650 --> 00:08:25,580 Vous venez de commencer au début du fichier et lire en ligne les choses par ligne. 170 00:08:25,580 --> 00:08:28,820 171 00:08:28,820 --> 00:08:32,760 >> Alors c'est ce qu'il faut faire que bonjour, programme mondial. 172 00:08:32,760 --> 00:08:36,059 Et puis notez que vous devez faire bonjour et puis exécutez bonjour. 173 00:08:36,059 --> 00:08:38,530 Avec JavaScript, il est considéré comme un langage interprété. 174 00:08:38,530 --> 00:08:40,780 Ce que vous devez savoir est que il n'y a pas de décision. 175 00:08:40,780 --> 00:08:41,950 >> Il n'y a pas de compilation. 176 00:08:41,950 --> 00:08:43,440 Vous venez de lancer noeud. 177 00:08:43,440 --> 00:08:47,220 Et n'oubliez nœud est le programme qui exécutera votre JavaScript sur une console, 178 00:08:47,220 --> 00:08:49,030 sur une boîte noire, pas le site. 179 00:08:49,030 --> 00:08:52,480 Donc, vous donnez simplement le fichier, et c'est va imprimer bonjour, monde. 180 00:08:52,480 --> 00:08:56,750 >> Je fais en fait une petite démo de que pour vous les gars ici. 181 00:08:56,750 --> 00:08:59,380 Allons donc à mon Node.js borne. 182 00:08:59,380 --> 00:09:04,470 183 00:09:04,470 --> 00:09:05,322 OK. 184 00:09:05,322 --> 00:09:06,150 Passons ici. 185 00:09:06,150 --> 00:09:07,930 Donc, je vais commencer à noeud. 186 00:09:07,930 --> 00:09:10,230 Et je vais vous montrer les gars à juste une seconde comment obtenir cette 187 00:09:10,230 --> 00:09:12,000 installé, si vous ne le faites pas. 188 00:09:12,000 --> 00:09:14,800 Permettez-moi de dire un peu plus. 189 00:09:14,800 --> 00:09:17,800 190 00:09:17,800 --> 00:09:17,870 OK. 191 00:09:17,870 --> 00:09:20,120 J'espère que vous pouvez voir. 192 00:09:20,120 --> 00:09:27,390 >> Je peux donc écrire du code comme je l'ai fait avant dans console.log. 193 00:09:27,390 --> 00:09:28,915 Salut, Roger. 194 00:09:28,915 --> 00:09:31,710 195 00:09:31,710 --> 00:09:35,330 Et remarquez que je n'ai pas à faire la virgule, mais je reçois ce bizarre 196 00:09:35,330 --> 00:09:36,850 chose indéfinie. 197 00:09:36,850 --> 00:09:40,310 Eh bien en fait, jamais l'esprit à propos la chose définie. 198 00:09:40,310 --> 00:09:43,590 Choses que je veux vous faire remarquer, c'est que vous n'ont pas besoin de la fonction principale ici 199 00:09:43,590 --> 00:09:45,050 pour commencer l'exécution de code. 200 00:09:45,050 --> 00:09:46,790 Et il n'y a pas de fin de barre oblique inverse. 201 00:09:46,790 --> 00:09:50,683 Il ya quelques petites fonctionnalités qui JavaScript peut faire pour vous. 202 00:09:50,683 --> 00:09:53,510 >> PUBLIC: [inaudible]. 203 00:09:53,510 --> 00:09:54,000 >> ROGER ZURAWICKI: Oh oui. 204 00:09:54,000 --> 00:09:57,460 Je suis désolé. 205 00:09:57,460 --> 00:10:02,200 Et cette flèche signifie simplement nœud est prêt pour une autre commande. 206 00:10:02,200 --> 00:10:05,380 Ainsi, vous pouvez avoir faire simple, mathématiques, comme 1 plus 1. 207 00:10:05,380 --> 00:10:10,360 Et tout comme en C, les mathématiques symboles sont les mêmes. 208 00:10:10,360 --> 00:10:13,750 Je peux faire console.log d'un nombre. 209 00:10:13,750 --> 00:10:15,090 Et puis il imprime deux. 210 00:10:15,090 --> 00:10:19,000 JavaScript est agréable dans ce sens, car même si deux est un int, 211 00:10:19,000 --> 00:10:22,020 comme en C, si vous n'avez printf avec deux, vous obtiendrez une erreur. 212 00:10:22,020 --> 00:10:24,140 >> Mais le JavaScript sait, oh, vous êtes imprimer quelque chose. 213 00:10:24,140 --> 00:10:25,070 Je vais avoir besoin d'une chaîne. 214 00:10:25,070 --> 00:10:28,410 Permettez-moi de convertir que deux dans une chaîne pour vous. 215 00:10:28,410 --> 00:10:34,970 Et vous pouvez aussi faire des trucs bizarres comme salut, puis plus deux. 216 00:10:34,970 --> 00:10:39,520 C'est juste un autre exemple comment deux peut être converti en là aussi. 217 00:10:39,520 --> 00:10:45,135 >> Donc, avec ce que sur la route, nous allons couvrir un peu plus le JavaScript. 218 00:10:45,135 --> 00:10:48,660 219 00:10:48,660 --> 00:10:50,540 Donc, en C, nous avons types. 220 00:10:50,540 --> 00:10:53,925 Chaque fois que nous avons créé une nouvelle variable, nous je dois dire que c'est c'est char * ou 221 00:10:53,925 --> 00:10:55,850 chaîne dans le cas CS50. 222 00:10:55,850 --> 00:10:58,350 Ou si nous avons eu un nombre décimal, nous avions à dire flotteur. 223 00:10:58,350 --> 00:11:00,690 Si nous avions besoin d'un booléen, nous avions à dire b. 224 00:11:00,690 --> 00:11:04,220 Et puis une fois que nous avions quelque chose que a b, il devait rester un bool. 225 00:11:04,220 --> 00:11:07,360 Nous ne pouvions pas changer comme par magie à un int, sauf que nous avons écrit dans le 226 00:11:07,360 --> 00:11:09,450 parenthèses, int de b. 227 00:11:09,450 --> 00:11:11,820 >> En JavaScript, il n'y a pas de types. 228 00:11:11,820 --> 00:11:13,350 Vous venez de penser que c'est var. 229 00:11:13,350 --> 00:11:15,270 Et var est la façon dont vous créez un nouveau type. 230 00:11:15,270 --> 00:11:19,210 Donc, il peut avoir var s étant une chaîne, var n étant un flotteur, 231 00:11:19,210 --> 00:11:21,230 et var b étant vrai. 232 00:11:21,230 --> 00:11:24,980 Et une chose que vous ne pouvez pas faire dans C est Je peux maintenant dire, après cette ligne, b 233 00:11:24,980 --> 00:11:26,230 est égale à un nombre entier. 234 00:11:26,230 --> 00:11:27,400 Et cela fonctionne très bien. 235 00:11:27,400 --> 00:11:30,840 Considérant que, dans C, il serait comme dire votre entière n'est pas un bool. 236 00:11:30,840 --> 00:11:32,770 Je ne peux pas le faire pour vous. 237 00:11:32,770 --> 00:11:34,050 Ou [inaudible] jetterait une erreur. 238 00:11:34,050 --> 00:11:37,970 239 00:11:37,970 --> 00:11:43,420 >> Et je peux revenir rapidement dans le noeud et montrer une partie de cette fonctionnalité. 240 00:11:43,420 --> 00:11:44,960 Donc, je peux avoir un var a. 241 00:11:44,960 --> 00:11:52,120 Appelez-le «Apple». Alors maintenant, quand j'imprime un, Je reçois mon string, Apple. Mais je ne peux 242 00:11:52,120 --> 00:11:54,900 alors dire un égal 3. 243 00:11:54,900 --> 00:11:56,610 Et remarquez qu'il n'y a pas d'erreur. 244 00:11:56,610 --> 00:12:00,630 Et est maintenant égal à 3. 245 00:12:00,630 --> 00:12:01,880 Vous avez des questions à ce jour? 246 00:12:01,880 --> 00:12:07,030 247 00:12:07,030 --> 00:12:07,570 Oui. 248 00:12:07,570 --> 00:12:10,780 >> PUBLIC: Attendez, si CONSOLE.LOG est essentiellement printf, non? 249 00:12:10,780 --> 00:12:12,180 >> ROGER ZURAWICKI: Console.log est votre printf. 250 00:12:12,180 --> 00:12:12,652 >> PUBLIC: Droit. 251 00:12:12,652 --> 00:12:17,844 Alors comment se fait si vous tapez simplement dans huit ou [inaudible], qu'est-ce que 252 00:12:17,844 --> 00:12:18,790 [Inaudible]? 253 00:12:18,790 --> 00:12:19,160 >> ROGER ZURAWICKI: Droit. 254 00:12:19,160 --> 00:12:21,690 Il est donc - 255 00:12:21,690 --> 00:12:24,240 les trucs en vert est imprimé à la console. 256 00:12:24,240 --> 00:12:27,050 Et ce que nous allons le voir est quand nous nous déplaçons sur le Web 257 00:12:27,050 --> 00:12:29,300 Cette page, nous ne serons pas en train de faire - 258 00:12:29,300 --> 00:12:32,650 JavaScript sera d'avoir un HTML modèle, que je vais couvrir dans le 259 00:12:32,650 --> 00:12:34,730 Meteor partie du séminaire. 260 00:12:34,730 --> 00:12:38,730 Et c'est là que vous pouvez dire, donnez-moi la valeur de a, et il sera mis dans un 261 00:12:38,730 --> 00:12:39,920 votre site. 262 00:12:39,920 --> 00:12:42,520 Parce que chaque navigateur fait a une petite console. 263 00:12:42,520 --> 00:12:46,380 Et si vous regardiez très attentivement, vous serait obtenir des informations, comme votre 264 00:12:46,380 --> 00:12:51,210 printf ya apparaissant là avec chaque page Web que vous chargez. 265 00:12:51,210 --> 00:12:53,580 >> PUBLIC: Comment avez-vous à l'écran de la coquille? 266 00:12:53,580 --> 00:12:57,680 >> ROGER ZURAWICKI: Donc, il ya une commande appelé nœud, et il est livré avec Meteor. 267 00:12:57,680 --> 00:13:01,230 Donc, je vais arrêter de sortir de là. 268 00:13:01,230 --> 00:13:03,580 Nœud est le programme qui exécute JavaScript. 269 00:13:03,580 --> 00:13:07,070 Si vous allez à meteor.com, vous peut installer Meteor, et 270 00:13:07,070 --> 00:13:08,480 Meteor est livré avec noeud. 271 00:13:08,480 --> 00:13:11,470 Parce que Meteor est juste une collection de tous ces logiciels. 272 00:13:11,470 --> 00:13:15,280 Quand nous arrivons à notre exemple, je vais marcher tout le monde à travers l'installation 273 00:13:15,280 --> 00:13:17,625 Meteor, et alors vous pouvez jouer avec vous-même noeud. 274 00:13:17,625 --> 00:13:22,154 275 00:13:22,154 --> 00:13:23,980 Bon, d'accord. 276 00:13:23,980 --> 00:13:29,640 >> Donc, une autre grande caractéristique de travail avec JavaScript n'est boucles sont identiques. 277 00:13:29,640 --> 00:13:31,430 À peu près exactement la même. 278 00:13:31,430 --> 00:13:35,530 Pour les boucles, les boucles while, do tout en boucles, si d'autre. 279 00:13:35,530 --> 00:13:36,880 C'est tout de même avec les accolades. 280 00:13:36,880 --> 00:13:38,540 C'est la même syntaxe. 281 00:13:38,540 --> 00:13:41,350 Dans le cas d'une boucle for, la petite détail que vous devez faire attention 282 00:13:41,350 --> 00:13:45,340 TO est la place de int i est égal à 0, nous avons à dire var i est égal à 0. 283 00:13:45,340 --> 00:13:49,580 Mais c'est parce que des variables types dont nous avons parlé auparavant. 284 00:13:49,580 --> 00:13:53,360 >> Notez que le printf devient un journal, un console.log. 285 00:13:53,360 --> 00:13:57,370 Et nous n'avons pas besoin de faire de pour cent p oblique n et ensuite passer à i. 286 00:13:57,370 --> 00:13:58,380 Vous pouvez juste dire que j'ai. 287 00:13:58,380 --> 00:14:01,910 Et il imprimer les numéros de zéro à quatre. 288 00:14:01,910 --> 00:14:04,830 Si vous voulez les gars d'essayer, parce que vous avez soulevé un bon point. 289 00:14:04,830 --> 00:14:08,730 Si vous voulez exécuter ce code sur votre propre navigateur, je vous recommande de 290 00:14:08,730 --> 00:14:11,040 tout le monde ouvre Google Chrome. 291 00:14:11,040 --> 00:14:14,220 Google Chrome ou tout autre navigateur web vraiment, mais j'aime Google Chrome 292 00:14:14,220 --> 00:14:17,350 car il est très standardisé. 293 00:14:17,350 --> 00:14:24,240 >> Vous pouvez aller à, je crois, si vous droit cliquer sur n'importe quel site, juste à l' 294 00:14:24,240 --> 00:14:26,880 espace blanc, vous verrez une option Inspecter l'élément appelé. 295 00:14:26,880 --> 00:14:28,810 Il est généralement le dernier. 296 00:14:28,810 --> 00:14:32,630 Et lorsque vous cliquez dessus, vous devriez obtenir une chose au fond apparaisse ici. 297 00:14:32,630 --> 00:14:35,840 298 00:14:35,840 --> 00:14:37,780 Permettez-moi ici un zoom avant. 299 00:14:37,780 --> 00:14:41,390 Et nous avons quelques onglets ici. 300 00:14:41,390 --> 00:14:43,580 Celui que vous aimez est la console. 301 00:14:43,580 --> 00:14:48,820 >> Et c'est une console JavaScript que vous pouvez maintenant travailler avec. 302 00:14:48,820 --> 00:14:49,370 Grand. 303 00:14:49,370 --> 00:14:52,560 Donc, je peux taper dans la même étoffe Je tapais avant dans le noeud. 304 00:14:52,560 --> 00:14:54,790 Un plus un est deux. 305 00:14:54,790 --> 00:14:59,110 Var un est égal à "Apple". 306 00:14:59,110 --> 00:15:03,430 Et puis je imprimer une, et un est «Apple». 307 00:15:03,430 --> 00:15:08,760 Ainsi, dans n'importe quel navigateur Web, Firefox, Chrome, Safari, ce que vous utilisez, comme 308 00:15:08,760 --> 00:15:11,240 Tant que vous avez accès à un JavaScript console, le même genre d' 309 00:15:11,240 --> 00:15:15,520 code, je courais en nœud peut fonctionner dans votre propre console. 310 00:15:15,520 --> 00:15:17,530 >> PUBLIC: [inaudible]? 311 00:15:17,530 --> 00:15:18,690 >> ROGER ZURAWICKI: Comment accéder à la console? 312 00:15:18,690 --> 00:15:22,880 Vous devez cliquer droit sur un espace vide sur la page, et puis vous allez à 313 00:15:22,880 --> 00:15:26,100 Inspecter l'élément. 314 00:15:26,100 --> 00:15:28,290 Donc en fait, je voudrais vous les gars juste vous assurer que vous pouvez 315 00:15:28,290 --> 00:15:29,860 Inspecter l'élément dans Chrome. 316 00:15:29,860 --> 00:15:32,630 Et voir lorsque vous tapez dans certains code dans la console 317 00:15:32,630 --> 00:15:33,880 qu'il fonctionne correctement. 318 00:15:33,880 --> 00:16:15,820 319 00:16:15,820 --> 00:16:18,430 N'hésitez pas à poser des questions si quelque chose n'est pas clair ici. 320 00:16:18,430 --> 00:16:23,340 321 00:16:23,340 --> 00:16:24,590 >> PUBLIC: [inaudible]. 322 00:16:24,590 --> 00:16:27,280 323 00:16:27,280 --> 00:16:28,200 >> ROGER ZURAWICKI: Tout type, à droite. 324 00:16:28,200 --> 00:16:31,370 Il ya un seul type pour tous variables JavaScript. 325 00:16:31,370 --> 00:16:34,160 Et quand vous avez à déclarer une variable, vous dites var. 326 00:16:34,160 --> 00:16:35,410 >> PUBLIC: [inaudible]. 327 00:16:35,410 --> 00:16:39,010 328 00:16:39,010 --> 00:16:40,050 >> ROGER ZURAWICKI: Ouais. 329 00:16:40,050 --> 00:16:43,730 Il le fait, mais en JavaScript, il est très intelligent sur l'allocation de mémoire. 330 00:16:43,730 --> 00:16:44,600 Il n'y a pas malloc. 331 00:16:44,600 --> 00:16:45,780 Il n'y a pas de droits. 332 00:16:45,780 --> 00:16:48,490 Donc, vous n'avez pas besoin de s'inquiéter à ce sujet. 333 00:16:48,490 --> 00:16:51,140 C'est une autre fonctionnalité intéressante que JavaScript vous fournit. 334 00:16:51,140 --> 00:16:56,990 335 00:16:56,990 --> 00:16:58,440 >> Donc, je voudrais passer. 336 00:16:58,440 --> 00:17:01,360 Serait-ce OK? 337 00:17:01,360 --> 00:17:02,610 OK. 338 00:17:02,610 --> 00:17:04,780 339 00:17:04,780 --> 00:17:07,720 Grand. 340 00:17:07,720 --> 00:17:10,660 >> PUBLIC: J'ai juste du mal à trouver le [? Inspecter l'élément. ?] 341 00:17:10,660 --> 00:17:13,609 342 00:17:13,609 --> 00:17:16,250 >> ROGER ZURAWICKI: regards Donc Safari un peu différent, mais ne vous 343 00:17:16,250 --> 00:17:18,599 avoir Chrome ou Firefox? 344 00:17:18,599 --> 00:17:21,619 Ce sont le plus facile ceux pour travailler avec. 345 00:17:21,619 --> 00:17:25,079 Et pour vos projets, je vous recommande coller avec un navigateur, car 346 00:17:25,079 --> 00:17:29,610 vous aurez beaucoup de bugs presque parce que chaque navigateur traite 347 00:17:29,610 --> 00:17:31,980 JavaScript HTML un peu différemment. 348 00:17:31,980 --> 00:17:35,170 Je pense donc que votre vie sera beaucoup plus facile si vous vous en tenez à Chrome parce 349 00:17:35,170 --> 00:17:37,052 il est disponible sur toutes les machines. 350 00:17:37,052 --> 00:17:38,790 Et c'est un navigateur très populaire. 351 00:17:38,790 --> 00:17:59,860 352 00:17:59,860 --> 00:18:01,110 OK? 353 00:18:01,110 --> 00:18:03,310 354 00:18:03,310 --> 00:18:06,370 >> Donc le sujet suivant que nous devrions couvrir en JavaScript - 355 00:18:06,370 --> 00:18:07,730 Je suis désolé pour la mise en forme ici. 356 00:18:07,730 --> 00:18:11,630 J'ai eu à étirer les diapositives pour correspondre le projecteur grand écran. 357 00:18:11,630 --> 00:18:14,750 Mais je voudrais maintenant parler comment vous faites fonctions. 358 00:18:14,750 --> 00:18:17,410 En C, nous devons déclarer chaque fonction. 359 00:18:17,410 --> 00:18:22,130 Comme int ajouter, et cela prend un int en x, et un int y, puis nous ajoutons 360 00:18:22,130 --> 00:18:23,100 et le retourner. 361 00:18:23,100 --> 00:18:26,850 >> En JavaScript, les fonctions sont en fait un autre type de variable. 362 00:18:26,850 --> 00:18:30,560 Ainsi nous disons juste var ajouter, et elle est égale à une fonction. 363 00:18:30,560 --> 00:18:32,580 Une fonction qui prend un x et a y. 364 00:18:32,580 --> 00:18:33,790 Et qu'est-ce que cette fonction fait? 365 00:18:33,790 --> 00:18:39,910 Il retourne x + y dans exactement la même syntaxe comme en C. Et vous remarquerez que dans 366 00:18:39,910 --> 00:18:44,290 JavaScript, vous ne serez pas dit ce que le fonction retourne car depuis 367 00:18:44,290 --> 00:18:49,160 les variables n'ont pas les types de toute façon, il ce n'est pas vraiment productif, je suppose, 368 00:18:49,160 --> 00:18:52,855 à préciser tout votre types dans vos fonctions. 369 00:18:52,855 --> 00:18:55,720 370 00:18:55,720 --> 00:18:59,565 Et puis, quand vous appelez une fonction, c'est exactement la même syntaxe que C. Vous 371 00:18:59,565 --> 00:19:03,610 il suffit de passer dans vos deux arguments. 372 00:19:03,610 --> 00:19:07,330 Je voudrais essayer dans mon nœud. 373 00:19:07,330 --> 00:19:09,284 Puis-je changer la lame? 374 00:19:09,284 --> 00:19:10,534 >> PUBLIC: [inaudible]. 375 00:19:10,534 --> 00:19:14,639 376 00:19:14,639 --> 00:19:17,000 Aurons-nous une copie des diapositives? 377 00:19:17,000 --> 00:19:18,250 >> ROGER ZURAWICKI: Oui. 378 00:19:18,250 --> 00:19:28,280 379 00:19:28,280 --> 00:19:29,956 Donc, revenons à noeud. 380 00:19:29,956 --> 00:19:32,240 OK. 381 00:19:32,240 --> 00:19:38,160 Donc, je dirai var complément égal fonction. 382 00:19:38,160 --> 00:19:40,650 Prendre un x, y prendre un. 383 00:19:40,650 --> 00:19:43,690 Et puis, il sait que de la déclaration pas terminé. 384 00:19:43,690 --> 00:19:47,692 Donc, dans le noeud ou dans votre console, vous remarquerez Dot Dot Dot. 385 00:19:47,692 --> 00:19:49,660 Ainsi, vous pouvez continuez à taper votre code. 386 00:19:49,660 --> 00:19:53,650 Et maintenant, je vais dire return x + y. 387 00:19:53,650 --> 00:19:54,790 Et puis fermez l'accolade. 388 00:19:54,790 --> 00:20:00,260 Et au moment où je ferme l'accolade, il voit que la déclaration est terminée. 389 00:20:00,260 --> 00:20:04,730 >> Et maintenant, je peux dire ajouter un et deux. 390 00:20:04,730 --> 00:20:08,280 Et je vais prendre trois sur. 391 00:20:08,280 --> 00:20:11,545 Notez que si je n'avais tout simplement ajouter, il me dit que c'est une fonction. 392 00:20:11,545 --> 00:20:14,630 393 00:20:14,630 --> 00:20:19,570 Et une chose juste à faire attention à est si vous lui donnez le mauvais numéro de 394 00:20:19,570 --> 00:20:23,380 arguments, il fera. 395 00:20:23,380 --> 00:20:25,890 Il sera exécuté, mais vous pourriez obtenir des résultats très étranges. 396 00:20:25,890 --> 00:20:30,070 Un peu comme une valeur d'ordures, vous pouvez penser. 397 00:20:30,070 --> 00:20:32,060 Alors s'il vous plaît aller de l'avant et essayer ce dans votre navigateur. 398 00:20:32,060 --> 00:21:25,180 399 00:21:25,180 --> 00:21:29,510 >> OK, donc dans l'intérêt de temps, je vais maintenant passer aux prochaines fonctionnalités dans 400 00:21:29,510 --> 00:21:30,760 JavaScript. 401 00:21:30,760 --> 00:21:36,520 402 00:21:36,520 --> 00:21:38,400 Nous avons donc parlé de fonctions. 403 00:21:38,400 --> 00:21:40,840 Nous avons parlé de boucles, si les états trop. 404 00:21:40,840 --> 00:21:43,660 La syntaxe est la même comme C, et les variables. 405 00:21:43,660 --> 00:21:46,090 Et maintenant, je veux parler des tableaux. 406 00:21:46,090 --> 00:21:48,520 Je suis désolé que les diapositives s'est un peu coupé. 407 00:21:48,520 --> 00:21:52,470 Mais en fait, dans la première section, tout ce que vous devez fonctionnera. 408 00:21:52,470 --> 00:21:55,410 >> Nous avons donc un autre type de des variables appelées tableaux. 409 00:21:55,410 --> 00:21:57,930 Et nous utilisons crochets pour les désigner. 410 00:21:57,930 --> 00:22:01,960 Ainsi, dans le premier exemple, var arr, tableau vide. 411 00:22:01,960 --> 00:22:05,900 Ceci est la liste vide, donc un tableau ne contenant pas d'éléments. 412 00:22:05,900 --> 00:22:09,770 Et vous pouvez aussi avoir un tableau avec trois chaînes. 413 00:22:09,770 --> 00:22:13,290 En C, chaque élément de votre tableau dû être du même type. 414 00:22:13,290 --> 00:22:16,940 >> Mais parce que dans JavaScript, il est seulement un type, les tableaux peuvent réellement 415 00:22:16,940 --> 00:22:18,510 avoir différents types de valeurs. 416 00:22:18,510 --> 00:22:22,220 Comme ici, nous avons un tableau avec un flotteur, un bool, et un int. 417 00:22:22,220 --> 00:22:25,020 418 00:22:25,020 --> 00:22:28,510 La façon d'obtenir une longueur d'un tableau, vous n'avez pas réellement besoin d'utiliser la taille de 419 00:22:28,510 --> 00:22:29,030 ou quoi que ce soit. 420 00:22:29,030 --> 00:22:31,570 Vous venez de dire ensemble et alors les points sur la longueur. 421 00:22:31,570 --> 00:22:36,450 Et cette longueur de point, vous pouvez penser à il un peu comme une structure, comment chaque 422 00:22:36,450 --> 00:22:40,890 tableau a un champ, une variable supplémentaire l'intérieur de celui appelé longueur, qui 423 00:22:40,890 --> 00:22:42,910 garde la trace de combien de temps votre tableau est. 424 00:22:42,910 --> 00:22:47,280 425 00:22:47,280 --> 00:22:50,420 >> Donc, je suis juste rapidement vais pas entrer dans nœud et vous montrer les gars de la même chose. 426 00:22:50,420 --> 00:22:55,860 427 00:22:55,860 --> 00:22:58,050 Donc, je peux avoir un tableau. 428 00:22:58,050 --> 00:23:00,280 Il peut être une liste vide. 429 00:23:00,280 --> 00:23:02,030 Et il me imprimer sauvegarder une liste vide. 430 00:23:02,030 --> 00:23:02,530 Grand. 431 00:23:02,530 --> 00:23:08,560 Je peux maintenant dire que le tableau a 1, et 2.3, et vrai. 432 00:23:08,560 --> 00:23:10,400 Donc, tous les différents types. 433 00:23:10,400 --> 00:23:11,740 Et vous remarquez cela fonctionne très bien. 434 00:23:11,740 --> 00:23:16,330 Le tableau que je revienne supports toutes les valeurs que j'ai donné il. 435 00:23:16,330 --> 00:23:20,440 >> Si je voulais obtenir le premier élément de le tableau, la syntaxe est en fait 436 00:23:20,440 --> 00:23:22,980 les mêmes que dans C. Vous peut dire éventail zéro. 437 00:23:22,980 --> 00:23:24,430 Et vous obtenez un. 438 00:23:24,430 --> 00:23:27,920 Je peux dire la même chose pour tableau deux, et je reçois vrai. 439 00:23:27,920 --> 00:23:31,610 Si je fais quelque chose en dehors du réseau, JavaScript est un langage sûr 440 00:23:31,610 --> 00:23:33,390 parce que je ne vais pas d'un défaut de segmentation. 441 00:23:33,390 --> 00:23:34,780 Je vais indéfini. 442 00:23:34,780 --> 00:23:37,510 >> Et ce non défini, vous pouvez genre de penser comme nulle. 443 00:23:37,510 --> 00:23:41,390 Mais il peut être très ennuyeux quand vous code, car vous aurez à vérifier que 444 00:23:41,390 --> 00:23:43,880 presque tout ce que vous faites, vous travailler avec n'est pas défini. 445 00:23:43,880 --> 00:23:47,700 Et nous allons voir quelques exemples de lorsque nous travaillons dans Meteor. 446 00:23:47,700 --> 00:23:50,600 >> Bien tableau quatre n'est pas défini, Je peux lui attribuer une valeur. 447 00:23:50,600 --> 00:23:52,570 Donc, je vais le dire égal à un. 448 00:23:52,570 --> 00:23:57,050 Et puis, si je vais à tableau, je avoir la valeur supplémentaire là. 449 00:23:57,050 --> 00:24:02,470 Et remarquez que tableau à trois, qui a également a été undefined, undefined séjours. 450 00:24:02,470 --> 00:24:05,690 Donc, j'ai maintenant un tableau avec un trou au milieu. 451 00:24:05,690 --> 00:24:07,750 Mais si j'ai imprimé tableau de quatre, Je voudrais obtenir un. 452 00:24:07,750 --> 00:24:10,960 Si je le faisais tableau à trois, je reçois indéfini. 453 00:24:10,960 --> 00:24:13,880 >> Ainsi, la fonctionnalité intéressante que JavaScript vous permet de faire est que les listes peuvent 454 00:24:13,880 --> 00:24:15,620 changer la taille. 455 00:24:15,620 --> 00:24:18,520 Les tableaux, les tableaux étant listes, ils changent de taille. 456 00:24:18,520 --> 00:24:22,480 Et vous pouvez spécifier n'importe quel endroit à l'intérieur d'eux. 457 00:24:22,480 --> 00:24:25,370 Et toutes les lacunes seront comblées avec ces valeurs non définies. 458 00:24:25,370 --> 00:24:31,560 459 00:24:31,560 --> 00:24:33,450 >> Nous avons donc parlé de tableaux. 460 00:24:33,450 --> 00:24:37,050 Maintenant, la dernière chose que je veux couvrir JavaScript, et cela est très important 461 00:24:37,050 --> 00:24:39,550 pour comprendre le code qui Je vais vous montrer, 462 00:24:39,550 --> 00:24:41,530 va être objets. 463 00:24:41,530 --> 00:24:45,140 Et les objets sont un terme - 464 00:24:45,140 --> 00:24:47,380 fondamentalement, ils sont présents dans de nombreux langages de programmation. 465 00:24:47,380 --> 00:24:50,620 Et chaque langage de programmation aime penser à eux un peu différemment. 466 00:24:50,620 --> 00:24:55,050 >> Mais je pense que pour Meteor, une bonne analogie est la structure C. 467 00:24:55,050 --> 00:24:59,410 En C, si nous voulons trouver la structure étudiant, nous aurions à spécifier toutes les 468 00:24:59,410 --> 00:25:00,240 choses à l'intérieur de celui-ci. 469 00:25:00,240 --> 00:25:01,440 Donc, il doit avoir un nom. 470 00:25:01,440 --> 00:25:02,140 Il doit avoir un an. 471 00:25:02,140 --> 00:25:03,650 Il doit avoir un sexe. 472 00:25:03,650 --> 00:25:07,350 Mais nous devons aussi lui donner le types de toutes ces choses. 473 00:25:07,350 --> 00:25:11,200 >> Et maintenant que nous avons ce moule pour la struct appelé étudiant, nous pouvons avoir une 474 00:25:11,200 --> 00:25:14,640 nouvelle structure, et alors nous pouvons manuellement dire ce que chacun des champs sont. 475 00:25:14,640 --> 00:25:17,740 Et c'est là que nous utilisons le nom de point, dot année, les points sur le sexe. 476 00:25:17,740 --> 00:25:21,930 Et ensuite nous dans la dernière ligne de code ici, je vais juste l'impression de la 477 00:25:21,930 --> 00:25:24,980 le nom de l'étudiant de struct. 478 00:25:24,980 --> 00:25:28,220 >> Dans le monde JavaScript, il est rien de tel que struct étudiant. 479 00:25:28,220 --> 00:25:30,660 Vous n'avez pas de générer une structure prédéfinie. 480 00:25:30,660 --> 00:25:34,680 Vous fait juste, dans ces supports, vous dites que tout est. 481 00:25:34,680 --> 00:25:40,680 Et c'est cette notation bizarre avec le côlon et la virgule, mais vous aurez 482 00:25:40,680 --> 00:25:41,810 s'habituer à elle assez vite. 483 00:25:41,810 --> 00:25:44,930 >> Et c'est en fait un vraiment facile, manière flexible de juste 484 00:25:44,930 --> 00:25:47,400 manipulation d'objets. 485 00:25:47,400 --> 00:25:51,270 Vous remarquerez que si je veux obtenir maintenant nom de s, je fais juste s.name. 486 00:25:51,270 --> 00:25:54,090 487 00:25:54,090 --> 00:25:56,790 Y at-il des questions à ce sujet? 488 00:25:56,790 --> 00:26:00,260 Cela a généralement été un très déroutant sujet lorsque nous introduisons les gens à 489 00:26:00,260 --> 00:26:02,280 JavaScript. 490 00:26:02,280 --> 00:26:04,110 Je ferai quelques exemples de ce à noeud. 491 00:26:04,110 --> 00:26:05,010 Oui? 492 00:26:05,010 --> 00:26:06,260 >> PUBLIC: [inaudible]. 493 00:26:06,260 --> 00:26:14,130 494 00:26:14,130 --> 00:26:16,230 >> ROGER ZURAWICKI: Donc vous faites avoir un exemple, plusieurs 495 00:26:16,230 --> 00:26:18,764 des variables de ce type. 496 00:26:18,764 --> 00:26:20,014 >> PUBLIC: [inaudible]. 497 00:26:20,014 --> 00:26:23,540 498 00:26:23,540 --> 00:26:24,790 >> PUBLIC: [inaudible]. 499 00:26:24,790 --> 00:26:37,610 500 00:26:37,610 --> 00:26:39,450 >> ROGER ZURAWICKI: OK. 501 00:26:39,450 --> 00:26:43,760 Donc je suppose que la façon dont vous vous y prendriez est vous mettriez objets dans un tableau, 502 00:26:43,760 --> 00:26:45,340 et maintenant vous avez une tableau d'objets. 503 00:26:45,340 --> 00:26:47,547 Est-ce que cela répond à votre question? 504 00:26:47,547 --> 00:26:48,797 >> PUBLIC: [inaudible]. 505 00:26:48,797 --> 00:26:50,890 506 00:26:50,890 --> 00:26:51,260 >> ROGER ZURAWICKI: Oui. 507 00:26:51,260 --> 00:26:52,430 S est un objet. 508 00:26:52,430 --> 00:26:57,455 Donc, nous pouvons aller dans le noeud et juste jouer un peu. 509 00:26:57,455 --> 00:26:58,705 >> PUBLIC: [inaudible]? 510 00:26:58,705 --> 00:27:04,880 511 00:27:04,880 --> 00:27:05,440 >> ROGER ZURAWICKI: Oh, OK. 512 00:27:05,440 --> 00:27:10,660 Donc, si vous vous demandez ce que les classes sont, classes sont traités très différemment, 513 00:27:10,660 --> 00:27:14,510 et ils ont un régime vraiment bizarre appelé prototypage, que vous n'avez pas 514 00:27:14,510 --> 00:27:15,620 besoin de connaître. 515 00:27:15,620 --> 00:27:17,910 Il n'existe aucun moyen fixe de le faire. 516 00:27:17,910 --> 00:27:21,160 Donc, si vous voulez générer des multiples, vous serait juste sorte de disposer d'une fonction 517 00:27:21,160 --> 00:27:22,100 ou quelque chose. 518 00:27:22,100 --> 00:27:24,340 Vous générez votre propre fonction. 519 00:27:24,340 --> 00:27:26,765 Et vous renvoyer un objet. 520 00:27:26,765 --> 00:27:29,550 Ce serait le moyen le plus façon de le faire. 521 00:27:29,550 --> 00:27:32,454 Cela fait-il sens? 522 00:27:32,454 --> 00:27:33,704 OK. 523 00:27:33,704 --> 00:27:36,182 524 00:27:36,182 --> 00:27:36,650 Grand. 525 00:27:36,650 --> 00:27:39,820 Donc, une fois que nous avons une compréhension de JavaScript objets, ils sont - 526 00:27:39,820 --> 00:27:41,082 oh, oui. 527 00:27:41,082 --> 00:27:42,026 >> PUBLIC: [inaudible] 528 00:27:42,026 --> 00:27:45,802 exemple, quelle est la différence entre «Roger» avec des guillemets doubles par rapport à 529 00:27:45,802 --> 00:27:47,510 [Inaudible] avec des guillemets simples. 530 00:27:47,510 --> 00:27:47,810 >> ROGER ZURAWICKI: OK. 531 00:27:47,810 --> 00:27:52,730 C'est donc dans C, nous avons le seul citations représentant caractères, et le double 532 00:27:52,730 --> 00:27:54,550 citations représentant cordes. 533 00:27:54,550 --> 00:27:57,920 JavaScript jette effectivement cette distance parce que vous pouvez avoir avec les chaînes 534 00:27:57,920 --> 00:28:01,570 guillemets simples ou doubles, et il ya rien de tel que d'un seul car. 535 00:28:01,570 --> 00:28:04,400 Mais si vous venez de copier le même code C, JavaScript serait 536 00:28:04,400 --> 00:28:05,610 traiter très bien. 537 00:28:05,610 --> 00:28:07,710 C'est pourquoi je l'ai traité comme - 538 00:28:07,710 --> 00:28:12,540 c'est pourquoi je ne peux littéralement le port le code en ce sens. 539 00:28:12,540 --> 00:28:15,420 >> Et je veux vous montrer un exemple d'un objet plus complexe. 540 00:28:15,420 --> 00:28:19,890 Ainsi, vous pouvez remarquer qu'un objet peut avoir des chaînes comme valeurs. 541 00:28:19,890 --> 00:28:21,530 Il peut avoir une autre liste de valeurs. 542 00:28:21,530 --> 00:28:23,820 Il pourrait avoir une liste de objets comme des valeurs. 543 00:28:23,820 --> 00:28:25,870 Il n'y a vraiment pas de limite à cela. 544 00:28:25,870 --> 00:28:29,070 Donc, ici, c'est juste une bonne démonstration de la façon dont vous pouvez obtenir beaucoup 545 00:28:29,070 --> 00:28:33,290 différents types en cours tout en un objet. 546 00:28:33,290 --> 00:28:34,540 Est-ce logique? 547 00:28:34,540 --> 00:28:41,090 548 00:28:41,090 --> 00:28:44,700 >> Maintenant, vous pouvez aussi avoir des tableaux d'objets. 549 00:28:44,700 --> 00:28:48,530 Et ici est une sorte de semblable à ce que vous demandé, si vous pouvez avoir des objets de 550 00:28:48,530 --> 00:28:49,190 du même type. 551 00:28:49,190 --> 00:28:52,960 Mais le problème est, il n'est pas fixe format pour les objets en JavaScript. 552 00:28:52,960 --> 00:28:55,020 Donc, vous devez les spécifier vous-même. 553 00:28:55,020 --> 00:28:57,600 Et vous devez vous assurer qu'ils sont uniformes. 554 00:28:57,600 --> 00:29:00,410 Donc, ici, quand je crée un objet, j'ai pour s'assurer que chacun a un 555 00:29:00,410 --> 00:29:01,910 nom, et chacun a une maison. 556 00:29:01,910 --> 00:29:05,620 >> Et puis j'ai un tableau de ceux-ci, et qui peut être mon chalet. 557 00:29:05,620 --> 00:29:08,290 Et puis là, vous pouvez genre de voir la boucle en cours. 558 00:29:08,290 --> 00:29:14,090 La boucle pour être juste un très commun façon à traverser au cours d'un tableau 559 00:29:14,090 --> 00:29:15,150 en JavaScript. 560 00:29:15,150 --> 00:29:18,010 Notez que ce modèle est très semblable à l'équivalent de C, où vous 561 00:29:18,010 --> 00:29:21,470 avoir int i est égal à zéro. Je est inférieure à la longueur. 562 00:29:21,470 --> 00:29:23,634 Et puis j'ai plus plus. 563 00:29:23,634 --> 00:29:26,035 >> C'est presque le même code, l'exception de quelques détails. 564 00:29:26,035 --> 00:29:29,460 565 00:29:29,460 --> 00:29:33,120 Donc, tout le monde ne comprend ce qui est un objet? 566 00:29:33,120 --> 00:29:35,820 Il suffit de penser comme une struct C. 567 00:29:35,820 --> 00:29:38,784 Et la façon dont vous accédez aux champs est juste avec le point. 568 00:29:38,784 --> 00:29:41,950 Et aussi longtemps que vous vous souvenez comment utiliser le point, vous serez amende. 569 00:29:41,950 --> 00:29:55,300 570 00:29:55,300 --> 00:29:58,790 >> OK, maintenant tout le monde peut lire ce lien? 571 00:29:58,790 --> 00:30:02,220 C'est le lien vers le projet. 572 00:30:02,220 --> 00:30:04,950 Quelqu'un est-il de la difficulté à voir le lien? 573 00:30:04,950 --> 00:30:06,251 OK, nous allons changer ensuite. 574 00:30:06,251 --> 00:30:14,430 575 00:30:14,430 --> 00:30:15,680 Ce n'est pas - 576 00:30:15,680 --> 00:30:21,900 577 00:30:21,900 --> 00:30:24,240 Ouais, c'est probablement l' meilleure façon de le faire. 578 00:30:24,240 --> 00:30:32,390 579 00:30:32,390 --> 00:30:34,560 Grand. 580 00:30:34,560 --> 00:30:38,270 >> Donc, si vous allez à ce site, il devrait être quelques instructions que je vais 581 00:30:38,270 --> 00:30:42,550 aller sur la façon dont nous pouvons installer Meteor et obtenir notre exemple de projet en marche. 582 00:30:42,550 --> 00:30:47,900 583 00:30:47,900 --> 00:30:50,180 Je veux m'assurer que tout le monde a le lien vers le bas avant de passer. 584 00:30:50,180 --> 00:31:16,250 585 00:31:16,250 --> 00:31:17,500 Puis-je passer? 586 00:31:17,500 --> 00:31:20,683 587 00:31:20,683 --> 00:31:23,680 Bon, d'accord. 588 00:31:23,680 --> 00:31:25,890 >> Donc ici, je suis sur le site. 589 00:31:25,890 --> 00:31:28,740 Vous remarquerez dans le fichier readme, nous avons des instructions sur la façon 590 00:31:28,740 --> 00:31:30,200 à se mettre en place e. 591 00:31:30,200 --> 00:31:33,920 Vous devez être soit dans le CS50 appareil ou tout simplement sur un Mac. 592 00:31:33,920 --> 00:31:35,330 Windows fonctionnera pas. 593 00:31:35,330 --> 00:31:37,760 Mais fondamentalement, tout ce qui n'est pas Les fenêtres doivent travailler avec ces 594 00:31:37,760 --> 00:31:39,820 instructions très bien. 595 00:31:39,820 --> 00:31:41,470 Mais je peux faire un peu plus ainsi. 596 00:31:41,470 --> 00:31:45,610 597 00:31:45,610 --> 00:31:48,820 >> Donc, vous allez rencontrer le premier paire de commandes. 598 00:31:48,820 --> 00:31:50,450 Ces gars-là vont tout simplement installer Meteor. 599 00:31:50,450 --> 00:31:54,870 600 00:31:54,870 --> 00:31:58,530 Je peux aller dans mon terminal. 601 00:31:58,530 --> 00:32:02,710 Et si je n'ai plus la même chose maintenant, J'ai déjà installé. 602 00:32:02,710 --> 00:32:03,710 Il est donc un peu plus court. 603 00:32:03,710 --> 00:32:05,155 Il pourrait prendre un peu plus longtemps pour vous les gars. 604 00:32:05,155 --> 00:32:08,160 605 00:32:08,160 --> 00:32:13,530 Mais je veux d'abord vous assurer que nous avons Meteor fonctionnement. 606 00:32:13,530 --> 00:32:16,780 Après Meteor a installé, vous devriez être en mesure d'obtenir nœud dans la console. 607 00:32:16,780 --> 00:32:19,430 >> PUBLIC: Ils demandent pour un mot de passe. 608 00:32:19,430 --> 00:32:22,110 >> ROGER ZURAWICKI: Ce serait votre mot de passe utilisateur, si vous êtes sur un Mac. 609 00:32:22,110 --> 00:32:27,030 Il a juste besoin de la permission de modifier certains fichiers système. 610 00:32:27,030 --> 00:32:30,690 Donc la question était, si elle vous demande un mot de passe, c'est juste pour vous demander 611 00:32:30,690 --> 00:32:33,510 votre mot de passe nom d'utilisateur lorsque vous vous connectez à votre Mac. 612 00:32:33,510 --> 00:32:35,770 Et c'est afin que vous puissiez modifier les fichiers système. 613 00:32:35,770 --> 00:32:46,670 614 00:32:46,670 --> 00:32:51,260 >> Et quand vous êtes prêt, vous pouvez passer à l'étape suivante, qui sera de copier le 615 00:32:51,260 --> 00:32:54,220 exemple de code que j'ai sur le site. 616 00:32:54,220 --> 00:32:58,330 Et vous obtiendrez un nouveau répertoire dans votre Accueil annuaire appelé classement, et 617 00:32:58,330 --> 00:32:59,670 nous pouvons commencer à travailler à partir de là. 618 00:32:59,670 --> 00:33:09,680 619 00:33:09,680 --> 00:33:14,620 Donc, je suis en train de copier et de coller ces commandes dans mon terminal. 620 00:33:14,620 --> 00:33:16,780 Et pour moi, je l'ai déjà cloné il. 621 00:33:16,780 --> 00:33:21,470 Donc, je ne peux passer maintenant en classement. 622 00:33:21,470 --> 00:33:23,450 Et je devrais avoir un peu fichiers il. 623 00:33:23,450 --> 00:33:29,880 624 00:33:29,880 --> 00:33:31,113 Vous avez des questions? 625 00:33:31,113 --> 00:33:34,430 >> PUBLIC: [inaudible] ne fonctionne pas. 626 00:33:34,430 --> 00:33:36,741 >> ROGER ZURAWICKI: Oh, vous pourriez besoin git installé ainsi. 627 00:33:36,741 --> 00:33:39,150 >> PUBLIC: [inaudible]. 628 00:33:39,150 --> 00:33:40,162 >> ROGER ZURAWICKI: Désolé? 629 00:33:40,162 --> 00:33:41,412 >> PUBLIC: [inaudible]. 630 00:33:41,412 --> 00:33:44,500 631 00:33:44,500 --> 00:33:47,390 >> ROGER ZURAWICKI: Oh, OK. 632 00:33:47,390 --> 00:33:47,720 OK. 633 00:33:47,720 --> 00:33:52,860 C'est parce que vous pourriez avoir besoin d'être connecté à GitHub pour obtenir ce lien. 634 00:33:52,860 --> 00:33:58,160 Si vous les gars peuvent voir que, le plus façon de le faire je puis dire, c'est 635 00:33:58,160 --> 00:33:59,270 télécharger le zip. 636 00:33:59,270 --> 00:34:02,010 Et ce sera juste télécharger tous les fichiers. 637 00:34:02,010 --> 00:34:05,510 Et puis une fois que vous mettez dans votre télécharger ou votre répertoire home - 638 00:34:05,510 --> 00:34:07,360 Je recommande de le mettre dans votre répertoire de sorte que nous pouvons tous 639 00:34:07,360 --> 00:34:09,210 exécuter les mêmes commandes. 640 00:34:09,210 --> 00:34:15,230 Tant que nous avons les fichiers, nous allons être en mesure de commencer à travailler avec eux. 641 00:34:15,230 --> 00:34:17,969 Permettez-moi de savoir si les gens ont des difficultés à télécharger les fichiers. 642 00:34:17,969 --> 00:34:21,040 >> PUBLIC: par répertoire personnel, vous dire - 643 00:34:21,040 --> 00:34:24,989 >> ROGER ZURAWICKI: Annuaire donc de la maison serait être John Harvard, si vous êtes dans 644 00:34:24,989 --> 00:34:27,460 l'appareil de CS50. 645 00:34:27,460 --> 00:34:33,651 Pour accéder à votre répertoire personnel, il suffit de taper dans C. 646 00:34:33,651 --> 00:34:34,145 >> PUBLIC: [inaudible] 647 00:34:34,145 --> 00:34:37,610 CS50 appareil [inaudible]. 648 00:34:37,610 --> 00:34:38,650 >> ROGER ZURAWICKI: Oui. 649 00:34:38,650 --> 00:34:40,480 Vous souhaitez exécuter les commandes dans votre terminal. 650 00:34:40,480 --> 00:34:44,899 651 00:34:44,899 --> 00:34:45,390 >> PUBLIC: [inaudible]. 652 00:34:45,390 --> 00:34:50,800 J'ai eu une erreur qui dit non fichier ou répertoire. 653 00:34:50,800 --> 00:34:52,739 >> ROGER ZURAWICKI: Nous pouvons prendre un rapide briser et assurez-vous que 654 00:34:52,739 --> 00:34:56,760 tout le monde a Meteor installé, et je vais juste aller essayer d'aider les gens. 655 00:34:56,760 --> 00:34:59,130 S'il vous plaît essayer de s'entraider si vous heurter à des problèmes. 656 00:34:59,130 --> 00:35:04,640 657 00:35:04,640 --> 00:35:05,580 Désolé, ouais. 658 00:35:05,580 --> 00:35:08,930 Etes-vous à la fois dans l'appareil? 659 00:35:08,930 --> 00:35:09,350 >> PUBLIC: Ouais. 660 00:35:09,350 --> 00:35:13,190 J'ai la RISA 661 00:35:13,190 --> 00:35:14,300 >> ROGER ZURAWICKI: OK. 662 00:35:14,300 --> 00:35:20,740 Si vous revenez sur le site, aller défiler vers le haut vers le haut. 663 00:35:20,740 --> 00:35:23,580 Et il ya ce HTTPS. 664 00:35:23,580 --> 00:35:25,810 >> PUBLIC: Copiez ce? 665 00:35:25,810 --> 00:35:26,230 >> ROGER ZURAWICKI: Ouais. 666 00:35:26,230 --> 00:35:28,950 Et puis vous voulez taper git clone. 667 00:35:28,950 --> 00:35:30,814 Donc, si vous appuyez sur Ctrl A - 668 00:35:30,814 --> 00:35:33,718 >> PUBLIC: ici? 669 00:35:33,718 --> 00:35:36,410 Et faire [inaudible]? 670 00:35:36,410 --> 00:35:37,307 >> ROGER ZURAWICKI: G-I-T. 671 00:35:37,307 --> 00:35:38,557 >> PUBLIC: [inaudible]. 672 00:35:38,557 --> 00:35:40,410 673 00:35:40,410 --> 00:35:42,670 >> ROGER ZURAWICKI: Git puis cloner. 674 00:35:42,670 --> 00:35:46,610 Il est donc très similaire à la commande vous eu ci-dessus, mais l'adresse URL modifiée. 675 00:35:46,610 --> 00:35:49,010 Donc, avant c'était cela, maintenant c'est ce. 676 00:35:49,010 --> 00:35:50,680 Permettez-moi de mettre à jour le - 677 00:35:50,680 --> 00:35:51,354 ouais. 678 00:35:51,354 --> 00:35:52,604 >> PUBLIC: [inaudible]. 679 00:35:52,604 --> 00:35:56,000 680 00:35:56,000 --> 00:35:58,076 >> ROGER ZURAWICKI: Ceci est téléchargé. 681 00:35:58,076 --> 00:35:59,326 >> PUBLIC: [inaudible]. 682 00:35:59,326 --> 00:36:02,930 683 00:36:02,930 --> 00:36:05,690 >> ROGER ZURAWICKI: Oh, il ne pas cloner correctement. 684 00:36:05,690 --> 00:36:07,920 Je vais corriger cela. 685 00:36:07,920 --> 00:36:10,190 Il ya une erreur d'essayer pour télécharger les fichiers. 686 00:36:10,190 --> 00:36:13,820 Permettez-moi de mettre à jour la commande pour vous les gars donc je peux vous assurer que cela va fonctionner. 687 00:36:13,820 --> 00:36:17,025 Je suis désolé. 688 00:36:17,025 --> 00:36:21,618 Il doit être le même pour Mac ou appareil de CS50. 689 00:36:21,618 --> 00:36:22,868 >> PUBLIC: [inaudible]. 690 00:36:22,868 --> 00:36:49,320 691 00:36:49,320 --> 00:36:51,190 >> ROGER ZURAWICKI: J'ai mis à jour le commande pour le numéro deux, si 692 00:36:51,190 --> 00:36:52,910 vous actualisez la page. 693 00:36:52,910 --> 00:36:56,520 Et avec cela, URL, vous devriez être en mesure de télécharger les fichiers. 694 00:36:56,520 --> 00:37:00,162 695 00:37:00,162 --> 00:37:02,550 >> PUBLIC: Donc, si nous sommes encore télécharger [inaudible]. 696 00:37:02,550 --> 00:37:05,930 >> ROGER ZURAWICKI: Si vous êtes encore télécharger Meteor? 697 00:37:05,930 --> 00:37:07,180 >> PUBLIC: [inaudible]. 698 00:37:07,180 --> 00:37:09,860 699 00:37:09,860 --> 00:37:11,910 >> ROGER ZURAWICKI: Oui, si vous voulez à développer sur votre Mac. 700 00:37:11,910 --> 00:37:14,145 Mais vous devez le développeur de Xcode outils installés. 701 00:37:14,145 --> 00:37:21,530 702 00:37:21,530 --> 00:37:24,550 J'ai testé ces commandes sur le CS50 appareil, je peux vous garantir 703 00:37:24,550 --> 00:37:25,440 que cela va fonctionner. 704 00:37:25,440 --> 00:37:26,710 Oui. laissez-moi partir et vous aider. 705 00:37:26,710 --> 00:37:30,558 706 00:37:30,558 --> 00:37:31,808 >> PUBLIC: [inaudible]. 707 00:37:31,808 --> 00:37:39,440 708 00:37:39,440 --> 00:37:40,372 Je donne mon mot de passe. 709 00:37:40,372 --> 00:37:42,240 C'est Mac. 710 00:37:42,240 --> 00:37:43,490 Et puis je fais [inaudible]. 711 00:37:43,490 --> 00:37:51,114 712 00:37:51,114 --> 00:37:52,580 >> ROGER ZURAWICKI: OK. 713 00:37:52,580 --> 00:37:57,080 Je voudrais essayer d'exécuter toutes les commandes uniquement dans le terminal de l'appareil de CS50. 714 00:37:57,080 --> 00:37:58,330 >> PUBLIC: [inaudible]. 715 00:37:58,330 --> 00:38:00,220 716 00:38:00,220 --> 00:38:02,570 >> ROGER ZURAWICKI: Je voudrais faire fonctionner sur la première borne, sur l' 717 00:38:02,570 --> 00:38:04,830 appareil CS50, puis le terminal Mac. 718 00:38:04,830 --> 00:38:08,130 >> PUBLIC: Donc, si vous le faites sur le CS50 'appareil en comme ça, [inaudible]. 719 00:38:08,130 --> 00:38:13,650 720 00:38:13,650 --> 00:38:15,850 >> ROGER ZURAWICKI: Je voudrais passer , mais si les gens ont encore 721 00:38:15,850 --> 00:38:20,190 la difficulté à mettre en place Meteor, Kevin est plus qu'heureux de vous aider vous les gars, 722 00:38:20,190 --> 00:38:21,440 Kevin dans la chemise grise. 723 00:38:21,440 --> 00:38:26,320 724 00:38:26,320 --> 00:38:32,170 Ce que nous devrions avoir, c'est que nous allons exécuter la dernière commande, le numéro trois, dans 725 00:38:32,170 --> 00:38:33,710 notre terminal. 726 00:38:33,710 --> 00:38:37,320 Quand nous faisons cela, nous courons Meteor. 727 00:38:37,320 --> 00:38:39,040 >> Et vous devriez - 728 00:38:39,040 --> 00:38:41,200 oh, j'ai déjà Meteor fonctionnement. 729 00:38:41,200 --> 00:38:45,230 Donc, il ne va pas laisser - permettez-moi de il suffit de fermer mon autre Meteor. 730 00:38:45,230 --> 00:38:49,640 Quand je lance Meteor, vous devrait maintenant voir que - 731 00:38:49,640 --> 00:38:51,490 vous devriez voir le répertoire courant que c'est de servir. 732 00:38:51,490 --> 00:38:55,476 Et maintenant, il va dire le serveur est en cours d'exécution sur http://localhost. 733 00:38:55,476 --> 00:38:58,860 C'est l'URL que vous souhaitez mettre dans votre navigateur Web. 734 00:38:58,860 --> 00:39:05,410 >> Et sur cette URL, vous devriez être en mesure de accéder à un joli petit classement. 735 00:39:05,410 --> 00:39:10,030 736 00:39:10,030 --> 00:39:14,530 Donc, notez que c'est sur localhost, ce qui signifie que si vous faites une 737 00:39:14,530 --> 00:39:17,320 changements, vous n'allez pas à voir les changements de chacun. 738 00:39:17,320 --> 00:39:20,830 Tandis que sur le site je vous ai montré au début, nous pourrions obtenir 739 00:39:20,830 --> 00:39:23,380 Les changements de tout le monde car tout le monde a accès au même site. 740 00:39:23,380 --> 00:39:27,010 741 00:39:27,010 --> 00:39:29,540 >> Alors permettez-moi de parler de [? mot?] 742 00:39:29,540 --> 00:39:35,570 3000. 743 00:39:35,570 --> 00:39:38,820 Donc, vous devriez être en mesure de simplement confirmer que la fonctionnalité fonctionne. 744 00:39:38,820 --> 00:39:44,790 Vous pouvez sélectionner différentes personnes, et vous pouvez leur donner des points différents. 745 00:39:44,790 --> 00:39:46,710 Donc, je donne des points de quelqu'un. 746 00:39:46,710 --> 00:39:50,420 Vous pouvez aussi voir que ils montent en grade. 747 00:39:50,420 --> 00:39:53,450 748 00:39:53,450 --> 00:39:57,360 >> Maintenant, dans l'intérêt du temps, il sont trois fonctions que j'ai 749 00:39:57,360 --> 00:39:58,020 mis en oeuvre. 750 00:39:58,020 --> 00:40:03,760 Et nous allons mettre en œuvre la suppression utilisateurs que notre premier long métrage. 751 00:40:03,760 --> 00:40:06,360 Mais avant de poursuivre, sont Y at-il des questions? 752 00:40:06,360 --> 00:40:09,010 Vous aviez levé la main. 753 00:40:09,010 --> 00:40:10,480 Oui? 754 00:40:10,480 --> 00:40:11,730 >> PUBLIC: [inaudible]. 755 00:40:11,730 --> 00:40:20,980 756 00:40:20,980 --> 00:40:22,450 >> ROGER ZURAWICKI: Pouvez-vous vérifier que Meteor est installé? 757 00:40:22,450 --> 00:40:25,160 758 00:40:25,160 --> 00:40:26,410 >> PUBLIC: [inaudible]. 759 00:40:26,410 --> 00:40:31,440 760 00:40:31,440 --> 00:40:32,680 >> ROGER ZURAWICKI: hôte local 3000? 761 00:40:32,680 --> 00:40:36,550 Et vous êtes dans l'appareil de CS50? 762 00:40:36,550 --> 00:40:37,800 Je peux le faire - 763 00:40:37,800 --> 00:40:39,870 764 00:40:39,870 --> 00:40:41,210 vous n'avez pas à être sur un Mac. 765 00:40:41,210 --> 00:40:43,558 Ce sera le travail de l'appareil. 766 00:40:43,558 --> 00:40:45,880 >> PUBLIC: [inaudible]. 767 00:40:45,880 --> 00:40:47,520 >> ROGER ZURAWICKI: Dans la normale navigateur web, ouais. 768 00:40:47,520 --> 00:40:49,170 >> PUBLIC: [inaudible]. 769 00:40:49,170 --> 00:40:52,100 >> ROGER ZURAWICKI: Est Meteor marche? 770 00:40:52,100 --> 00:40:54,180 Alors OK, il ya ici une distinction. 771 00:40:54,180 --> 00:40:56,300 Si vous utilisez dans le appareil, vous avez à faire 772 00:40:56,300 --> 00:40:58,400 l'hôte local au sein de l'appareil. 773 00:40:58,400 --> 00:41:00,860 Si vous utilisez dans votre Mac, comme je suis, alors je peux faire 774 00:41:00,860 --> 00:41:02,460 mon Mac de Google Chrome. 775 00:41:02,460 --> 00:41:05,520 Mais si vous utilisez l'appareil de CS50, vous avez à faire tout 776 00:41:05,520 --> 00:41:06,350 dans l'appareil. 777 00:41:06,350 --> 00:41:09,022 Donc, vous devez utiliser Google Chrome dans l'appareil. 778 00:41:09,022 --> 00:41:10,350 >> PUBLIC: [inaudible]. 779 00:41:10,350 --> 00:41:12,188 >> ROGER ZURAWICKI: C'est ne fonctionne toujours pas? 780 00:41:12,188 --> 00:41:13,438 >> PUBLIC: [inaudible]. 781 00:41:13,438 --> 00:41:39,170 782 00:41:39,170 --> 00:41:42,390 >> ROGER ZURAWICKI: Donc, juste pour répéter, comment voulez-vous accéder au site maintenant. 783 00:41:42,390 --> 00:41:46,380 Vous avez une URL ici localhost 3000. 784 00:41:46,380 --> 00:41:49,600 Si vous êtes dans l'appareil de CS50, vous devez ouvrir CS50 785 00:41:49,600 --> 00:41:51,320 Google Chrome appareil. 786 00:41:51,320 --> 00:41:54,850 Et en ce que Google Chrome dans le appareil, vous pouvez taper dans l'URL, 787 00:41:54,850 --> 00:41:56,400 et vous devriez voir un classement. 788 00:41:56,400 --> 00:41:58,990 789 00:41:58,990 --> 00:42:04,800 Donc, je vais juste le mettre hors sur le côté un peu ici. 790 00:42:04,800 --> 00:42:09,600 Et maintenant, je vais ouvrir mon éditeur de texte ici. 791 00:42:09,600 --> 00:42:16,040 Alors permettez-moi de faire en sorte que le code est dans l'ordre. 792 00:42:16,040 --> 00:42:17,580 OK. 793 00:42:17,580 --> 00:42:19,750 Grand. 794 00:42:19,750 --> 00:42:22,360 >> J'aimerais maintenant marcher à travers un peu le code. 795 00:42:22,360 --> 00:42:26,110 Et le premier fichier j'aimerais commencer avec c'est leaderboard.html. 796 00:42:26,110 --> 00:42:31,520 Vous serez en mesure d'obtenir ce code après le séminaire, je veux juste montrer 797 00:42:31,520 --> 00:42:33,960 vous sur mon ordinateur ce qui se passe. 798 00:42:33,960 --> 00:42:39,130 799 00:42:39,130 --> 00:42:40,970 J'espère donc que tout le monde peut le voir. 800 00:42:40,970 --> 00:42:47,970 801 00:42:47,970 --> 00:42:51,590 Ainsi, au début du fichier, nous avoir la tête et le titre, qui 802 00:42:51,590 --> 00:42:54,510 est semblable à ce que nous avons vu dans tous les documents HTML. 803 00:42:54,510 --> 00:42:56,990 Et puis nous allons avoir la balise body ici. 804 00:42:56,990 --> 00:42:59,920 >> Qu'est-ce que j'ai choisi est le principal corps, essentiellement ce qui est 805 00:42:59,920 --> 00:43:01,470 va se faire affiché. 806 00:43:01,470 --> 00:43:05,560 Mais il ya un nouveau non-HTML les choses, et c'est dans le 807 00:43:05,560 --> 00:43:06,710 doubles crochets. 808 00:43:06,710 --> 00:43:08,600 Et ce sont des balises modèle. 809 00:43:08,600 --> 00:43:13,770 Vous verrez donc ici cette tranche nouveau classement support. 810 00:43:13,770 --> 00:43:17,390 Et c'est un peu - pensez-y que d'appeler une fonction pour le HTML. 811 00:43:17,390 --> 00:43:19,320 >> Il s'agit d'une version spéciale du HTML. 812 00:43:19,320 --> 00:43:22,730 C'est la version qui utilise Meteor, qui C'est pourquoi vous pouvez afficher différents 813 00:43:22,730 --> 00:43:26,190 choses, comme le classement noms et les boutons. 814 00:43:26,190 --> 00:43:30,870 Mais leaderboard vous dit d'aller à la modèle avec le nom des meneurs. 815 00:43:30,870 --> 00:43:34,746 Ainsi modèle n'est pas affiché par lui-même, mais c'est une fonction, il 816 00:43:34,746 --> 00:43:35,390 sera appelée. 817 00:43:35,390 --> 00:43:41,030 Et vous substituez dans tout cela Code ici en classement. 818 00:43:41,030 --> 00:43:44,510 819 00:43:44,510 --> 00:43:48,820 >> La partie intéressante de classement ici est juste ce tableau. 820 00:43:48,820 --> 00:43:52,910 Si vous venez de lire, lire ce code à haute voix, il devrait être intuitif 821 00:43:52,910 --> 00:43:57,390 parce classement, tout ce que nous avoir ici est une table. 822 00:43:57,390 --> 00:44:00,410 Cette classe substance d'identification que vous n'avez pas besoin de s'inquiéter. 823 00:44:00,410 --> 00:44:02,460 Il suffit de savoir qu'il ya un en-tête de la table. 824 00:44:02,460 --> 00:44:03,630 C'est ce thead. 825 00:44:03,630 --> 00:44:06,860 >> Et il trouve un nom et un score. 826 00:44:06,860 --> 00:44:12,150 Tous ces balises, comme thtable, thead, vous venez d'apprendre que vous avancez. 827 00:44:12,150 --> 00:44:15,540 Ce n'est pas important que vous mémorisez ceux-ci parce que vous ne pouvez accéder à n'importe quel 828 00:44:15,540 --> 00:44:16,520 référence en ligne. 829 00:44:16,520 --> 00:44:20,610 Ou à la fin du semestre, les va juste être très familier avec vous. 830 00:44:20,610 --> 00:44:22,840 >> Après l'en-tête de la table, l' partie que je veux attirer votre 831 00:44:22,840 --> 00:44:24,900 attention à ce tag h. 832 00:44:24,900 --> 00:44:27,180 Parce que c'est dans des doubles crochets, c'est un modèle. 833 00:44:27,180 --> 00:44:30,980 Cela signifie donc que pour chacun des joueurs, quelle que soit des joueurs est, nous devons 834 00:44:30,980 --> 00:44:31,500 afficher. 835 00:44:31,500 --> 00:44:32,965 Et nous allons au modèle de lecteur. 836 00:44:32,965 --> 00:44:35,680 837 00:44:35,680 --> 00:44:39,890 >> Si nous descendre un peu plus - 838 00:44:39,890 --> 00:44:40,980 J'espère que tout le monde peut le voir. 839 00:44:40,980 --> 00:44:42,900 Nous avons le modèle de lecteur. 840 00:44:42,900 --> 00:44:49,080 Et ce modèle définit essentiellement un cellule de tableau, où vous mettez le nom 841 00:44:49,080 --> 00:44:50,330 ici et le score. 842 00:44:50,330 --> 00:44:52,540 843 00:44:52,540 --> 00:44:56,720 Zoom maintenant, nous pouvons voir que ce morceau de code - 844 00:44:56,720 --> 00:44:59,060 et qui a été notre joueur là-bas - 845 00:44:59,060 --> 00:45:01,070 définit une de ces cellules. 846 00:45:01,070 --> 00:45:02,890 Chaque chose que je clique devient jaune. 847 00:45:02,890 --> 00:45:06,690 848 00:45:06,690 --> 00:45:08,660 >> Une façon simple je pourrais le changer maintenant. 849 00:45:08,660 --> 00:45:10,150 Assurez-vous que Meteor est toujours en cours. 850 00:45:10,150 --> 00:45:12,540 Meteor devrait être un processus de serveur, si vous venez de le laisser 851 00:45:12,540 --> 00:45:14,020 cours d'exécution lorsque vous avez développé. 852 00:45:14,020 --> 00:45:18,280 Disons que je voulais changer tous les noms ou le score. 853 00:45:18,280 --> 00:45:23,320 Et je dirais que je vais d'ajouter des points ici. 854 00:45:23,320 --> 00:45:27,215 Ainsi, le changement que j'ai fait ici a été, au lieu de simplement score, je 855 00:45:27,215 --> 00:45:30,280 ajouter des points de l'espace de pointage. 856 00:45:30,280 --> 00:45:32,775 >> Je vais effectuer un zoom arrière, et je suis va sauver mon fichier. 857 00:45:32,775 --> 00:45:35,510 858 00:45:35,510 --> 00:45:39,830 Et après je sauve mon dossier, je dois pour s'assurer Meteor est en cours d'exécution. 859 00:45:39,830 --> 00:45:55,650 860 00:45:55,650 --> 00:45:57,610 Désolé à ce sujet. 861 00:45:57,610 --> 00:46:00,330 Je tiens à vous présenter des montages ont été fait en temps réel. 862 00:46:00,330 --> 00:46:06,180 Donc, je vais changer un peu de texte. 863 00:46:06,180 --> 00:46:07,600 Cliquez sur un joueur. 864 00:46:07,600 --> 00:46:10,040 Je mets en majuscules. 865 00:46:10,040 --> 00:46:14,540 Et il devrait être que si cela marche bien, lorsque j'enregistre, il 866 00:46:14,540 --> 00:46:16,801 mettrait à jour. 867 00:46:16,801 --> 00:46:20,420 >> Oh, je pense que maintenant le problème est Je ne suis pas dans le bon répertoire. 868 00:46:20,420 --> 00:46:24,940 869 00:46:24,940 --> 00:46:26,870 OK. 870 00:46:26,870 --> 00:46:28,160 Je suis désolé. 871 00:46:28,160 --> 00:46:32,860 Donc, ici, ce que vous remarquez est mon changement a traversé. 872 00:46:32,860 --> 00:46:34,540 Maintenant dis que je veux annuler la modification. 873 00:46:34,540 --> 00:46:36,200 Je veux revenir à ce que j'ai eu. 874 00:46:36,200 --> 00:46:37,640 Je vais le taper normalement. 875 00:46:37,640 --> 00:46:39,180 Cliquez sur un joueur. 876 00:46:39,180 --> 00:46:42,920 >> Au moment où je le sauve, le le site est actualisé pour moi. 877 00:46:42,920 --> 00:46:44,740 Et je vois mon changement sur le site instantanément. 878 00:46:44,740 --> 00:46:48,170 C'est une fonctionnalité très utile débogage parce que maintenant 879 00:46:48,170 --> 00:46:49,640 Je n'ai pas à - 880 00:46:49,640 --> 00:46:52,920 quand nous écrivons le code C, non seulement nous avons fait avoir à enregistrer le fichier, mais nous avons dû 881 00:46:52,920 --> 00:46:54,750 faire et puis exécutez-le à nouveau. 882 00:46:54,750 --> 00:46:58,750 Meteor est très agréable car, contrairement à C, le moment où vous enregistrez votre code HTML ou 883 00:46:58,750 --> 00:47:01,070 Fichier JavaScript, le changement montre immédiatement. 884 00:47:01,070 --> 00:47:05,050 885 00:47:05,050 --> 00:47:09,140 >> Une question est, dans ces modèles, comment puis-je obtenir les valeurs comme les lecteurs 886 00:47:09,140 --> 00:47:11,520 ou sélectionnez un nom? 887 00:47:11,520 --> 00:47:17,130 Si je zoome ici dans mon code, Je vois cela pour chaque joueur. 888 00:47:17,130 --> 00:47:19,970 Donc, le modèle sait que J'ai en quelque sorte joueurs. 889 00:47:19,970 --> 00:47:22,110 Et il sait qu'il ya un nom sélectionné. 890 00:47:22,110 --> 00:47:23,220 Où cela vient-il? 891 00:47:23,220 --> 00:47:25,180 Cela vient du JavaScript. 892 00:47:25,180 --> 00:47:30,980 >> Et si vous allez à leaderboard.js, ce fichier, maintenant quand je vais ici, nous avons une 893 00:47:30,980 --> 00:47:33,460 quelques commandes définies. 894 00:47:33,460 --> 00:47:36,400 C'est syntaxe de Meteor spécial. 895 00:47:36,400 --> 00:47:38,600 Notez que vous n'avez pas besoin vars ou quoi que ce soit. 896 00:47:38,600 --> 00:47:42,990 Mais ceux-ci sont juste Structures sur struct sur struct ou ces objets. 897 00:47:42,990 --> 00:47:45,910 Et tout ce que je définition est le modèle appelé classement. 898 00:47:45,910 --> 00:47:47,900 >> Classement doit obtenir un chose appelée joueurs. 899 00:47:47,900 --> 00:47:48,840 Et ce qui est des joueurs? 900 00:47:48,840 --> 00:47:51,860 C'est ce que cette expression renvoie. 901 00:47:51,860 --> 00:47:53,020 Et quel est le nom choisi? 902 00:47:53,020 --> 00:47:54,630 C'est un peu plus de code. 903 00:47:54,630 --> 00:47:56,810 Les détails du code nous allons couvrir un peu plus tard. 904 00:47:56,810 --> 00:48:02,210 Mais maintenant, je veux que vous compreniez que dans ce code, nous prenons 905 00:48:02,210 --> 00:48:04,350 joueurs, et nous donnons une valeur. 906 00:48:04,350 --> 00:48:07,000 Dans ce cas, c'est une fonction qui est exécuté. 907 00:48:07,000 --> 00:48:10,290 Ainsi, nous pouvons obtenir la valeur de retour quand nous courons la fonction. 908 00:48:10,290 --> 00:48:12,830 909 00:48:12,830 --> 00:48:13,520 Il s'agit d'un journal. 910 00:48:13,520 --> 00:48:14,770 Cela fait-il sens? 911 00:48:14,770 --> 00:48:23,170 912 00:48:23,170 --> 00:48:25,010 >> Je peux changer la façon dont il est triée. 913 00:48:25,010 --> 00:48:27,230 Ici, il ya un objet de tri. 914 00:48:27,230 --> 00:48:31,660 Et ce que cela dit, c'est que je vais faire un tri par score décroissant première et 915 00:48:31,660 --> 00:48:33,170 puis Nom croissant. 916 00:48:33,170 --> 00:48:36,630 Si je change ce à un, il va pour trier des notes croissant. 917 00:48:36,630 --> 00:48:39,120 Donc zéro devrait être sur le dessus. 918 00:48:39,120 --> 00:48:43,370 Et quand je zoome sur mon site web, nous voir maintenant que le site à jour. 919 00:48:43,370 --> 00:48:44,923 Et le score est monter. 920 00:48:44,923 --> 00:48:49,010 921 00:48:49,010 --> 00:48:53,980 >> La fonction suivante Je veux juste à couvrir est clic minimum. 922 00:48:53,980 --> 00:48:57,910 En rupture de gagner du temps, je ne veux pas être en mesure de couvrir plus de la Meteor 923 00:48:57,910 --> 00:49:00,690 code, mais il ya beaucoup de ressources disponible, et je serai 924 00:49:00,690 --> 00:49:03,560 ici après le séminaire. 925 00:49:03,560 --> 00:49:07,680 Mais je veux juste pour couvrir les événements leaderboard. 926 00:49:07,680 --> 00:49:10,520 Cette syntaxe vous allez apprendre un peu plus tard dans la conférence. 927 00:49:10,520 --> 00:49:12,870 C'est JavaScript. 928 00:49:12,870 --> 00:49:16,720 >> Nous disons simplement que, lorsque nous aurons un clic, et c'est sur l'augmentation, ce 929 00:49:16,720 --> 00:49:19,160 hachage signifie simplement ID. 930 00:49:19,160 --> 00:49:23,945 Sur l'étiquette incrément d'identité, alors que nous voulons de mettre à jour - les mots clés que je veux vous 931 00:49:23,945 --> 00:49:26,740 à surveiller est mise à jour et sélectionner et joueur. 932 00:49:26,740 --> 00:49:29,080 Donc, le joueur qui est sélectionné, nous mettons à jour il. 933 00:49:29,080 --> 00:49:31,260 Et ce que nous faisons est on incrémente son score par cinq. 934 00:49:31,260 --> 00:49:37,700 935 00:49:37,700 --> 00:49:40,340 Et qui va décrire la fonctionnalité nous avons ici. 936 00:49:40,340 --> 00:49:50,270 937 00:49:50,270 --> 00:49:54,510 >> Après la fin de ce séminaire, nous allons être en mesure de voir plus de code. 938 00:49:54,510 --> 00:50:00,400 Mais pour en revenir à mon but que je veux changer le site, je voulais ici 939 00:50:00,400 --> 00:50:03,400 ajouter un bouton de suppression afin Je peux supprimer le lecteur. 940 00:50:03,400 --> 00:50:05,390 Donc, pour ce faire, j'ai besoin de faire deux choses. 941 00:50:05,390 --> 00:50:09,680 J'ai besoin de mettre à jour le code HTML, mettre à jour le voir, ce qui sera diffusé à l'utilisateur, et 942 00:50:09,680 --> 00:50:15,080 alors un peu de JavaScript que lorsque le touche est enfoncée, Meteor va 943 00:50:15,080 --> 00:50:15,690 de faire quelque chose. 944 00:50:15,690 --> 00:50:18,040 Il va supprimer ce joueur. 945 00:50:18,040 --> 00:50:20,720 >> Donc, il ya beaucoup de morceaux de code qui ont essentiellement déjà 946 00:50:20,720 --> 00:50:22,610 été fait pour moi. 947 00:50:22,610 --> 00:50:26,160 Si je regarde ici, j'ai déjà une manière d'obtenir le joueur sélectionné. 948 00:50:26,160 --> 00:50:29,880 C'est ce genre de choses, si vous pouvez le voir. 949 00:50:29,880 --> 00:50:31,346 Donc, si je viens - 950 00:50:31,346 --> 00:50:35,160 Je vais avoir un autre événement. 951 00:50:35,160 --> 00:50:37,900 Donc, je vais copier ce que j'ai. 952 00:50:37,900 --> 00:50:40,740 Comme il s'agit d'une liste, J'ai juste besoin d'une virgule. 953 00:50:40,740 --> 00:50:45,480 >> Alors maintenant, je vais cliquez sur Supprimer. 954 00:50:45,480 --> 00:50:48,840 Et puis, au lieu de la mise à jour des joueurs, Je vais faire les joueurs supprimer. 955 00:50:48,840 --> 00:50:51,620 Et tous les joueurs supprimer besoins est un joueur sélectionné. 956 00:50:51,620 --> 00:50:56,500 Donc, cette fonction est tout ce qu'il faut. 957 00:50:56,500 --> 00:51:01,550 Je ne dois ajouter quelques HTML ici cependant. 958 00:51:01,550 --> 00:51:05,180 Donc, si je fais défiler ici, c'est la vue HTML. 959 00:51:05,180 --> 00:51:08,300 Nous avons eu une chose ici, qui était un un tag. 960 00:51:08,300 --> 00:51:09,610 Vous n'avez pas besoin de s'inquiéter à ce sujet. 961 00:51:09,610 --> 00:51:12,000 >> Ce qui compte pour vous est cet ID incrément. 962 00:51:12,000 --> 00:51:14,990 Et c'est ce qui nous a permis de dire, quand nous avons cliqué minimum, nous devons 963 00:51:14,990 --> 00:51:16,410 donner cinq points. 964 00:51:16,410 --> 00:51:18,240 Et vous verrez que c'est un bouton. 965 00:51:18,240 --> 00:51:20,150 C'est ce que signifie le Tche. 966 00:51:20,150 --> 00:51:23,190 Et le texte dans le bouton c'est de donner cinq points. 967 00:51:23,190 --> 00:51:26,440 Donc ce que je vais faire, c'est que je suis va copier cette ligne. 968 00:51:26,440 --> 00:51:29,910 Je vais changer l'ID à supprimer. 969 00:51:29,910 --> 00:51:34,310 Et je vais changer l' texte ici pour effacer. 970 00:51:34,310 --> 00:51:35,980 >> Donc, assurez-vous que tout est sauvé. 971 00:51:35,980 --> 00:51:39,010 Je veux revenir à ma JavaScript veiller à ce que j'ai 972 00:51:39,010 --> 00:51:40,880 supprimer la queue ici. 973 00:51:40,880 --> 00:51:41,780 Bon. 974 00:51:41,780 --> 00:51:43,145 Donc, je vais enregistrer les deux fichiers. 975 00:51:43,145 --> 00:51:46,060 976 00:51:46,060 --> 00:51:49,320 Après avoir enregistré les deux fichiers, nous peut revenir vers le bas. 977 00:51:49,320 --> 00:51:51,550 Et maintenant nous voyons que nous avons un bouton supprimer. 978 00:51:51,550 --> 00:51:56,050 Et un pas de plus. 979 00:51:56,050 --> 00:51:58,200 Vous remarquerez que vous pourriez obtenir un erreur parce que quand je clique 980 00:51:58,200 --> 00:52:00,610 supprimer, rien ne se passe. 981 00:52:00,610 --> 00:52:03,930 >> Une manière de déboguer est d'aller Retour à Inspecter l'élément. 982 00:52:03,930 --> 00:52:07,820 Je fais exprès de sorte que vous pouvez voyez comment vous déboguer quelque chose. 983 00:52:07,820 --> 00:52:11,210 En Inspecter l'élément, nous avons tous de notre texte ici. 984 00:52:11,210 --> 00:52:13,320 Je veux revenir à la console. 985 00:52:13,320 --> 00:52:19,230 Et ce qui se passe quand je vais ici c'est que je reçois une sorte d'erreur. 986 00:52:19,230 --> 00:52:21,660 Il dit qu'il n'y a pas de méthode supprimer. 987 00:52:21,660 --> 00:52:30,770 >> Donc ce que cela veut dire, c'est quand je vais revenir au code, j'ai appelé lecteur 988 00:52:30,770 --> 00:52:31,870 supprimer ici. 989 00:52:31,870 --> 00:52:34,430 Supprimer est en fait pas la bonne commande. 990 00:52:34,430 --> 00:52:39,740 Donc, pour savoir quelle est la bonne commande est, il ya l'API Meteor. 991 00:52:39,740 --> 00:52:42,680 La documentation Je tiens à vous signaler gars est juste à à meteor.com. 992 00:52:42,680 --> 00:52:45,190 Donc, je l'ai ici. 993 00:52:45,190 --> 00:52:48,510 994 00:52:48,510 --> 00:52:51,370 C'est juste pour vous les gars savent où pour en savoir plus. 995 00:52:51,370 --> 00:52:54,420 >> Il ya un lien vers la documentation. 996 00:52:54,420 --> 00:52:59,410 Et dans le fond, je peux juste ne trouver pour suppression. 997 00:52:59,410 --> 00:53:03,220 Et ce que vous voyez, supprimez est effectivement supprimer. 998 00:53:03,220 --> 00:53:05,400 C'est la commande qui Je dois appeler. 999 00:53:05,400 --> 00:53:09,620 Alors, maintenant que nous savons que, je vais pour changer cette supprimer supprimer. 1000 00:53:09,620 --> 00:53:13,060 1001 00:53:13,060 --> 00:53:18,010 Alors maintenant, quand je vais revenir à mon classement site, je vais cliquer 1002 00:53:18,010 --> 00:53:19,450 supprimer, et maintenant je suis parti. 1003 00:53:19,450 --> 00:53:21,290 Il n'y a plus Roger. 1004 00:53:21,290 --> 00:53:25,470 Et je peux continuer la suppression de tous les nom unique jusqu'à ce que je n'ai plus rien. 1005 00:53:25,470 --> 00:53:33,600 1006 00:53:33,600 --> 00:53:36,060 >> C'était donc un petit aperçu de la façon d'utiliser Meteor. 1007 00:53:36,060 --> 00:53:38,990 1008 00:53:38,990 --> 00:53:42,380 Vous apprendrez beaucoup plus JavaScript et HTML nécessaire de faire 1009 00:53:42,380 --> 00:53:46,970 plus jolie, que nous aborderons dans l'[de cette semaine? pièce?] pour HTML 1010 00:53:46,970 --> 00:53:49,630 et JavaScript dans le prochain [? pièce?] réglé. 1011 00:53:49,630 --> 00:53:53,150 >> Donc, ne soyez pas inquiets si pas tous ce genre de choses est facile de vous. 1012 00:53:53,150 --> 00:53:56,410 Il sera au moment de le projet final. 1013 00:53:56,410 --> 00:53:58,030 Merci pour se présenter. 1014 00:53:58,030 --> 00:54:01,380 Le lien que je vais mettre à jour peu de temps après la séminaire afin que vous puissiez voir plus 1015 00:54:01,380 --> 00:54:05,630 exemples que j'ai mis en œuvre sur la façon pour obtenir le classement plus avancé 1016 00:54:05,630 --> 00:54:08,640 que j'ai sur ce site ici un radical-leaderboard.meteor. 1017 00:54:08,640 --> 00:54:19,550 1018 00:54:19,550 --> 00:54:21,260 Merci. 1019 00:54:21,260 --> 00:54:22,760 >> [Applaudissements] 1020 00:54:22,760 --> 00:56:58,070