>> ROGER ZURAWICKI: Bonjour à tous.
Puis-je attirer votre attention?
Merci, les gars.
Aujourd'hui, je veux parler de Meteor.
Il s'agit d'un framework JavaScript.
Nous irons à la façon dont vous pouvez faire des applications web vraiment cool.
>> Avant d'entrer dans le JavaScript, je viens veux vous dire que ce gars volonté
être - vous aurez un plus tard piece ce semestre.
Il devrait être d'environ JavaScript.
Je pense que [inaudible] est d'abord aller à couvrir le web HTML PHP choses avant nous
passer à JavaScript.
Et dans CS50, JavaScript est considéré comme un code client.
Alors que cela se fasse automatiquement dans le navigateur web.
>> Mais grâce aux progrès récents dans la technologie, nous avons réussi à exécuter
JavaScript en tant que serveur.
Donc, cela a créé un vraiment cool cadre parce que maintenant vous pouvez écrire
légitimement le même code pour le client et le serveur.
Et lorsque vous définissez les fonctions de votre serveur, votre client peut appeler les
mêmes fonctions.
Et il est beaucoup plus facile.
Alors qu'avant, si vous utilisez PHP sur le serveur, JavaScript sur le front
fin, vous devez écrire une fonction PHP puis une version JavaScript de la
même fonction pour faire la même genre de travail.
>> Donc, avant de commencer, je veux vous montrer une démo de ce que
Meteor peut faire pour vous.
Je vais vous montrer la démo, ce qui est vous serez en mesure de créer de la
fin de ce séminaire.
Nous allons juste ici.
Il s'agit d'une application de classement.
Il est en fait basé sur l'exemple que Meteor vous donne.
>> Meteor est très agréable parce que quand vous l'installer comme un paquet, vous pouvez
jouer essentiellement autour avec ces quatre démos.
Et le classement est le premier de ces démos.
Après le séminaire, je vous encourage tous juste explorer les autres démos
parce que je pense qu'ils sont vraiment cool, et ils vous montrent la puissance de Meteor.
>> Donc, ce que c'est, ce n'est hébergé sur le classement.
C'est juste franchement une liste de noms.
Et vous pouvez choisir des personnes.
Ils jaunissent.
Et puis vous pouvez donner les cinq points.
Et vous remarquerez que la liste est trié parce que je me donne plus
et plus de points, je suis maintenant au sommet.
C'est donc là que nous commençons.
>> Et ce que vous serez en mesure d'emporter de ce séminaire est un peu plus
caractéristiques J'ai ajouté à le classement.
Nous aborderons comment, ainsi que ajouter cinq points à un joueur, nous pouvons
supprimer joueurs, nous pouvons ajouter de nouveaux joueurs, et nous pouvons choisir comment nous voulons
de les trier.
Et ce sont tous les appels de l'API très facile que Meteor offre pour vous.
Vous avez également une option ici à tirer au hasard les scores.
>> Donc ce qui est vraiment cool sur ce est vous les gars peuvent réellement
Tous au site.
Je vais le mettre en texte plus grand ici.
Un radical-plomb erboard.meteor.com.
Et quand vous les gars allez sur le site, vous devrait être en mesure de modifier le site, et
toutes vos modifications seront visibles à tout le monde.
Ainsi, vous pouvez - vous les gars sont tous en mesure de se connecter au site?
Donc jouer avec elle.
Allez commencer à supprimer certains noms.
Voir ce qui se passe.
>> Donc, vous voyez tout le monde peut jouer.
C'est juste la sécurité par défaut Mode pour Meteor.
Vous voyez que tout le monde peut modifier les données de l'autre.
Ne vous inquiétez pas.
Meteor fait avoir la sécurité.
Il s'agit d'une mise en oeuvre très facilement fonction, où vous pouvez configurer les utilisateurs
et les connexions.
Mais en ce moment, tout le monde qui visite le site peut se donner autant de
des points comme ils veulent.
J'ai donc toujours comme ça parce que ce est une façon amusante de commencer.
Et puis nous allons parler sur les détails, comment
Meteor rend cela possible.
>> Donc, je vais couvrir ce Meteor est, et puis nous allons juste besoin de couvrir le
deux conditions préalables qui CS50 a pas assez couverte.
Mais à la fin du terme, vous devriez être à l'aise avec HTML et
JavaScript pour vraiment vos mains travail sale avec Meteor.
Et je pense que c'est juste un excellent moyen pour même moins à l'aise les élèves à faire
projets définitifs, car ils peuvent vraiment rester dans une seule langue, et ils arrivent à
voir les changements de leur travailler tout de suite.
>> Donc cette diapositive montre quelques-unes des principales technologies que Meteor JS
donne à vous.
Meteor n'est pas une nouvelle technologie lui-même.
C'est vraiment un conglomérat de toutes ces différentes choses
nous avons sur l'internet.
Ainsi que HTML, CSS, JavaScript, nous avoir certaines technologies comme Node.js,
qui est ce que vous permet d'exécuter JavaScript sur l'arrière de votre
serveur, ainsi un peu de JavaScript bibliothèques, comme jQuery, soulignement.
>> Tous ces éléments vont être familier vous à la fin du semestre.
Et nous recevons aussi d'utiliser une base de données appelée MongoDB, qui est une très
base de données populaire maintenant ces nouvelles entreprises.
Vous pouvez penser que c'est comme MySQL, mais il fonctionne très bien avec JavaScript.
Et il ya d'autres technologies ici et beaucoup plus, je n'ai pas répertorié
que toute l'interface vraiment bien avec Meteor.
>> Je dois mettre cette diapositive parce je suis parfois confusion à ce sujet.
Meteor n'est JavaScript.
Il n'est pas PHP.
Il n'est pas Ruby on Rails.
Donc, si vous écrivez du code, si vous voulez écrire un projet Meteor, vous avez vraiment
ne peut pas utiliser le code Ruby.
Vous n'avez vraiment pas d'utiliser PHP.
>> Alors que nous allons voir que les différences de code et la syntaxe peuvent ne pas être que
différent, je tiens à souligner que vous Meteor, tout ce que vous code est
seulement en JavaScript.
Et tout ce que vous montrez à l'utilisateur sera en CSS HTML.
Mais vous n'êtes pas en utilisant l'une des les autres langues que l'autre
séminaires pourraient couvrir.
Qu'est-ce Meteor est également un serveur Web.
Donc, même si vous n'avez pas JavaScript, et vous voulez juste pour servir
fichiers CSS et HTML, Meteor peut le faire pour vous.
>> Et voici le lien de nouveau à la démonstration que je suis vous les gars
commencé à jouer avec.
Mais passons à HTML.
Combien de personnes ici ont aucune idée de ce qu'est le HTML?
OK grande.
Et c'est tout à fait bien.
Vous n'avez vraiment pas besoin d'en savoir beaucoup sur parce que nous allons passer en revue la
utilisation très simple.
>> C'est ce simple page HTML ressemble.
Cela peut être comme votre bonjour, monde HTML, alors que nous avons commencé en C avec
bonjour, monde.
Je ne veux pas que vous insistez sur la détails de ce que HTML, ce tête, ce qui
corps, ce titre fait là.
Je veux juste souligner la structure, comment vous avez des balises.
Et c'est les équerres.
Et c'est là que vous avez vos descripteurs.
>> Ainsi, vous pourriez avoir le document HTML.
Et puis vous fermez le document HTML avec barre oblique inverse même chose.
Et vous avez différents types de balises.
Et remarquez qu'ils sont tous adaptés.
Vous aurez comme une étiquette de corps puis une étiquette de corps à proximité.
Et à l'intérieur de la balise body, ce sera le contenu de votre page Web.
Donc, cette page web serait tout simplement afficher dans un fond blanc et le texte noir
bonjour, monde.
Est-ce que c'est logique?
OK.
>> Maintenant, je vais vite couvrir JavaScript.
Dans les mots d'un TF précédente, "JavaScript est la meilleure programmation
langue actuellement en existence.
D'autres personnes vont essayer de vous dire le contraire.
Ils ont tort ". JavaScript est assez agréable, et je vais vous montrer pourquoi.
>> Donc, c'est l'exemple classique nous commençons avec en C. Nous avons bonjour, monde.
Et vous remarquerez que même si vous réduisez , vous devez avoir au moins deux
lignes de code ici.
J'ai plusieurs lignes de code.
Cela peut se faire très simplement.
Une ligne en JavaScript avec console.log, et alors votre chaîne,
bonjour, monde.
>> Maintenant, même si nous nous dirigeons vers une nouvelle langage JavaScript, la quasi-totalité de l'
compétences que vous avez appris en codant en C sont directement portable.
Donc, cordes, l'idée de chaînes dans guillemets, c'est la même chose.
Le point-virgule, qui est la même.
>> Une caractéristique intéressante à propos de JavaScript est en fait que vous
n'ont pas besoin de point-virgule.
Il peut deviner que vous devriez mettre un point-virgule là.
Mais cela dit, vous devriez toujours essayer de mettre vos points-virgules là.
Il est considéré comme un bon style.
Et aussi, il n'y a pas de fonction principale.
Vous venez de commencer au début du fichier et lire en ligne les choses par ligne.
>> Alors c'est ce qu'il faut faire que bonjour, programme mondial.
Et puis notez que vous devez faire bonjour et puis exécutez bonjour.
Avec JavaScript, il est considéré comme un langage interprété.
Ce que vous devez savoir est que il n'y a pas de décision.
>> Il n'y a pas de compilation.
Vous venez de lancer noeud.
Et n'oubliez nœud est le programme qui exécutera votre JavaScript sur une console,
sur une boîte noire, pas le site.
Donc, vous donnez simplement le fichier, et c'est va imprimer bonjour, monde.
>> Je fais en fait une petite démo de que pour vous les gars ici.
Allons donc à mon Node.js borne.
OK.
Passons ici.
Donc, je vais commencer à noeud.
Et je vais vous montrer les gars à juste une seconde comment obtenir cette
installé, si vous ne le faites pas.
Permettez-moi de dire un peu plus.
OK.
J'espère que vous pouvez voir.
>> Je peux donc écrire du code comme je l'ai fait avant dans console.log.
Salut, Roger.
Et remarquez que je n'ai pas à faire la virgule, mais je reçois ce bizarre
chose indéfinie.
Eh bien en fait, jamais l'esprit à propos la chose définie.
Choses que je veux vous faire remarquer, c'est que vous n'ont pas besoin de la fonction principale ici
pour commencer l'exécution de code.
Et il n'y a pas de fin de barre oblique inverse.
Il ya quelques petites fonctionnalités qui JavaScript peut faire pour vous.
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: Oh oui.
Je suis désolé.
Et cette flèche signifie simplement nœud est prêt pour une autre commande.
Ainsi, vous pouvez avoir faire simple, mathématiques, comme 1 plus 1.
Et tout comme en C, les mathématiques symboles sont les mêmes.
Je peux faire console.log d'un nombre.
Et puis il imprime deux.
JavaScript est agréable dans ce sens, car même si deux est un int,
comme en C, si vous n'avez printf avec deux, vous obtiendrez une erreur.
>> Mais le JavaScript sait, oh, vous êtes imprimer quelque chose.
Je vais avoir besoin d'une chaîne.
Permettez-moi de convertir que deux dans une chaîne pour vous.
Et vous pouvez aussi faire des trucs bizarres comme salut, puis plus deux.
C'est juste un autre exemple comment deux peut être converti en là aussi.
>> Donc, avec ce que sur la route, nous allons couvrir un peu plus le JavaScript.
Donc, en C, nous avons types.
Chaque fois que nous avons créé une nouvelle variable, nous je dois dire que c'est c'est char * ou
chaîne dans le cas CS50.
Ou si nous avons eu un nombre décimal, nous avions à dire flotteur.
Si nous avions besoin d'un booléen, nous avions à dire b.
Et puis une fois que nous avions quelque chose que a b, il devait rester un bool.
Nous ne pouvions pas changer comme par magie à un int, sauf que nous avons écrit dans le
parenthèses, int de b.
>> En JavaScript, il n'y a pas de types.
Vous venez de penser que c'est var.
Et var est la façon dont vous créez un nouveau type.
Donc, il peut avoir var s étant une chaîne, var n étant un flotteur,
et var b étant vrai.
Et une chose que vous ne pouvez pas faire dans C est Je peux maintenant dire, après cette ligne, b
est égale à un nombre entier.
Et cela fonctionne très bien.
Considérant que, dans C, il serait comme dire votre entière n'est pas un bool.
Je ne peux pas le faire pour vous.
Ou [inaudible] jetterait une erreur.
>> Et je peux revenir rapidement dans le noeud et montrer une partie de cette fonctionnalité.
Donc, je peux avoir un var a.
Appelez-le «Apple». Alors maintenant, quand j'imprime un, Je reçois mon string, Apple. Mais je ne peux
alors dire un égal 3.
Et remarquez qu'il n'y a pas d'erreur.
Et est maintenant égal à 3.
Vous avez des questions à ce jour?
Oui.
>> PUBLIC: Attendez, si CONSOLE.LOG est essentiellement printf, non?
>> ROGER ZURAWICKI: Console.log est votre printf.
>> PUBLIC: Droit.
Alors comment se fait si vous tapez simplement dans huit ou [inaudible], qu'est-ce que
[Inaudible]?
>> ROGER ZURAWICKI: Droit.
Il est donc -
les trucs en vert est imprimé à la console.
Et ce que nous allons le voir est quand nous nous déplaçons sur le Web
Cette page, nous ne serons pas en train de faire -
JavaScript sera d'avoir un HTML modèle, que je vais couvrir dans le
Meteor partie du séminaire.
Et c'est là que vous pouvez dire, donnez-moi la valeur de a, et il sera mis dans un
votre site.
Parce que chaque navigateur fait a une petite console.
Et si vous regardiez très attentivement, vous serait obtenir des informations, comme votre
printf ya apparaissant là avec chaque page Web que vous chargez.
>> PUBLIC: Comment avez-vous à l'écran de la coquille?
>> ROGER ZURAWICKI: Donc, il ya une commande appelé nœud, et il est livré avec Meteor.
Donc, je vais arrêter de sortir de là.
Nœud est le programme qui exécute JavaScript.
Si vous allez à meteor.com, vous peut installer Meteor, et
Meteor est livré avec noeud.
Parce que Meteor est juste une collection de tous ces logiciels.
Quand nous arrivons à notre exemple, je vais marcher tout le monde à travers l'installation
Meteor, et alors vous pouvez jouer avec vous-même noeud.
Bon, d'accord.
>> Donc, une autre grande caractéristique de travail avec JavaScript n'est boucles sont identiques.
À peu près exactement la même.
Pour les boucles, les boucles while, do tout en boucles, si d'autre.
C'est tout de même avec les accolades.
C'est la même syntaxe.
Dans le cas d'une boucle for, la petite détail que vous devez faire attention
TO est la place de int i est égal à 0, nous avons à dire var i est égal à 0.
Mais c'est parce que des variables types dont nous avons parlé auparavant.
>> Notez que le printf devient un journal, un console.log.
Et nous n'avons pas besoin de faire de pour cent p oblique n et ensuite passer à i.
Vous pouvez juste dire que j'ai.
Et il imprimer les numéros de zéro à quatre.
Si vous voulez les gars d'essayer, parce que vous avez soulevé un bon point.
Si vous voulez exécuter ce code sur votre propre navigateur, je vous recommande de
tout le monde ouvre Google Chrome.
Google Chrome ou tout autre navigateur web vraiment, mais j'aime Google Chrome
car il est très standardisé.
>> Vous pouvez aller à, je crois, si vous droit cliquer sur n'importe quel site, juste à l'
espace blanc, vous verrez une option Inspecter l'élément appelé.
Il est généralement le dernier.
Et lorsque vous cliquez dessus, vous devriez obtenir une chose au fond apparaisse ici.
Permettez-moi ici un zoom avant.
Et nous avons quelques onglets ici.
Celui que vous aimez est la console.
>> Et c'est une console JavaScript que vous pouvez maintenant travailler avec.
Grand.
Donc, je peux taper dans la même étoffe Je tapais avant dans le noeud.
Un plus un est deux.
Var un est égal à "Apple".
Et puis je imprimer une, et un est «Apple».
Ainsi, dans n'importe quel navigateur Web, Firefox, Chrome, Safari, ce que vous utilisez, comme
Tant que vous avez accès à un JavaScript console, le même genre d'
code, je courais en nœud peut fonctionner dans votre propre console.
>> PUBLIC: [inaudible]?
>> ROGER ZURAWICKI: Comment accéder à la console?
Vous devez cliquer droit sur un espace vide sur la page, et puis vous allez à
Inspecter l'élément.
Donc en fait, je voudrais vous les gars juste vous assurer que vous pouvez
Inspecter l'élément dans Chrome.
Et voir lorsque vous tapez dans certains code dans la console
qu'il fonctionne correctement.
N'hésitez pas à poser des questions si quelque chose n'est pas clair ici.
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: Tout type, à droite.
Il ya un seul type pour tous variables JavaScript.
Et quand vous avez à déclarer une variable, vous dites var.
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: Ouais.
Il le fait, mais en JavaScript, il est très intelligent sur l'allocation de mémoire.
Il n'y a pas malloc.
Il n'y a pas de droits.
Donc, vous n'avez pas besoin de s'inquiéter à ce sujet.
C'est une autre fonctionnalité intéressante que JavaScript vous fournit.
>> Donc, je voudrais passer.
Serait-ce OK?
OK.
Grand.
>> PUBLIC: J'ai juste du mal à trouver le [? Inspecter l'élément. ?]
>> ROGER ZURAWICKI: regards Donc Safari un peu différent, mais ne vous
avoir Chrome ou Firefox?
Ce sont le plus facile ceux pour travailler avec.
Et pour vos projets, je vous recommande coller avec un navigateur, car
vous aurez beaucoup de bugs presque parce que chaque navigateur traite
JavaScript HTML un peu différemment.
Je pense donc que votre vie sera beaucoup plus facile si vous vous en tenez à Chrome parce
il est disponible sur toutes les machines.
Et c'est un navigateur très populaire.
OK?
>> Donc le sujet suivant que nous devrions couvrir en JavaScript -
Je suis désolé pour la mise en forme ici.
J'ai eu à étirer les diapositives pour correspondre le projecteur grand écran.
Mais je voudrais maintenant parler comment vous faites fonctions.
En C, nous devons déclarer chaque fonction.
Comme int ajouter, et cela prend un int en x, et un int y, puis nous ajoutons
et le retourner.
>> En JavaScript, les fonctions sont en fait un autre type de variable.
Ainsi nous disons juste var ajouter, et elle est égale à une fonction.
Une fonction qui prend un x et a y.
Et qu'est-ce que cette fonction fait?
Il retourne x + y dans exactement la même syntaxe comme en C. Et vous remarquerez que dans
JavaScript, vous ne serez pas dit ce que le fonction retourne car depuis
les variables n'ont pas les types de toute façon, il ce n'est pas vraiment productif, je suppose,
à préciser tout votre types dans vos fonctions.
Et puis, quand vous appelez une fonction, c'est exactement la même syntaxe que C. Vous
il suffit de passer dans vos deux arguments.
Je voudrais essayer dans mon nœud.
Puis-je changer la lame?
>> PUBLIC: [inaudible].
Aurons-nous une copie des diapositives?
>> ROGER ZURAWICKI: Oui.
Donc, revenons à noeud.
OK.
Donc, je dirai var complément égal fonction.
Prendre un x, y prendre un.
Et puis, il sait que de la déclaration pas terminé.
Donc, dans le noeud ou dans votre console, vous remarquerez Dot Dot Dot.
Ainsi, vous pouvez continuez à taper votre code.
Et maintenant, je vais dire return x + y.
Et puis fermez l'accolade.
Et au moment où je ferme l'accolade, il voit que la déclaration est terminée.
>> Et maintenant, je peux dire ajouter un et deux.
Et je vais prendre trois sur.
Notez que si je n'avais tout simplement ajouter, il me dit que c'est une fonction.
Et une chose juste à faire attention à est si vous lui donnez le mauvais numéro de
arguments, il fera.
Il sera exécuté, mais vous pourriez obtenir des résultats très étranges.
Un peu comme une valeur d'ordures, vous pouvez penser.
Alors s'il vous plaît aller de l'avant et essayer ce dans votre navigateur.
>> OK, donc dans l'intérêt de temps, je vais maintenant passer aux prochaines fonctionnalités dans
JavaScript.
Nous avons donc parlé de fonctions.
Nous avons parlé de boucles, si les états trop.
La syntaxe est la même comme C, et les variables.
Et maintenant, je veux parler des tableaux.
Je suis désolé que les diapositives s'est un peu coupé.
Mais en fait, dans la première section, tout ce que vous devez fonctionnera.
>> Nous avons donc un autre type de des variables appelées tableaux.
Et nous utilisons crochets pour les désigner.
Ainsi, dans le premier exemple, var arr, tableau vide.
Ceci est la liste vide, donc un tableau ne contenant pas d'éléments.
Et vous pouvez aussi avoir un tableau avec trois chaînes.
En C, chaque élément de votre tableau dû être du même type.
>> Mais parce que dans JavaScript, il est seulement un type, les tableaux peuvent réellement
avoir différents types de valeurs.
Comme ici, nous avons un tableau avec un flotteur, un bool, et un int.
La façon d'obtenir une longueur d'un tableau, vous n'avez pas réellement besoin d'utiliser la taille de
ou quoi que ce soit.
Vous venez de dire ensemble et alors les points sur la longueur.
Et cette longueur de point, vous pouvez penser à il un peu comme une structure, comment chaque
tableau a un champ, une variable supplémentaire l'intérieur de celui appelé longueur, qui
garde la trace de combien de temps votre tableau est.
>> Donc, je suis juste rapidement vais pas entrer dans nœud et vous montrer les gars de la même chose.
Donc, je peux avoir un tableau.
Il peut être une liste vide.
Et il me imprimer sauvegarder une liste vide.
Grand.
Je peux maintenant dire que le tableau a 1, et 2.3, et vrai.
Donc, tous les différents types.
Et vous remarquez cela fonctionne très bien.
Le tableau que je revienne supports toutes les valeurs que j'ai donné il.
>> Si je voulais obtenir le premier élément de le tableau, la syntaxe est en fait
les mêmes que dans C. Vous peut dire éventail zéro.
Et vous obtenez un.
Je peux dire la même chose pour tableau deux, et je reçois vrai.
Si je fais quelque chose en dehors du réseau, JavaScript est un langage sûr
parce que je ne vais pas d'un défaut de segmentation.
Je vais indéfini.
>> Et ce non défini, vous pouvez genre de penser comme nulle.
Mais il peut être très ennuyeux quand vous code, car vous aurez à vérifier que
presque tout ce que vous faites, vous travailler avec n'est pas défini.
Et nous allons voir quelques exemples de lorsque nous travaillons dans Meteor.
>> Bien tableau quatre n'est pas défini, Je peux lui attribuer une valeur.
Donc, je vais le dire égal à un.
Et puis, si je vais à tableau, je avoir la valeur supplémentaire là.
Et remarquez que tableau à trois, qui a également a été undefined, undefined séjours.
Donc, j'ai maintenant un tableau avec un trou au milieu.
Mais si j'ai imprimé tableau de quatre, Je voudrais obtenir un.
Si je le faisais tableau à trois, je reçois indéfini.
>> Ainsi, la fonctionnalité intéressante que JavaScript vous permet de faire est que les listes peuvent
changer la taille.
Les tableaux, les tableaux étant listes, ils changent de taille.
Et vous pouvez spécifier n'importe quel endroit à l'intérieur d'eux.
Et toutes les lacunes seront comblées avec ces valeurs non définies.
>> Nous avons donc parlé de tableaux.
Maintenant, la dernière chose que je veux couvrir JavaScript, et cela est très important
pour comprendre le code qui Je vais vous montrer,
va être objets.
Et les objets sont un terme -
fondamentalement, ils sont présents dans de nombreux langages de programmation.
Et chaque langage de programmation aime penser à eux un peu différemment.
>> Mais je pense que pour Meteor, une bonne analogie est la structure C.
En C, si nous voulons trouver la structure étudiant, nous aurions à spécifier toutes les
choses à l'intérieur de celui-ci.
Donc, il doit avoir un nom.
Il doit avoir un an.
Il doit avoir un sexe.
Mais nous devons aussi lui donner le types de toutes ces choses.
>> Et maintenant que nous avons ce moule pour la struct appelé étudiant, nous pouvons avoir une
nouvelle structure, et alors nous pouvons manuellement dire ce que chacun des champs sont.
Et c'est là que nous utilisons le nom de point, dot année, les points sur le sexe.
Et ensuite nous dans la dernière ligne de code ici, je vais juste l'impression de la
le nom de l'étudiant de struct.
>> Dans le monde JavaScript, il est rien de tel que struct étudiant.
Vous n'avez pas de générer une structure prédéfinie.
Vous fait juste, dans ces supports, vous dites que tout est.
Et c'est cette notation bizarre avec le côlon et la virgule, mais vous aurez
s'habituer à elle assez vite.
>> Et c'est en fait un vraiment facile, manière flexible de juste
manipulation d'objets.
Vous remarquerez que si je veux obtenir maintenant nom de s, je fais juste s.name.
Y at-il des questions à ce sujet?
Cela a généralement été un très déroutant sujet lorsque nous introduisons les gens à
JavaScript.
Je ferai quelques exemples de ce à noeud.
Oui?
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: Donc vous faites avoir un exemple, plusieurs
des variables de ce type.
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: OK.
Donc je suppose que la façon dont vous vous y prendriez est vous mettriez objets dans un tableau,
et maintenant vous avez une tableau d'objets.
Est-ce que cela répond à votre question?
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: Oui.
S est un objet.
Donc, nous pouvons aller dans le noeud et juste jouer un peu.
>> PUBLIC: [inaudible]?
>> ROGER ZURAWICKI: Oh, OK.
Donc, si vous vous demandez ce que les classes sont, classes sont traités très différemment,
et ils ont un régime vraiment bizarre appelé prototypage, que vous n'avez pas
besoin de connaître.
Il n'existe aucun moyen fixe de le faire.
Donc, si vous voulez générer des multiples, vous serait juste sorte de disposer d'une fonction
ou quelque chose.
Vous générez votre propre fonction.
Et vous renvoyer un objet.
Ce serait le moyen le plus façon de le faire.
Cela fait-il sens?
OK.
Grand.
Donc, une fois que nous avons une compréhension de JavaScript objets, ils sont -
oh, oui.
>> PUBLIC: [inaudible]
exemple, quelle est la différence entre «Roger» avec des guillemets doubles par rapport à
[Inaudible] avec des guillemets simples.
>> ROGER ZURAWICKI: OK.
C'est donc dans C, nous avons le seul citations représentant caractères, et le double
citations représentant cordes.
JavaScript jette effectivement cette distance parce que vous pouvez avoir avec les chaînes
guillemets simples ou doubles, et il ya rien de tel que d'un seul car.
Mais si vous venez de copier le même code C, JavaScript serait
traiter très bien.
C'est pourquoi je l'ai traité comme -
c'est pourquoi je ne peux littéralement le port le code en ce sens.
>> Et je veux vous montrer un exemple d'un objet plus complexe.
Ainsi, vous pouvez remarquer qu'un objet peut avoir des chaînes comme valeurs.
Il peut avoir une autre liste de valeurs.
Il pourrait avoir une liste de objets comme des valeurs.
Il n'y a vraiment pas de limite à cela.
Donc, ici, c'est juste une bonne démonstration de la façon dont vous pouvez obtenir beaucoup
différents types en cours tout en un objet.
Est-ce logique?
>> Maintenant, vous pouvez aussi avoir des tableaux d'objets.
Et ici est une sorte de semblable à ce que vous demandé, si vous pouvez avoir des objets de
du même type.
Mais le problème est, il n'est pas fixe format pour les objets en JavaScript.
Donc, vous devez les spécifier vous-même.
Et vous devez vous assurer qu'ils sont uniformes.
Donc, ici, quand je crée un objet, j'ai pour s'assurer que chacun a un
nom, et chacun a une maison.
>> Et puis j'ai un tableau de ceux-ci, et qui peut être mon chalet.
Et puis là, vous pouvez genre de voir la boucle en cours.
La boucle pour être juste un très commun façon à traverser au cours d'un tableau
en JavaScript.
Notez que ce modèle est très semblable à l'équivalent de C, où vous
avoir int i est égal à zéro. Je est inférieure à la longueur.
Et puis j'ai plus plus.
>> C'est presque le même code, l'exception de quelques détails.
Donc, tout le monde ne comprend ce qui est un objet?
Il suffit de penser comme une struct C.
Et la façon dont vous accédez aux champs est juste avec le point.
Et aussi longtemps que vous vous souvenez comment utiliser le point, vous serez amende.
>> OK, maintenant tout le monde peut lire ce lien?
C'est le lien vers le projet.
Quelqu'un est-il de la difficulté à voir le lien?
OK, nous allons changer ensuite.
Ce n'est pas -
Ouais, c'est probablement l' meilleure façon de le faire.
Grand.
>> Donc, si vous allez à ce site, il devrait être quelques instructions que je vais
aller sur la façon dont nous pouvons installer Meteor et obtenir notre exemple de projet en marche.
Je veux m'assurer que tout le monde a le lien vers le bas avant de passer.
Puis-je passer?
Bon, d'accord.
>> Donc ici, je suis sur le site.
Vous remarquerez dans le fichier readme, nous avons des instructions sur la façon
à se mettre en place e.
Vous devez être soit dans le CS50 appareil ou tout simplement sur un Mac.
Windows fonctionnera pas.
Mais fondamentalement, tout ce qui n'est pas Les fenêtres doivent travailler avec ces
instructions très bien.
Mais je peux faire un peu plus ainsi.
>> Donc, vous allez rencontrer le premier paire de commandes.
Ces gars-là vont tout simplement installer Meteor.
Je peux aller dans mon terminal.
Et si je n'ai plus la même chose maintenant, J'ai déjà installé.
Il est donc un peu plus court.
Il pourrait prendre un peu plus longtemps pour vous les gars.
Mais je veux d'abord vous assurer que nous avons Meteor fonctionnement.
Après Meteor a installé, vous devriez être en mesure d'obtenir nœud dans la console.
>> PUBLIC: Ils demandent pour un mot de passe.
>> ROGER ZURAWICKI: Ce serait votre mot de passe utilisateur, si vous êtes sur un Mac.
Il a juste besoin de la permission de modifier certains fichiers système.
Donc la question était, si elle vous demande un mot de passe, c'est juste pour vous demander
votre mot de passe nom d'utilisateur lorsque vous vous connectez à votre Mac.
Et c'est afin que vous puissiez modifier les fichiers système.
>> Et quand vous êtes prêt, vous pouvez passer à l'étape suivante, qui sera de copier le
exemple de code que j'ai sur le site.
Et vous obtiendrez un nouveau répertoire dans votre Accueil annuaire appelé classement, et
nous pouvons commencer à travailler à partir de là.
Donc, je suis en train de copier et de coller ces commandes dans mon terminal.
Et pour moi, je l'ai déjà cloné il.
Donc, je ne peux passer maintenant en classement.
Et je devrais avoir un peu fichiers il.
Vous avez des questions?
>> PUBLIC: [inaudible] ne fonctionne pas.
>> ROGER ZURAWICKI: Oh, vous pourriez besoin git installé ainsi.
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: Désolé?
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: Oh, OK.
OK.
C'est parce que vous pourriez avoir besoin d'être connecté à GitHub pour obtenir ce lien.
Si vous les gars peuvent voir que, le plus façon de le faire je puis dire, c'est
télécharger le zip.
Et ce sera juste télécharger tous les fichiers.
Et puis une fois que vous mettez dans votre télécharger ou votre répertoire home -
Je recommande de le mettre dans votre répertoire de sorte que nous pouvons tous
exécuter les mêmes commandes.
Tant que nous avons les fichiers, nous allons être en mesure de commencer à travailler avec eux.
Permettez-moi de savoir si les gens ont des difficultés à télécharger les fichiers.
>> PUBLIC: par répertoire personnel, vous dire -
>> ROGER ZURAWICKI: Annuaire donc de la maison serait être John Harvard, si vous êtes dans
l'appareil de CS50.
Pour accéder à votre répertoire personnel, il suffit de taper dans C.
>> PUBLIC: [inaudible]
CS50 appareil [inaudible].
>> ROGER ZURAWICKI: Oui.
Vous souhaitez exécuter les commandes dans votre terminal.
>> PUBLIC: [inaudible].
J'ai eu une erreur qui dit non fichier ou répertoire.
>> ROGER ZURAWICKI: Nous pouvons prendre un rapide briser et assurez-vous que
tout le monde a Meteor installé, et je vais juste aller essayer d'aider les gens.
S'il vous plaît essayer de s'entraider si vous heurter à des problèmes.
Désolé, ouais.
Etes-vous à la fois dans l'appareil?
>> PUBLIC: Ouais.
J'ai la RISA
>> ROGER ZURAWICKI: OK.
Si vous revenez sur le site, aller défiler vers le haut vers le haut.
Et il ya ce HTTPS.
>> PUBLIC: Copiez ce?
>> ROGER ZURAWICKI: Ouais.
Et puis vous voulez taper git clone.
Donc, si vous appuyez sur Ctrl A -
>> PUBLIC: ici?
Et faire [inaudible]?
>> ROGER ZURAWICKI: G-I-T.
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: Git puis cloner.
Il est donc très similaire à la commande vous eu ci-dessus, mais l'adresse URL modifiée.
Donc, avant c'était cela, maintenant c'est ce.
Permettez-moi de mettre à jour le -
ouais.
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: Ceci est téléchargé.
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: Oh, il ne pas cloner correctement.
Je vais corriger cela.
Il ya une erreur d'essayer pour télécharger les fichiers.
Permettez-moi de mettre à jour la commande pour vous les gars donc je peux vous assurer que cela va fonctionner.
Je suis désolé.
Il doit être le même pour Mac ou appareil de CS50.
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: J'ai mis à jour le commande pour le numéro deux, si
vous actualisez la page.
Et avec cela, URL, vous devriez être en mesure de télécharger les fichiers.
>> PUBLIC: Donc, si nous sommes encore télécharger [inaudible].
>> ROGER ZURAWICKI: Si vous êtes encore télécharger Meteor?
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: Oui, si vous voulez à développer sur votre Mac.
Mais vous devez le développeur de Xcode outils installés.
J'ai testé ces commandes sur le CS50 appareil, je peux vous garantir
que cela va fonctionner.
Oui. laissez-moi partir et vous aider.
>> PUBLIC: [inaudible].
Je donne mon mot de passe.
C'est Mac.
Et puis je fais [inaudible].
>> ROGER ZURAWICKI: OK.
Je voudrais essayer d'exécuter toutes les commandes uniquement dans le terminal de l'appareil de CS50.
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: Je voudrais faire fonctionner sur la première borne, sur l'
appareil CS50, puis le terminal Mac.
>> PUBLIC: Donc, si vous le faites sur le CS50 'appareil en comme ça, [inaudible].
>> ROGER ZURAWICKI: Je voudrais passer , mais si les gens ont encore
la difficulté à mettre en place Meteor, Kevin est plus qu'heureux de vous aider vous les gars,
Kevin dans la chemise grise.
Ce que nous devrions avoir, c'est que nous allons exécuter la dernière commande, le numéro trois, dans
notre terminal.
Quand nous faisons cela, nous courons Meteor.
>> Et vous devriez -
oh, j'ai déjà Meteor fonctionnement.
Donc, il ne va pas laisser - permettez-moi de il suffit de fermer mon autre Meteor.
Quand je lance Meteor, vous devrait maintenant voir que -
vous devriez voir le répertoire courant que c'est de servir.
Et maintenant, il va dire le serveur est en cours d'exécution sur http://localhost.
C'est l'URL que vous souhaitez mettre dans votre navigateur Web.
>> Et sur cette URL, vous devriez être en mesure de accéder à un joli petit classement.
Donc, notez que c'est sur localhost, ce qui signifie que si vous faites une
changements, vous n'allez pas à voir les changements de chacun.
Tandis que sur le site je vous ai montré au début, nous pourrions obtenir
Les changements de tout le monde car tout le monde a accès au même site.
>> Alors permettez-moi de parler de [? mot?]
3000.
Donc, vous devriez être en mesure de simplement confirmer que la fonctionnalité fonctionne.
Vous pouvez sélectionner différentes personnes, et vous pouvez leur donner des points différents.
Donc, je donne des points de quelqu'un.
Vous pouvez aussi voir que ils montent en grade.
>> Maintenant, dans l'intérêt du temps, il sont trois fonctions que j'ai
mis en oeuvre.
Et nous allons mettre en œuvre la suppression utilisateurs que notre premier long métrage.
Mais avant de poursuivre, sont Y at-il des questions?
Vous aviez levé la main.
Oui?
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: Pouvez-vous vérifier que Meteor est installé?
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: hôte local 3000?
Et vous êtes dans l'appareil de CS50?
Je peux le faire -
vous n'avez pas à être sur un Mac.
Ce sera le travail de l'appareil.
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: Dans la normale navigateur web, ouais.
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: Est Meteor marche?
Alors OK, il ya ici une distinction.
Si vous utilisez dans le appareil, vous avez à faire
l'hôte local au sein de l'appareil.
Si vous utilisez dans votre Mac, comme je suis, alors je peux faire
mon Mac de Google Chrome.
Mais si vous utilisez l'appareil de CS50, vous avez à faire tout
dans l'appareil.
Donc, vous devez utiliser Google Chrome dans l'appareil.
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: C'est ne fonctionne toujours pas?
>> PUBLIC: [inaudible].
>> ROGER ZURAWICKI: Donc, juste pour répéter, comment voulez-vous accéder au site maintenant.
Vous avez une URL ici localhost 3000.
Si vous êtes dans l'appareil de CS50, vous devez ouvrir CS50
Google Chrome appareil.
Et en ce que Google Chrome dans le appareil, vous pouvez taper dans l'URL,
et vous devriez voir un classement.
Donc, je vais juste le mettre hors sur le côté un peu ici.
Et maintenant, je vais ouvrir mon éditeur de texte ici.
Alors permettez-moi de faire en sorte que le code est dans l'ordre.
OK.
Grand.
>> J'aimerais maintenant marcher à travers un peu le code.
Et le premier fichier j'aimerais commencer avec c'est leaderboard.html.
Vous serez en mesure d'obtenir ce code après le séminaire, je veux juste montrer
vous sur mon ordinateur ce qui se passe.
J'espère donc que tout le monde peut le voir.
Ainsi, au début du fichier, nous avoir la tête et le titre, qui
est semblable à ce que nous avons vu dans tous les documents HTML.
Et puis nous allons avoir la balise body ici.
>> Qu'est-ce que j'ai choisi est le principal corps, essentiellement ce qui est
va se faire affiché.
Mais il ya un nouveau non-HTML les choses, et c'est dans le
doubles crochets.
Et ce sont des balises modèle.
Vous verrez donc ici cette tranche nouveau classement support.
Et c'est un peu - pensez-y que d'appeler une fonction pour le HTML.
>> Il s'agit d'une version spéciale du HTML.
C'est la version qui utilise Meteor, qui C'est pourquoi vous pouvez afficher différents
choses, comme le classement noms et les boutons.
Mais leaderboard vous dit d'aller à la modèle avec le nom des meneurs.
Ainsi modèle n'est pas affiché par lui-même, mais c'est une fonction, il
sera appelée.
Et vous substituez dans tout cela Code ici en classement.
>> La partie intéressante de classement ici est juste ce tableau.
Si vous venez de lire, lire ce code à haute voix, il devrait être intuitif
parce classement, tout ce que nous avoir ici est une table.
Cette classe substance d'identification que vous n'avez pas besoin de s'inquiéter.
Il suffit de savoir qu'il ya un en-tête de la table.
C'est ce thead.
>> Et il trouve un nom et un score.
Tous ces balises, comme thtable, thead, vous venez d'apprendre que vous avancez.
Ce n'est pas important que vous mémorisez ceux-ci parce que vous ne pouvez accéder à n'importe quel
référence en ligne.
Ou à la fin du semestre, les va juste être très familier avec vous.
>> Après l'en-tête de la table, l' partie que je veux attirer votre
attention à ce tag h.
Parce que c'est dans des doubles crochets, c'est un modèle.
Cela signifie donc que pour chacun des joueurs, quelle que soit des joueurs est, nous devons
afficher.
Et nous allons au modèle de lecteur.
>> Si nous descendre un peu plus -
J'espère que tout le monde peut le voir.
Nous avons le modèle de lecteur.
Et ce modèle définit essentiellement un cellule de tableau, où vous mettez le nom
ici et le score.
Zoom maintenant, nous pouvons voir que ce morceau de code -
et qui a été notre joueur là-bas -
définit une de ces cellules.
Chaque chose que je clique devient jaune.
>> Une façon simple je pourrais le changer maintenant.
Assurez-vous que Meteor est toujours en cours.
Meteor devrait être un processus de serveur, si vous venez de le laisser
cours d'exécution lorsque vous avez développé.
Disons que je voulais changer tous les noms ou le score.
Et je dirais que je vais d'ajouter des points ici.
Ainsi, le changement que j'ai fait ici a été, au lieu de simplement score, je
ajouter des points de l'espace de pointage.
>> Je vais effectuer un zoom arrière, et je suis va sauver mon fichier.
Et après je sauve mon dossier, je dois pour s'assurer Meteor est en cours d'exécution.
Désolé à ce sujet.
Je tiens à vous présenter des montages ont été fait en temps réel.
Donc, je vais changer un peu de texte.
Cliquez sur un joueur.
Je mets en majuscules.
Et il devrait être que si cela marche bien, lorsque j'enregistre, il
mettrait à jour.
>> Oh, je pense que maintenant le problème est Je ne suis pas dans le bon répertoire.
OK.
Je suis désolé.
Donc, ici, ce que vous remarquez est mon changement a traversé.
Maintenant dis que je veux annuler la modification.
Je veux revenir à ce que j'ai eu.
Je vais le taper normalement.
Cliquez sur un joueur.
>> Au moment où je le sauve, le le site est actualisé pour moi.
Et je vois mon changement sur le site instantanément.
C'est une fonctionnalité très utile débogage parce que maintenant
Je n'ai pas à -
quand nous écrivons le code C, non seulement nous avons fait avoir à enregistrer le fichier, mais nous avons dû
faire et puis exécutez-le à nouveau.
Meteor est très agréable car, contrairement à C, le moment où vous enregistrez votre code HTML ou
Fichier JavaScript, le changement montre immédiatement.
>> Une question est, dans ces modèles, comment puis-je obtenir les valeurs comme les lecteurs
ou sélectionnez un nom?
Si je zoome ici dans mon code, Je vois cela pour chaque joueur.
Donc, le modèle sait que J'ai en quelque sorte joueurs.
Et il sait qu'il ya un nom sélectionné.
Où cela vient-il?
Cela vient du JavaScript.
>> Et si vous allez à leaderboard.js, ce fichier, maintenant quand je vais ici, nous avons une
quelques commandes définies.
C'est syntaxe de Meteor spécial.
Notez que vous n'avez pas besoin vars ou quoi que ce soit.
Mais ceux-ci sont juste Structures sur struct sur struct ou ces objets.
Et tout ce que je définition est le modèle appelé classement.
>> Classement doit obtenir un chose appelée joueurs.
Et ce qui est des joueurs?
C'est ce que cette expression renvoie.
Et quel est le nom choisi?
C'est un peu plus de code.
Les détails du code nous allons couvrir un peu plus tard.
Mais maintenant, je veux que vous compreniez que dans ce code, nous prenons
joueurs, et nous donnons une valeur.
Dans ce cas, c'est une fonction qui est exécuté.
Ainsi, nous pouvons obtenir la valeur de retour quand nous courons la fonction.
Il s'agit d'un journal.
Cela fait-il sens?
>> Je peux changer la façon dont il est triée.
Ici, il ya un objet de tri.
Et ce que cela dit, c'est que je vais faire un tri par score décroissant première et
puis Nom croissant.
Si je change ce à un, il va pour trier des notes croissant.
Donc zéro devrait être sur le dessus.
Et quand je zoome sur mon site web, nous voir maintenant que le site à jour.
Et le score est monter.
>> La fonction suivante Je veux juste à couvrir est clic minimum.
En rupture de gagner du temps, je ne veux pas être en mesure de couvrir plus de la Meteor
code, mais il ya beaucoup de ressources disponible, et je serai
ici après le séminaire.
Mais je veux juste pour couvrir les événements leaderboard.
Cette syntaxe vous allez apprendre un peu plus tard dans la conférence.
C'est JavaScript.
>> Nous disons simplement que, lorsque nous aurons un clic, et c'est sur l'augmentation, ce
hachage signifie simplement ID.
Sur l'étiquette incrément d'identité, alors que nous voulons de mettre à jour - les mots clés que je veux vous
à surveiller est mise à jour et sélectionner et joueur.
Donc, le joueur qui est sélectionné, nous mettons à jour il.
Et ce que nous faisons est on incrémente son score par cinq.
Et qui va décrire la fonctionnalité nous avons ici.
>> Après la fin de ce séminaire, nous allons être en mesure de voir plus de code.
Mais pour en revenir à mon but que je veux changer le site, je voulais ici
ajouter un bouton de suppression afin Je peux supprimer le lecteur.
Donc, pour ce faire, j'ai besoin de faire deux choses.
J'ai besoin de mettre à jour le code HTML, mettre à jour le voir, ce qui sera diffusé à l'utilisateur, et
alors un peu de JavaScript que lorsque le touche est enfoncée, Meteor va
de faire quelque chose.
Il va supprimer ce joueur.
>> Donc, il ya beaucoup de morceaux de code qui ont essentiellement déjà
été fait pour moi.
Si je regarde ici, j'ai déjà une manière d'obtenir le joueur sélectionné.
C'est ce genre de choses, si vous pouvez le voir.
Donc, si je viens -
Je vais avoir un autre événement.
Donc, je vais copier ce que j'ai.
Comme il s'agit d'une liste, J'ai juste besoin d'une virgule.
>> Alors maintenant, je vais cliquez sur Supprimer.
Et puis, au lieu de la mise à jour des joueurs, Je vais faire les joueurs supprimer.
Et tous les joueurs supprimer besoins est un joueur sélectionné.
Donc, cette fonction est tout ce qu'il faut.
Je ne dois ajouter quelques HTML ici cependant.
Donc, si je fais défiler ici, c'est la vue HTML.
Nous avons eu une chose ici, qui était un un tag.
Vous n'avez pas besoin de s'inquiéter à ce sujet.
>> Ce qui compte pour vous est cet ID incrément.
Et c'est ce qui nous a permis de dire, quand nous avons cliqué minimum, nous devons
donner cinq points.
Et vous verrez que c'est un bouton.
C'est ce que signifie le Tche.
Et le texte dans le bouton c'est de donner cinq points.
Donc ce que je vais faire, c'est que je suis va copier cette ligne.
Je vais changer l'ID à supprimer.
Et je vais changer l' texte ici pour effacer.
>> Donc, assurez-vous que tout est sauvé.
Je veux revenir à ma JavaScript veiller à ce que j'ai
supprimer la queue ici.
Bon.
Donc, je vais enregistrer les deux fichiers.
Après avoir enregistré les deux fichiers, nous peut revenir vers le bas.
Et maintenant nous voyons que nous avons un bouton supprimer.
Et un pas de plus.
Vous remarquerez que vous pourriez obtenir un erreur parce que quand je clique
supprimer, rien ne se passe.
>> Une manière de déboguer est d'aller Retour à Inspecter l'élément.
Je fais exprès de sorte que vous pouvez voyez comment vous déboguer quelque chose.
En Inspecter l'élément, nous avons tous de notre texte ici.
Je veux revenir à la console.
Et ce qui se passe quand je vais ici c'est que je reçois une sorte d'erreur.
Il dit qu'il n'y a pas de méthode supprimer.
>> Donc ce que cela veut dire, c'est quand je vais revenir au code, j'ai appelé lecteur
supprimer ici.
Supprimer est en fait pas la bonne commande.
Donc, pour savoir quelle est la bonne commande est, il ya l'API Meteor.
La documentation Je tiens à vous signaler gars est juste à à meteor.com.
Donc, je l'ai ici.
C'est juste pour vous les gars savent où pour en savoir plus.
>> Il ya un lien vers la documentation.
Et dans le fond, je peux juste ne trouver pour suppression.
Et ce que vous voyez, supprimez est effectivement supprimer.
C'est la commande qui Je dois appeler.
Alors, maintenant que nous savons que, je vais pour changer cette supprimer supprimer.
Alors maintenant, quand je vais revenir à mon classement site, je vais cliquer
supprimer, et maintenant je suis parti.
Il n'y a plus Roger.
Et je peux continuer la suppression de tous les nom unique jusqu'à ce que je n'ai plus rien.
>> C'était donc un petit aperçu de la façon d'utiliser Meteor.
Vous apprendrez beaucoup plus JavaScript et HTML nécessaire de faire
plus jolie, que nous aborderons dans l'[de cette semaine? pièce?] pour HTML
et JavaScript dans le prochain [? pièce?] réglé.
>> Donc, ne soyez pas inquiets si pas tous ce genre de choses est facile de vous.
Il sera au moment de le projet final.
Merci pour se présenter.
Le lien que je vais mettre à jour peu de temps après la séminaire afin que vous puissiez voir plus
exemples que j'ai mis en œuvre sur la façon pour obtenir le classement plus avancé
que j'ai sur ce site ici un radical-leaderboard.meteor.
Merci.
>> [Applaudissements]