1 00:00:00,000 --> 00:00:05,159 2 00:00:05,159 --> 00:00:09,240 >> DAN Armendáriz: Hei, ja tervetuloa CS50 seminaari mukauttaminen Cloud 9, 3 00:00:09,240 --> 00:00:11,724 ja CS50 IDE. 4 00:00:11,724 --> 00:00:13,640 Joten tänään aiomme vain puhua hieman 5 00:00:13,640 --> 00:00:16,090 joistakin teknisiä tietoja 6 00:00:16,090 --> 00:00:19,380 menee takana arkkitehtuuri Cloud 9, ja miten 7 00:00:19,380 --> 00:00:25,560 olemme toteuttaneet joitakin laajennuksia osana Cloud 9 antaa CS50 IDE. 8 00:00:25,560 --> 00:00:28,820 Joten juuri hypätä oikeassa ja alkaa puhua laajennuksia. 9 00:00:28,820 --> 00:00:32,659 >> Joten laajennuksia ovat todella at ydin Cloud 9 kokemusta. 10 00:00:32,659 --> 00:00:37,590 Cloud 9 on taustalla tekniikka joka tarjoaa meille IDE, 11 00:00:37,590 --> 00:00:42,160 ja myös terminaalin ikkunasta pohja, yhdessä workspace-- 12 00:00:42,160 --> 00:00:46,430 Ubuntu workspace-- että me käyttää koota kaikki projekteistamme 13 00:00:46,430 --> 00:00:49,190 ja suorittaa meidän ongelma sarjaa, täydentää meidän ongelma sarjaa. 14 00:00:49,190 --> 00:00:51,820 Mutta ytimessä kaikki se, kaikki tekniikka 15 00:00:51,820 --> 00:00:54,590 on oikeastaan ​​vain joukko laajennuksia. 16 00:00:54,590 --> 00:00:58,740 Kaikki on plug-in jota voidaan muokata, 17 00:00:58,740 --> 00:01:00,710 laajennettu, voit luoda oman laajennuksia, 18 00:01:00,710 --> 00:01:03,060 voit poistaa muita laajennuksia, todella muuttaa 19 00:01:03,060 --> 00:01:07,540 melko paljon toiminnallisuutta nykyisten Cloud 9 IDE. 20 00:01:07,540 --> 00:01:12,040 >> Joten tämä on olemassa Cloud 9 ympäristössä. 21 00:01:12,040 --> 00:01:14,750 Tämä on oikeastaan ​​vain default Cloud 9 ympäristössä. 22 00:01:14,750 --> 00:01:18,450 Ja katsomaan, miten se todellisuudessa eroaa CS50 IDE-. 23 00:01:18,450 --> 00:01:20,340 Joten tämä on CS50 IDE. 24 00:01:20,340 --> 00:01:25,060 Huomaa, että on olemassa joitakin visuaalisia muutosten välillä säännöllisesti Cloud 9 25 00:01:25,060 --> 00:01:28,000 ympäristö ja CS50 IDE. 26 00:01:28,000 --> 00:01:30,010 Erityisesti, luultavasti huomata pari muutoksia. 27 00:01:30,010 --> 00:01:34,201 Ensinnäkin, siellä on vähemmän valikkokohtien aluksi. 28 00:01:34,201 --> 00:01:36,200 On oikeastaan ​​tapa että voit muuttaa että. 29 00:01:36,200 --> 00:01:37,270 Sitä kutsutaan Simple Mode. 30 00:01:37,270 --> 00:01:40,910 >> Oletuksena Simple Mode on käytössä, ja joka yksinkertaistaa joitakin valikkotoimintoja. 31 00:01:40,910 --> 00:01:43,032 Se poistaa joitakin kehittyneimmillä, 32 00:01:43,032 --> 00:01:45,240 koska suoraan sanottuna, paljon opiskelijat, jotka ovat tulossa 33 00:01:45,240 --> 00:01:48,550 ja ei tarvitse tietää joitakin ja lisäominaisuuksia 34 00:01:48,550 --> 00:01:50,530 eivät ole ylityöllistettyjä kanssa joukko vaihtoehtoja. 35 00:01:50,530 --> 00:01:55,610 Mutta emme antaa mahdollisuuden ottaa pois ne ns apupyörät 36 00:01:55,610 --> 00:01:57,360 ja poistaa että rakennustelineet jotta ihmiset 37 00:01:57,360 --> 00:02:00,832 voi tulla tottuneet lisäominaisuuksia IDE. 38 00:02:00,832 --> 00:02:02,540 Välittömästi oikealle puolelle, siellä 39 00:02:02,540 --> 00:02:05,435 myös debug-painike, joka standardin Cloud 40 00:02:05,435 --> 00:02:08,199 9 ympäristö on yksinkertaisesti nimeltään aikavälillä. 41 00:02:08,199 --> 00:02:11,990 Mutta oletuksena, olemme määritetty debug painiketta CS50 IDE 42 00:02:11,990 --> 00:02:15,500 esiin debuggeri, automaattisesti kääntää lähdekoodista, 43 00:02:15,500 --> 00:02:17,940 kytke debuggeri alla olevaan GDB-- 44 00:02:17,940 --> 00:02:21,430 ja koska se on käynnissä suorittaa debugging-- ja jotkut muut vaiheet 45 00:02:21,430 --> 00:02:22,580 yhtä hyvin. 46 00:02:22,580 --> 00:02:25,370 Myös terminaalin ikkunasta very-- tai pikemminkin päätelaitteen 47 00:02:25,370 --> 00:02:29,010 välilehti konsolin osiossa ikkuna alareunassa näytön, 48 00:02:29,010 --> 00:02:31,004 nimekseen yksinkertaisesti terminaaliin. 49 00:02:31,004 --> 00:02:32,837 Kun taas standardin Cloud 9 ympäristö, 50 00:02:32,837 --> 00:02:35,830 se todella osoittaa käynnissä sovellus. 51 00:02:35,830 --> 00:02:39,140 Tällä tavalla, se helpottaa, uudelleen, GUI, vain hieman. 52 00:02:39,140 --> 00:02:42,310 >> Lisäsimme myös joitakin painikkeita on oikeassa yläkulmassa IDE 53 00:02:42,310 --> 00:02:45,740 näyttää joitakin perustietoja noin taustalla oikeusasteessa. 54 00:02:45,740 --> 00:02:49,700 Ja myös olemme poistaneet yksi on vaihtoehtoja kohdetta 55 00:02:49,700 --> 00:02:51,730 äärioikeiston. 56 00:02:51,730 --> 00:02:55,620 Joten kaikki tämä on toteutettu ei muuttamalla välttämättä Cloud 9 57 00:02:55,620 --> 00:02:58,550 lähdekoodia, mutta sen sijaan kautta pari 58 00:02:58,550 --> 00:03:03,460 laajennuksia, jotka olemme toteuttaneet koko viime vuoden aikana tai niin. 59 00:03:03,460 --> 00:03:08,840 Ja Cloud 9 on isännöinyt ja on käynnissä CS50 työtilassa. 60 00:03:08,840 --> 00:03:13,680 Tai pikemminkin työtilat on nimetty CS50 IDE. 61 00:03:13,680 --> 00:03:17,140 >> Siis todella se suurin ero välillä Cloud 9 ja CS50 62 00:03:17,140 --> 00:03:18,130 työtilat. 63 00:03:18,130 --> 00:03:21,780 Mukana on myös, että taustalla Esimerkiksi ensisijainen muutos on 64 00:03:21,780 --> 00:03:25,350 että me asentaa joitakin esiasennettu kohteita, kuten GDB, 65 00:03:25,350 --> 00:03:29,530 ja joitakin muita perusasioita, jotka olemme luoneet, kuten Update 50, 66 00:03:29,530 --> 00:03:33,310 ja pari muuta askelta, jotka tekevät koko kokemus hieman enemmän 67 00:03:33,310 --> 00:03:34,550 yhtenäinen. 68 00:03:34,550 --> 00:03:38,520 Mutta kaiken kaikkiaan, tämä on vain muutos olemassa olevan järjestelmän 69 00:03:38,520 --> 00:03:40,979 että Cloud 9 on luonut meille. 70 00:03:40,979 --> 00:03:42,770 Mitä aiomme näyttää hieman myöhemmin 71 00:03:42,770 --> 00:03:45,920 on, miten itse luoda hieman perus plug-in, joka 72 00:03:45,920 --> 00:03:49,461 voimme lisätä jotain osaksi valikkojärjestelmä, ja avata vuoropuhelun. 73 00:03:49,461 --> 00:03:51,210 Ja jos meillä on tarpeeksi aika, käymme oikeastaan 74 00:03:51,210 --> 00:03:54,210 miten voimme asuttaa että vuoropuhelua joitakin tietoja 75 00:03:54,210 --> 00:03:56,089 alla olevasta oikeusasteessa. 76 00:03:56,089 --> 00:03:58,880 Jotta voimme päästä tähän kohta, nyt ensimmäinen puhua hieman 77 00:03:58,880 --> 00:04:01,740 noin arkkitehtuuri Cloud 9. 78 00:04:01,740 --> 00:04:05,290 >> Niin että olemme tottuneet on vuorovaikutuksessa Cloud 9 79 00:04:05,290 --> 00:04:06,610 on täysin kautta asiakas. 80 00:04:06,610 --> 00:04:10,610 Avaamme web-selain, me kirjoittaa CS50.io. 81 00:04:10,610 --> 00:04:14,431 Me lopulta, kun todennus, esittelyyn IDE. 82 00:04:14,431 --> 00:04:16,180 Mutta ymmärtää, että on olemassa pari askelta 83 00:04:16,180 --> 00:04:18,180 että todella saada meidät tähän pisteeseen. 84 00:04:18,180 --> 00:04:22,390 Aivan ensimmäinen asia on, että minun asiakas, web-selain, 85 00:04:22,390 --> 00:04:27,440 pyynnöstä ja todennuksen jälkeen, lataa GUI ja laajennukset 86 00:04:27,440 --> 00:04:30,170 joidenkin CDN, joidenkin Content Delivery Network. 87 00:04:30,170 --> 00:04:32,700 Tämä voi olla rehellisesti missä tahansa. 88 00:04:32,700 --> 00:04:35,390 >> Ja tämä on todella erillinen alla olevasta oikeusasteessa. 89 00:04:35,390 --> 00:04:38,890 On tärkeää ymmärtää, että tämä on oikeastaan ​​vain joukko staattisia tiedostoja. 90 00:04:38,890 --> 00:04:42,600 Se on joukko JavaScript- joka on ladattu CDN 91 00:04:42,600 --> 00:04:45,200 on minun web-selain, ja kaikki GUI että olet 92 00:04:45,200 --> 00:04:48,460 katso here-- tämä on todella key-- kaikki GUI että näet täällä 93 00:04:48,460 --> 00:04:50,480 ajetaan asiakkaan puolella. 94 00:04:50,480 --> 00:04:53,820 Kaikki mitä näet Cloud 9 työtilan 95 00:04:53,820 --> 00:04:56,010 on todella ajaa selaimessa. 96 00:04:56,010 --> 00:04:59,950 Ja jotain mitä lähettää pitkin alla olevaan oikeusasteessa 97 00:04:59,950 --> 00:05:04,000 on yhteydessä esimerkiksi pitkin tätä toista erillistä kanavaa, 98 00:05:04,000 --> 00:05:07,240 ja tallennetaan sitten päälle että docker oikeusasteessa. 99 00:05:07,240 --> 00:05:09,660 >> Niin siitä syystä, että sanon tämä on satamatyöntekijänä esimerkiksi 100 00:05:09,660 --> 00:05:12,650 on, että taustalla tekniikka ei käytä virtuaalikoneita, 101 00:05:12,650 --> 00:05:16,040 mutta sen sijaan käyttää tekniikkaa kutsutaan docker, 102 00:05:16,040 --> 00:05:20,200 joka pohjimmiltaan allows-- lähin analogia on virtuaalikone. 103 00:05:20,200 --> 00:05:24,800 Mutta se on hieman toisenlainen että on olemassa 104 00:05:24,800 --> 00:05:28,900 runsaasti mahdollisuuksia suorittaa yhdistelmä eri docker 105 00:05:28,900 --> 00:05:30,760 tapauksissa samalla koneella. 106 00:05:30,760 --> 00:05:34,660 Ja ne voidaan kehrätty ylös hyvin nopeasti peräkkäin. 107 00:05:34,660 --> 00:05:38,920 Se ei ole aivan enemmän tiukka eriyttäminen 108 00:05:38,920 --> 00:05:42,840 eri docker tapauksissa koska ovat virtuaalikoneita, 109 00:05:42,840 --> 00:05:45,730 mutta silti siellä on paljon erilaistumista ja erottaminen 110 00:05:45,730 --> 00:05:48,330 näiden eri tapauksissa. 111 00:05:48,330 --> 00:05:48,830 OK. 112 00:05:48,830 --> 00:05:50,980 Joten kaksi vaihetta tässä, että ovat tärkeitä ymmärtää 113 00:05:50,980 --> 00:05:57,370 on, että kun menemme CS50.io, olemme lataamalla GUI ja laajennuksia, 114 00:05:57,370 --> 00:06:01,640 joka on kirjoitettu JavaScript puolesta selaimen tai selaimen. 115 00:06:01,640 --> 00:06:05,980 Ja tämä on ehkä pari megatavua arvoinen tietoja. 116 00:06:05,980 --> 00:06:09,460 Tässä vaiheessa, kun GUI on ladattu ja laajennuksia ovat alkaneet, 117 00:06:09,460 --> 00:06:12,530 sitten se alkaa kommunikoida docker esimerkiksi joka ei 118 00:06:12,530 --> 00:06:15,210 välttämättä tarvitse olla samalla palvelimella. 119 00:06:15,210 --> 00:06:16,940 >> Nyt on yksi poikkeus. 120 00:06:16,940 --> 00:06:22,130 Meillä saattaa olla sekä toimitus mekanismi GUI itse 121 00:06:22,130 --> 00:06:25,740 ja docker esimerkiksi kaikki samalla palvelimella, joka 122 00:06:25,740 --> 00:06:29,660 on todella jotain, että teemme offline version Cloud 9. 123 00:06:29,660 --> 00:06:33,470 Tämä ei ole jotain, että olemme julkisuutta kovasti tänä syksynä, 124 00:06:33,470 --> 00:06:35,930 mutta meillä on myös offline-versio, joka 125 00:06:35,930 --> 00:06:40,010 mahdollistaa ladata pakattu versio kaikki nämä asiat 126 00:06:40,010 --> 00:06:43,670 ja voit ajaa Cloud 9 offline ympäristössä. 127 00:06:43,670 --> 00:06:48,325 >> Siirrät pois pilvi ja päälle omalla koneellasi on joitakin vaikutuksia. 128 00:06:48,325 --> 00:06:50,200 Erityisesti sinun ei enää ole kykyä 129 00:06:50,200 --> 00:06:52,280 jakaa työtilan muiden kanssa. 130 00:06:52,280 --> 00:06:58,630 Et enää voi avata Cloud 9 alkaen, ja CS50 IDE, miltä tahansa tietokoneelta 131 00:06:58,630 --> 00:07:02,950 ja sama tiedostot olit työskennellyt ennen. 132 00:07:02,950 --> 00:07:06,310 Vaan se toimii täysin oman paikallisen koneen 133 00:07:06,310 --> 00:07:09,270 ilman pääsy internetiin. 134 00:07:09,270 --> 00:07:13,330 Mutta silti jopa että malli, jopa vaikka meillä on yksi virtuaalikone 135 00:07:13,330 --> 00:07:15,200 joka on olennaisesti käynnissä näitä asioita. 136 00:07:15,200 --> 00:07:19,480 >> Meillä on erillinen palvelin, joka on tuottaa olennaisesti Cloud 9 137 00:07:19,480 --> 00:07:23,640 sisältöä, ja sitten me on docker oikeusasteessa 138 00:07:23,640 --> 00:07:32,280 joka on vastuussa viestiä kanssa, että IDE loppupäätä. 139 00:07:32,280 --> 00:07:32,780 OK. 140 00:07:32,780 --> 00:07:38,700 Joten koko GUI kirjoitetaan kokonaan JavaScript 141 00:07:38,700 --> 00:07:42,800 käyttäen Node.js ja Cloud 9 SDK, joka me saamme vain hetken. 142 00:07:42,800 --> 00:07:46,650 Ja kaikki laajennukset ajetaan asiakkaan puolella. 143 00:07:46,650 --> 00:07:51,780 Joten keskittyä sitten hieman ottamalla 144 00:07:51,780 --> 00:07:55,670 että tämä ensimmäinen vaihe on todella onnistunut, 145 00:07:55,670 --> 00:07:58,990 ja katsoa vain tätä docker oikeusasteessa. 146 00:07:58,990 --> 00:08:01,220 >> Joten tässä tapauksessa, tämä on tavallinen 147 00:08:01,220 --> 00:08:04,870 on ajatellut tehdä Cloud 9 plug-in kehitys on, että aiot 148 00:08:04,870 --> 00:08:07,940 on kirjallisesti koodia, joka ajettavaksi käyttäjän selaimessa, 149 00:08:07,940 --> 00:08:11,610 ja sinulla on mahdollisuus käyttäen joitakin API kommunikoida 150 00:08:11,610 --> 00:08:16,470 kanssa taustalla ikkunasta esimerkiksi ajaa koodia siellä, ja tee mitään 151 00:08:16,470 --> 00:08:18,860 että saatat haluta tehdä. 152 00:08:18,860 --> 00:08:22,000 Joten tämä tulee olemaan yhteydessä, että me will 153 00:08:22,000 --> 00:08:24,340 olla käyttäen loput tästä puhua. 154 00:08:24,340 --> 00:08:26,400 Ja vain pitää tätä mallia mielessä. 155 00:08:26,400 --> 00:08:28,966 Tämä on erittäin tärkeää vain muutaman minuutin. 156 00:08:28,966 --> 00:08:30,840 On pari linkkejä Haluan näyttää sinulle. 157 00:08:30,840 --> 00:08:34,150 Ensinnäkin, Cloud 9 on tarjonnut aika paljon dokumentaatiota 158 00:08:34,150 --> 00:08:38,740 se on melko hyvä, joka osoittaa, miten tehdä perus plug-in kehittämiseen. 159 00:08:38,740 --> 00:08:43,320 Joten jos menet tätä URL-osoitetta, cloud9-sdk.readme.io, 160 00:08:43,320 --> 00:08:45,261 näet asiakirjat siellä. 161 00:08:45,261 --> 00:08:47,510 Ja paljon tätä tietoa että olet tulleet 162 00:08:47,510 --> 00:08:50,310 löytyy myös siellä, plus enemmän. 163 00:08:50,310 --> 00:08:55,880 Voit myös löytää avoimen lähdekoodin versio Cloud 9 -sivuilla osoitteessa, 164 00:08:55,880 --> 00:09:04,270 github.com/c9/core, jota käytämme osa offline-version IDE, 165 00:09:04,270 --> 00:09:07,540 niin että voit saada sama Cloud 9 kokemusta, 166 00:09:07,540 --> 00:09:09,660 mutta offline tavalla. 167 00:09:09,660 --> 00:09:10,160 Selvä. 168 00:09:10,160 --> 00:09:15,560 Joten katsomaan Varsinainen Cloud 9 työtila täällä. 169 00:09:15,560 --> 00:09:17,880 Ja vielä, haluan huomauttaa ulos pari asiaa. 170 00:09:17,880 --> 00:09:21,560 Tämä on, täällä, normaali CS50 IDE. 171 00:09:21,560 --> 00:09:26,830 Ja olen käytöstä vähemmän mukava tilassa kohdassa Näytä valikko 172 00:09:26,830 --> 00:09:28,807 jotta voin nähdä kaikki valikon vaihtoehdoista. 173 00:09:28,807 --> 00:09:31,140 Haluan näyttää sinulle oikea nyt on pari asiaa. 174 00:09:31,140 --> 00:09:33,140 Ensinnäkin, jos menen Asetukset ja sitten 175 00:09:33,140 --> 00:09:37,040 klikkaa Plug-in-johtaja, ja kirjoita CS50 täällä, 176 00:09:37,040 --> 00:09:40,590 voimme nähdä, että on olemassa, itse asiassa, pari CS50 laajennuksia, jotka 177 00:09:40,590 --> 00:09:46,280 asennettiin ja meidän Chromebook mahdollistaa muutokset, jotka olemme 178 00:09:46,280 --> 00:09:48,670 nähneet CS50 IDE. 179 00:09:48,670 --> 00:09:51,450 >> Juuri nyt siellä on pohjimmiltaan kaksi laajennuksia, jotka ovat käynnissä. 180 00:09:51,450 --> 00:09:54,980 Siellä on yksi nimeltään yksinkertainen, joka on yksinkertaistettu tila, joka 181 00:09:54,980 --> 00:10:00,020 avulla voit vähentää Valikkovaihtoehtojen yläreunassa, 182 00:10:00,020 --> 00:10:03,070 ja ovat tämän niin sanotun vähemmän mukava tila. 183 00:10:03,070 --> 00:10:07,280 Ja sitten on myös CS50 tilastot, joka on ehkä vain hieman väärin nimetty. 184 00:10:07,280 --> 00:10:09,550 Koska tämä on mitä näyttää tiedot 185 00:10:09,550 --> 00:10:10,850 noin taustalla työtilan. 186 00:10:10,850 --> 00:10:13,560 Se ruiskuttaa nämä painikkeet pitkin oikeassa yläkulmassa. 187 00:10:13,560 --> 00:10:18,620 Se myös ruiskuttaa valikkokohta osaksi ikkuna tuote, osaksi Ikkuna-valikosta 188 00:10:18,620 --> 00:10:21,730 täällä, CS50 IDE Info. 189 00:10:21,730 --> 00:10:27,380 Ja se on vastuussa instantiating tätä vuoropuhelua että olemme nähneet täällä, 190 00:10:27,380 --> 00:10:31,460 kaikki tiedot, että olemme tottuneet näkemään CS50 IDE 191 00:10:31,460 --> 00:10:32,870 työtila. 192 00:10:32,870 --> 00:10:33,370 OK. 193 00:10:33,370 --> 00:10:36,910 Joten ei oikeastaan ​​yksi plug-in että olemme kehittäneet samoin. 194 00:10:36,910 --> 00:10:40,110 Ja siellä on pari muita, meillä on myös ei julkisesti vapautetaan. 195 00:10:40,110 --> 00:10:45,880 Mutta yksi niistä on yleinen plug-in, jonka avulla GDB toimiakseen. 196 00:10:45,880 --> 00:10:50,190 Joten yksi osa Cloud 9 on, että ne ovat antaneet jo 197 00:10:50,190 --> 00:10:53,210 tämä GUI toteuttaa debuggeri. 198 00:10:53,210 --> 00:10:57,360 Ja yksi laajennuksia, olemme luoneet pohjimmiltaan 199 00:10:57,360 --> 00:11:02,380 koukkuja GDB tällä GUI pohjainen versio debuggeri. 200 00:11:02,380 --> 00:11:07,680 Ja vastaa välittäjänä kaikki ja pyytää, että käyttäjä voi olla, 201 00:11:07,680 --> 00:11:10,310 välillä tehostamalla yli tai luoda raja-arvot tai mitään 202 00:11:10,310 --> 00:11:15,390 tämänsuuntaista, kääntämiseen että komentoihin että GDB voi ymmärtää, 203 00:11:15,390 --> 00:11:16,920 antavan niille komentoja GDB. 204 00:11:16,920 --> 00:11:19,260 Ja heti kun GDB antaa vastaus, sitten 205 00:11:19,260 --> 00:11:23,250 me tulkita ja päivittää GUI tarpeen. 206 00:11:23,250 --> 00:11:25,130 >> Se on luultavasti yksi monimutkaisempi 207 00:11:25,130 --> 00:11:28,840 plug-ins, joten sen sijaan mitä olemme menossa keskittyä tänään on itse asiassa 208 00:11:28,840 --> 00:11:34,590 Tilastot plug-in, ja niin jutellaan hieman noin yksinkertainen, samoin. 209 00:11:34,590 --> 00:11:39,100 Joten mainitsin aikaisemmin, ja haluan todella tehdä hyvin, hyvin selväksi, että uudelleen, 210 00:11:39,100 --> 00:11:41,600 kaikki tämä, että olemme näkeminen tässä olennaisesti 211 00:11:41,600 --> 00:11:43,300 toimii asiakkaan puolella. 212 00:11:43,300 --> 00:11:45,810 Me näemme pääteikkunaan alla, ja että, tietenkin, 213 00:11:45,810 --> 00:11:49,230 jos me kirjoittaa komennot että, joita sitten annetaan 214 00:11:49,230 --> 00:11:50,690 alla olevaan oikeusasteessa. 215 00:11:50,690 --> 00:11:55,280 Samoin, jos avaamme uuden tiedoston ja kirjoita joitakin juttuja siihen ja tallentaa sen, 216 00:11:55,280 --> 00:11:58,240 että tiedosto tallennetaan taustalla oikeusasteessa. 217 00:11:58,240 --> 00:12:02,310 >> Mutta toimittaja itse, tämä pääteikkunaa itse, 218 00:12:02,310 --> 00:12:05,700 on kaikki toteutettu JavaScript ja on kaikki plug-in 219 00:12:05,700 --> 00:12:09,800 että voimme vuorovaikutuksessa, ja siksi muuttaa. 220 00:12:09,800 --> 00:12:11,450 Siellä on paljon laajennettavuus täällä. 221 00:12:11,450 --> 00:12:14,690 Suosittelen vilkaisemalla Cloud 9: n GitHub tili 222 00:12:14,690 --> 00:12:17,790 nähdä valtava määrä laajennuksia, jotka ovat käytettävissä, 223 00:12:17,790 --> 00:12:23,070 ja kuinka hyvin kirjoitettu paljon koodi on laajennettavuutta. 224 00:12:23,070 --> 00:12:24,920 Joten siinä on jotain että haluan mainita 225 00:12:24,920 --> 00:12:30,480 tästä myös, mikä on että on olemassa paljon of-- siellä 226 00:12:30,480 --> 00:12:33,450 paljon toiminnallisuutta, joka on säädetään asetuksissa 227 00:12:33,450 --> 00:12:37,970 ikkuna, joka olemme nähneet vain viittasi vain muutama minuutti sitten. 228 00:12:37,970 --> 00:12:43,690 >> Yksi niistä asioista, joita voimme tehdä IDE kehittäjät, tai Cloud 9 kehittäjille, 229 00:12:43,690 --> 00:12:47,410 on todella pistää joitakin etusija paneelit oman. 230 00:12:47,410 --> 00:12:50,660 Niin yksinkertainen tila, tai vähemmän mukava tila, 231 00:12:50,660 --> 00:12:54,780 ja myös IDE tiedot, tai tilastot plug-in, 232 00:12:54,780 --> 00:12:58,560 on kukin jotkut mieluummin paneelit, joiden avulla voimme muuttaa 233 00:12:58,560 --> 00:13:00,620 käyttäytymistä kunkin näistä. 234 00:13:00,620 --> 00:13:04,140 Huomaat, että jos menen Asetukset ja mene Käyttäjän asetukset, 235 00:13:04,140 --> 00:13:07,100 siellä CS50 välilehti, yksi joka sanoo IDE tiedot. 236 00:13:07,100 --> 00:13:09,810 Ja voin vaihtaa tiedot virkistystaajuus. 237 00:13:09,810 --> 00:13:12,250 >> Tehokkaasti, mitä tapahtuu vuonna tilastot plug-in 238 00:13:12,250 --> 00:13:16,690 on se, että joka n: s, jossa n-sekuntia määritellään tämä etusija 239 00:13:16,690 --> 00:13:22,250 paneeli, tiedot noudetaan alkaen taustalla esimerkiksi lähetetään 240 00:13:22,250 --> 00:13:25,490 takaisin asiakkaan puolelta, plug-in on sitten 241 00:13:25,490 --> 00:13:28,650 tulkkaus tiedot alkaen taustalla oikeusasteessa 242 00:13:28,650 --> 00:13:31,470 ja päivittää GUI tarvittaessa. 243 00:13:31,470 --> 00:13:34,710 Voimme nähdä, että nyt tämä on asetettu 30 sekuntia, ja se on oletuksena. 244 00:13:34,710 --> 00:13:37,950 Mutta en voi varmasti muuttaa kuinka nopeasti tämä tapahtuu vain 245 00:13:37,950 --> 00:13:40,520 muokkaamalla tätä arvoa. 246 00:13:40,520 --> 00:13:44,330 >> Nyt yksi mielenkiintoisia asioita on se, että tämä etusija paneeli, GUI, 247 00:13:44,330 --> 00:13:49,560 on oikeastaan ​​vain GUI versio on paljon taustalla asetukset 248 00:13:49,560 --> 00:13:52,220 että esitetään JSON. 249 00:13:52,220 --> 00:13:56,336 Joten jos menen, esimerkiksi alle CS50 IDE valikosta tai Cloud 9 valikosta 250 00:13:56,336 --> 00:13:58,210 riippuen siitä, mikä versio etsit, 251 00:13:58,210 --> 00:14:00,460 ja mene johonkin näistä settings-- tässä tapauksessa, 252 00:14:00,460 --> 00:14:03,420 hanke settings-- Projektiasetukset tässä tapauksessa 253 00:14:03,420 --> 00:14:07,740 sovelletaan kaikki asetukset tämä yksi työtilaan. 254 00:14:07,740 --> 00:14:11,620 Kun taas käyttäjän asetukset koskevat kaikille työtilat 255 00:14:11,620 --> 00:14:15,110 että saatat olla tililläsi. 256 00:14:15,110 --> 00:14:18,520 >> Aivan kuten syrjään täällä, olla erityisen selkeä, 257 00:14:18,520 --> 00:14:22,570 siellä on erotettu toisistaan kaksi sillä vaikka oletuksena me 258 00:14:22,570 --> 00:14:26,490 on yksi työtila, joka on CS50 IDE, jos 259 00:14:26,490 --> 00:14:31,900 olivat napsauttaa pikku avatar täällä ja mene kojelauta, 260 00:14:31,900 --> 00:14:35,820 huomaat, että voit todella luoda uusia työtiloja samoin. 261 00:14:35,820 --> 00:14:39,140 Voit nähdä täällä että minulla on IDE 50 työtila, ja myös 262 00:14:39,140 --> 00:14:41,930 varten tämän seminaari, työtila 263 00:14:41,930 --> 00:14:45,084 nimeltään työtila, joka on täällä. 264 00:14:45,084 --> 00:14:46,750 Niin joka tapauksessa, minulla on erilaiset mieltymykset. 265 00:14:46,750 --> 00:14:49,910 Jokainen näistä voi olla erillinen hanke mieltymykset, 266 00:14:49,910 --> 00:14:54,091 mutta käyttäjän asetukset ovat jaettaisiin kaikki minun työtilat. 267 00:14:54,091 --> 00:14:55,840 Muuten, tämä on myös erittäin kätevä, jos 268 00:14:55,840 --> 00:14:59,080 haluavat luoda työtilan eri muokkausmahdollisuudet. 269 00:14:59,080 --> 00:15:01,640 Ja se on erittäin kätevä Luo uusi työtila. 270 00:15:01,640 --> 00:15:04,230 Ja valitse yksi, joka voisi olla ennalta määritetty jollakin muulla tavalla, 271 00:15:04,230 --> 00:15:07,000 ehkä PHP erityisesti, tai Django erityisesti. 272 00:15:07,000 --> 00:15:08,960 Tai jopa vain mukautettuja. 273 00:15:08,960 --> 00:15:11,320 CS50 työtila malli on yksi että me 274 00:15:11,320 --> 00:15:15,420 käyttää sitä asentaa automaattisesti Päivitys 50 ja kaikki asetukset 275 00:15:15,420 --> 00:15:20,531 että meillä on siellä, mukaan lukien kaikki laajennuksia että meillä on CS50 IDE. 276 00:15:20,531 --> 00:15:21,030 OK. 277 00:15:21,030 --> 00:15:22,200 Mutta katsotaanpa palata tähän. 278 00:15:22,200 --> 00:15:25,640 Joten jälleen, on hankkeita, asetukset, ja ne ovat niitä 279 00:15:25,640 --> 00:15:27,140 että etsimme täällä. 280 00:15:27,140 --> 00:15:29,056 Ja huomaa, että siellä olemassa joukko asetuksia, 281 00:15:29,056 --> 00:15:32,720 monet heistä vastaavat etusija paneelit, mutta ei niitä kaikkia. 282 00:15:32,720 --> 00:15:40,800 Mutta voimme nähdä, että täällä, this-- OH Ei, ei laitan sen käyttäjän asetukset? 283 00:15:40,800 --> 00:15:43,280 Ehkä laitan sen käyttäjän asetukset. 284 00:15:43,280 --> 00:15:45,480 Ja tämä, tässä sitä mennään. 285 00:15:45,480 --> 00:15:49,840 Vuonna käyttäjän asetukset, voimme nähdä, että meillä on CS50 jakso, 286 00:15:49,840 --> 00:15:53,762 ja tämä on kirjoitettu että näiden Cloud 9 laajennukset 287 00:15:53,762 --> 00:15:54,720 että olemme täytäntöön. 288 00:15:54,720 --> 00:15:57,400 On yksinkertainen yksi vastaa, että yksinkertainen plug-in, 289 00:15:57,400 --> 00:16:00,930 ja tilastot joka vastaa, että GUI 290 00:16:00,930 --> 00:16:02,440 versio parempana paneeli. 291 00:16:02,440 --> 00:16:05,740 Virkistystaajuus, tässä tapauksessa on asetettu 20 sekuntia. 292 00:16:05,740 --> 00:16:09,740 >> Tämä on kaikki, toivottavasti, alkuja joitakin tietoja 293 00:16:09,740 --> 00:16:14,420 että me itse nähdä hieman vähän tarkemmin, hetkellisesti. 294 00:16:14,420 --> 00:16:14,920 OK. 295 00:16:14,920 --> 00:16:17,520 Joten sanoa haluamme itse saada alas se. 296 00:16:17,520 --> 00:16:20,600 Ymmärrämme, että kaikki jutut että tapahtuu asiakkaan puolelta 297 00:16:20,600 --> 00:16:24,560 tehdään todella selaimen, joka tarkoittaa, että laajennuksia että kirjoitan 298 00:16:24,560 --> 00:16:27,990 aiotaan kirjallinen selaimella mielessä. 299 00:16:27,990 --> 00:16:30,830 Ja jos minä todella haluavat tehdä mitään työtilan, 300 00:16:30,830 --> 00:16:33,360 Aion kenties aloittaa jonkinlainen viestintä 301 00:16:33,360 --> 00:16:35,970 välillä selain ja työtila olla varma 302 00:16:35,970 --> 00:16:38,212 että on todella suoritettu. 303 00:16:38,212 --> 00:16:40,170 Mutta sanotaan, että nyt Haluan saada alas se 304 00:16:40,170 --> 00:16:43,440 ja itse luoda ensimmäinen plug-in. 305 00:16:43,440 --> 00:16:48,970 No, niin, että sinulla olisi mahdollisuus tehdä se on oikeastaan ​​aika helppoa. 306 00:16:48,970 --> 00:16:51,370 Se annetaan Cloud 9 SDK. 307 00:16:51,370 --> 00:16:55,520 Mutta se ottaa nykyiset työtilan nimi, joka 308 00:16:55,520 --> 00:16:59,810 on URL että olet yläreunassa teidän bar, ja lisää seuraava siihen. 309 00:16:59,810 --> 00:17:00,310 ? 310 00:17:00,310 --> 00:17:00,893 SDK = 1 & Debub = 2. 311 00:17:00,893 --> 00:17:04,369 312 00:17:04,369 --> 00:17:08,260 Nyt mitä tämä tulee, jotta on että SDK = 1 todella asettaa SDK 313 00:17:08,260 --> 00:17:11,430 tilassa totta, mikä mahdollistaa pari ylimääräistä asioita. 314 00:17:11,430 --> 00:17:15,770 Ja debug = 2 avulla virheilmoituksia olla hieman monisanainen. 315 00:17:15,770 --> 00:17:20,170 >> Ja joten jos esiin JavaScript konsolin Chrome kehittäjä välilehti, 316 00:17:20,170 --> 00:17:22,829 te todella voi nähdä paljon enemmän tietoa 317 00:17:22,829 --> 00:17:24,349 kuin sinulla olisi muuten. 318 00:17:24,349 --> 00:17:28,310 Joten suosittelen kääntämällä molempia samaan aikaan, koska se todella 319 00:17:28,310 --> 00:17:31,170 on hyödyllistä koota kaikki tähän lisäinformaatio. 320 00:17:31,170 --> 00:17:35,330 On tärkeää huomata kuitenkin, että kääntämällä debug arvoon 2 321 00:17:35,330 --> 00:17:38,120 tarkoittaa, että se on hyvin monisanainen, ja se todella 322 00:17:38,120 --> 00:17:42,590 tulee jonkin verran huomattavasti hidastaa IDE, varsinkin kun lastaus 323 00:17:42,590 --> 00:17:45,657 tai milloin teet raskaita tehtäviä. 324 00:17:45,657 --> 00:17:46,740 Joten pitää tämä mielessä. 325 00:17:46,740 --> 00:17:51,500 Se on hyödyllinen kehitystä, mutta sinä ehkä halua olla sen koko ajan. 326 00:17:51,500 --> 00:17:53,080 >> Joten todella tehdä. 327 00:17:53,080 --> 00:17:59,374 Mutta tässä tapauksessa, Minulla on oikeastaan jo perustettu työtila tämän. 328 00:17:59,374 --> 00:18:00,540 Katsotaanpa, SDK = 1 & debug = 2. 329 00:18:00,540 --> 00:18:03,140 330 00:18:03,140 --> 00:18:07,770 Pari laajennuksia toivottavasti jo asennettu. 331 00:18:07,770 --> 00:18:08,340 Selvä. 332 00:18:08,340 --> 00:18:15,050 Joten nyt olen päällä SDK debug tilassa, huomaa että olemme debug-tilassa, 333 00:18:15,050 --> 00:18:20,430 jotta voimme tarkastella dev työkaluja nähdä virheitä, jotka minä teen offscreen. 334 00:18:20,430 --> 00:18:23,110 Voimme nähdä, että on olemassa joukko virheitä täällä. 335 00:18:23,110 --> 00:18:28,090 Nyt se on oikeastaan ​​aika yleistä Cloud 9 on pari virheitä, 336 00:18:28,090 --> 00:18:30,680 ja En huolehtisi niistä kunnes 337 00:18:30,680 --> 00:18:32,930 nähdä jotain, joka voisi olla erityinen plug-in 338 00:18:32,930 --> 00:18:34,510 että satut olemaan luomiseen. 339 00:18:34,510 --> 00:18:37,620 >> Joten tässä esimerkiksi saamme pari 404s-- ei löytynyt. 340 00:18:37,620 --> 00:18:42,910 Näemme emme voi ladata joitakin tiedot pois taustalla oikeusasteessa 341 00:18:42,910 --> 00:18:43,670 itse. 342 00:18:43,670 --> 00:18:46,545 Ja siellä on joukko muita tietoa, mutta suurin osa tästä olemme 343 00:18:46,545 --> 00:18:47,970 todella menossa sivuuttaa nyt. 344 00:18:47,970 --> 00:18:50,130 Koska tämä on melko yhteinen työtila 345 00:18:50,130 --> 00:18:53,200 on vain pari virheitä. 346 00:18:53,200 --> 00:18:53,700 OK. 347 00:18:53,700 --> 00:18:56,680 Aion siirtää tätä pois miten ja palata tänne. 348 00:18:56,680 --> 00:19:01,860 Ja nyt helposti, mukava asia ottaa tämä kehittäjä 349 00:19:01,860 --> 00:19:07,330 tila käytössä on, että se antaa minulle helposti luoda uuden plug-in. 350 00:19:07,330 --> 00:19:12,390 >> Joten kun ennen olen itse ei on tämä uusi plug-in vaihtoehto, 351 00:19:12,390 --> 00:19:16,460 jossa voimme nähdä, jos menen takaisin minun ei kehittäjätilassa tänne, 352 00:19:16,460 --> 00:19:18,510 ei ole uusi plug-in. 353 00:19:18,510 --> 00:19:23,220 Mahdollistamalla SDK tilassa I on uusi plug-in saatavilla 354 00:19:23,220 --> 00:19:25,660 ja voin helposti luoda yksi. 355 00:19:25,660 --> 00:19:28,160 Tässä tapauksessa on olemassa pari eri vaihtoehtoja, yksinkertainen, 356 00:19:28,160 --> 00:19:30,850 tyhjä plug-in, täysin plug-in, asentaja, Cloud 9 nippu. 357 00:19:30,850 --> 00:19:33,030 Haluan vain valita tyhjä plug-in nyt 358 00:19:33,030 --> 00:19:37,670 jotta voimme nähdä hyvin yksinkertainen version yhden. 359 00:19:37,670 --> 00:19:41,520 >> Nyt huomaa, että pitkin vasen puoli, että siellä on nyt 360 00:19:41,520 --> 00:19:45,080 jotain alle suosikit, joka on listaus pari laajennuksia 361 00:19:45,080 --> 00:19:47,020 jotka ovat nyt saatavilla minulle. 362 00:19:47,020 --> 00:19:50,420 Jos minä laajentaa, että me nähdä niitä. 363 00:19:50,420 --> 00:19:52,730 Nyt haluan teidän huomaavan jotain, joka 364 00:19:52,730 --> 00:19:58,260 on, että tämä ei tosiasiallisesti sisältyvät sisällä työtilan hakemisto 365 00:19:58,260 --> 00:20:03,190 minun taustalla Ubuntu Esimerkiksi mutta se sisältyy kiintolevylle. 366 00:20:03,190 --> 00:20:06,330 Ja missä tämä sijaitsee, koska tämä on erittäin hyödyllistä tietää, 367 00:20:06,330 --> 00:20:09,570 varsinkin jos aiot tehdä mitään Git, 368 00:20:09,570 --> 00:20:16,870 jossa tämä sijaitsee, on vuonna .c9 kansioon, / plugins. 369 00:20:16,870 --> 00:20:21,110 Joten jos menen sinne, voimme nähdä, että nyt Luettelo laajennuksia, jotka ovat täällä 370 00:20:21,110 --> 00:20:26,390 vastaa luettelon laajennuksia, I näkivät vasemmalla puolella minun työtila. 371 00:20:26,390 --> 00:20:28,610 >> Nyt oletusarvoisesti, ja tämä on outoa, 372 00:20:28,610 --> 00:20:31,760 oletuksena, kun luon uusi plug-in työtilassa, 373 00:20:31,760 --> 00:20:36,620 se luo tämän plug-in, että Oletuksena on nimi alaviiva. 374 00:20:36,620 --> 00:20:39,760 Yleisesti, että pitää aiheuttaa ongelmia. 375 00:20:39,760 --> 00:20:42,340 Joten hyvin seuraava askel että olen yleensä tehdä 376 00:20:42,340 --> 00:20:45,880 on vain poistaa että erityisesti plug-in 377 00:20:45,880 --> 00:20:52,810 ja jättää vain yksinkertainen plug-in, joka oli siellä ensin, plugin.simple. 378 00:20:52,810 --> 00:20:55,430 Ja se on ainoa, joka on olemassa. 379 00:20:55,430 --> 00:20:55,930 OK. 380 00:20:55,930 --> 00:20:58,380 >> Mitä tämä oikeastaan ​​näyttää? 381 00:20:58,380 --> 00:21:01,210 Hyvin, tämä on, jälleen, JavaScript paketti 382 00:21:01,210 --> 00:21:05,220 joka sisältää joitakin tiedostoja, lukien plugin.js tiedosto, jossa 383 00:21:05,220 --> 00:21:07,700 pääasiallinen sisältö Plug-in sijaitsee, 384 00:21:07,700 --> 00:21:10,590 package.json tiedoston, joka todella täsmennetään 385 00:21:10,590 --> 00:21:13,760 jotkut metatiedot tästä plug-in, kuten kuka tekijä on, 386 00:21:13,760 --> 00:21:19,240 muita tietoja, kuvaus plug-in, ja niin edelleen. 387 00:21:19,240 --> 00:21:22,190 Ja myös oletuksena, se luo tyhjän README, 388 00:21:22,190 --> 00:21:26,100 ja tyhjä testitiedosto voit luoda joitakin muita asiakirjoja, 389 00:21:26,100 --> 00:21:29,430 ja testaus valjaat jos haluat tehdä. 390 00:21:29,430 --> 00:21:34,160 >> Joten vain katsomaan ensin, hyvin nopeasti, on package.json tiedosto. 391 00:21:34,160 --> 00:21:38,240 Se on helppoa vain mennä läpi se ja täytä alueilla tämän 392 00:21:38,240 --> 00:21:42,510 että haluaisi täyttää, kuten antaa sille nimi, anna kuvaus, 393 00:21:42,510 --> 00:21:45,010 kerrata versionumero joka niin usein, tarjoavat 394 00:21:45,010 --> 00:21:47,570 kirjailija jokaiselle henkilö, joka osallistuu, 395 00:21:47,570 --> 00:21:53,000 lisää ne vastaajat jakso, ja loput tästä sinua 396 00:21:53,000 --> 00:21:56,390 voi melko paljon vain jätä se on nyt. 397 00:21:56,390 --> 00:21:58,490 >> On yksi asia, joka on tärkeää huomata, 398 00:21:58,490 --> 00:22:04,990 että alle laajennuksia osassa, on keskeinen kutsutaan plug-in. 399 00:22:04,990 --> 00:22:11,800 Ja tämä on sovitettu nimi JavaScript-tiedosto nimeltä plugin.js. 400 00:22:11,800 --> 00:22:18,290 Joten tämä on, miten Cloud 9 tietää, milloin se lukee tämän package.json tiedosto, joka 401 00:22:18,290 --> 00:22:20,720 ja js tiedostot todella ladata. 402 00:22:20,720 --> 00:22:25,440 Jos luon ylimääräisiä JS-tiedostoja tai haluat nimetä että js tiedosto plug-in, 403 00:22:25,440 --> 00:22:30,380 Minulla on myös muuttaa sitä vuonna package.json tiedostoon. 404 00:22:30,380 --> 00:22:33,660 >> Mikä tahansa yleisön kysymyksiin? 405 00:22:33,660 --> 00:22:34,160 Ei. 406 00:22:34,160 --> 00:22:38,100 Että yksi henkilö, joka on Seuraavat kanssani toistaiseksi. 407 00:22:38,100 --> 00:22:38,760 >> OK. 408 00:22:38,760 --> 00:22:42,300 Joten olen todella luonut pari laajennuksia jo, 409 00:22:42,300 --> 00:22:44,100 Luulen, tässä työtilassa. 410 00:22:44,100 --> 00:22:53,800 Joten päästä eroon joistakin näistä, lisätä SDK = 1 & debug = 2, lataa tämä työtila, 411 00:22:53,800 --> 00:22:58,780 ja katsotaan, jos me on nämä laajennukset nyt. 412 00:22:58,780 --> 00:23:01,430 C9 / plugins. 413 00:23:01,430 --> 00:23:01,930 No niin. 414 00:23:01,930 --> 00:23:06,910 Voimme nähdä nyt minun C9 / plugins tämän yksi, meillä on plugin.1 ja plugin.2. 415 00:23:06,910 --> 00:23:15,260 Joten aiomme vain tehostamaan the-- vain lisätä määrää vaikeus 416 00:23:15,260 --> 00:23:16,660 kussakin näistä laajennuksia. 417 00:23:16,660 --> 00:23:20,140 Mutta tässä jos luon uuden plug-in, Voin lisätä sen suosikkeihin. 418 00:23:20,140 --> 00:23:25,560 Ja minä vain poistaa ne maasta taustalla tiedostojärjestelmä. 419 00:23:25,560 --> 00:23:28,050 >> Katsotaanpa poistaa sen. 420 00:23:28,050 --> 00:23:33,206 Nyt jos avaan ensimmäinen plug-in, ja avoin plugin.js, 421 00:23:33,206 --> 00:23:39,980 voimme nähdä täällä taustalla yksinkertainen versio plug-in. 422 00:23:39,980 --> 00:23:42,170 Anna minun itse mennä takaisin tähän toiseen työtilaan 423 00:23:42,170 --> 00:23:47,160 koska voit ainakin täällä nähdä, mitä tyhjä plug-in todella näyttää. 424 00:23:47,160 --> 00:23:51,810 Joten alla huppu, tämä näyttää hyvin samankaltainen tekniikkaa kutsutaan, 425 00:23:51,810 --> 00:23:53,780 Luulen, se on RequireJS. 426 00:23:53,780 --> 00:23:56,000 Huomaa, että tämä ei todella katsoa, ​​ehkä, 427 00:23:56,000 --> 00:23:59,150 sama kuin jotkut muut JavaScript tiedostot olisimme nähneet. 428 00:23:59,150 --> 00:24:04,250 Mutta sen sijaan, siellä on pari vain peruslinjat että se todella on. 429 00:24:04,250 --> 00:24:06,900 >> Kaikki tämä tavaraa on ensimmäinen tulkinnut IDE, 430 00:24:06,900 --> 00:24:09,940 mutta se ei ole oikeastaan ajaa kunnes määritelty. 431 00:24:09,940 --> 00:24:13,610 Ja minä kerron teille, kun kyseinen oikeastaan ​​tarkoittaa vain hetken. 432 00:24:13,610 --> 00:24:17,840 Mutta huomaa, että tässä on olemassa main.consumes linja linja 2, 433 00:24:17,840 --> 00:24:23,270 ja tämä luetellaan kaikki laajennukset että tämä plug-in on riippuvainen. 434 00:24:23,270 --> 00:24:27,150 Joten oletusarvoisesti, emme ehkä ei olla kaikki riippuvaisia ​​muiden laajennuksia, 435 00:24:27,150 --> 00:24:30,530 mutta kun me oikeastaan ​​tarvitse riippuvat ominaisuudet mukana 436 00:24:30,530 --> 00:24:34,900 muut plug-ins IDE, meidän luetella laajennuksia 437 00:24:34,900 --> 00:24:36,890 vuonna main.consumes linja. 438 00:24:36,890 --> 00:24:39,230 Ja sitten meidän täytyy yhdistää ne koodi 439 00:24:39,230 --> 00:24:42,860 alapuolella, jonka minä näytän sinulle vain hetki siitä, miten voimme tehdä sen. 440 00:24:42,860 --> 00:24:46,100 >> Main.provides antaa nimi tämän plug-in 441 00:24:46,100 --> 00:24:49,190 että muut laajennuksia voisi käyttää niiden kuluttaa linja. 442 00:24:49,190 --> 00:24:52,480 Joten tässä tapauksessa, Plug-in on juuri perustanut sinne oletuksena, 443 00:24:52,480 --> 00:24:55,820 ja meidän pitäisi muuttaa, että ollakseen sovelletaan oman plug-in, 444 00:24:55,820 --> 00:24:57,540 kuten näemme vain hetken. 445 00:24:57,540 --> 00:25:01,230 Nyt täällä toiminto tärkein, tämä toiminto tärkein 446 00:25:01,230 --> 00:25:05,630 on todella ajaa ja tulkitaan, mutta se ei itse tehdä kovin paljon. 447 00:25:05,630 --> 00:25:08,970 Se vain saa kaiken perustaa, mutta se ei varsinaisesti aloittaa plug-in, 448 00:25:08,970 --> 00:25:11,220 huolimatta siitä, mitä nimi kuulostaa. 449 00:25:11,220 --> 00:25:14,690 Tämä todella tapahtuu kautta sekvenssi menetelmiä, jotka 450 00:25:14,690 --> 00:25:16,820 sisältyvät koko tämän plug-in. 451 00:25:16,820 --> 00:25:20,830 >> Jos siis selaa, voimme nähdä että meillä elinkaari jossa 452 00:25:20,830 --> 00:25:25,100 joitakin tapahtuma nimeltä kuormitus, tai jokin tapahtuma nimeltään purkaa, 453 00:25:25,100 --> 00:25:26,940 Jotkut tapahtumat todella tapahtua. 454 00:25:26,940 --> 00:25:33,500 Se on todella täällä jos sillä plug-in alkaa että näitä menetelmiä kutsutaan. 455 00:25:33,500 --> 00:25:37,240 Joten olla hieman konkreettisempia tästä ja katso esimerkki. 456 00:25:37,240 --> 00:25:41,010 Joten täällä plugin.1, mitä olemme periaatteessa teemme 457 00:25:41,010 --> 00:25:46,010 on luoda valikkokohta nimeltään CS50 Seminaari Dialog 1-- 458 00:25:46,010 --> 00:25:48,070 koska meillä on kaksi them-- ja olemme menossa 459 00:25:48,070 --> 00:25:50,300 pistää sen Ikkuna-valikosta. 460 00:25:50,300 --> 00:25:54,590 Ja kun klikkaa sitä, olemme aikoo avata vuoropuhelun 461 00:25:54,590 --> 00:25:56,290 osoittaa meille joitakin hyvin perustietoja. 462 00:25:56,290 --> 00:25:58,050 >> Tässä tapauksessa vain Hello World. 463 00:25:58,050 --> 00:26:01,880 Joten tämä on hyvin yksinkertainen Hello World vuoropuhelu 464 00:26:01,880 --> 00:26:05,260 että voimme toteuttaa plug-in Cloud 9. 465 00:26:05,260 --> 00:26:07,960 Joten miten tämä todella näyttää. 466 00:26:07,960 --> 00:26:12,730 Me selata sitä, vain suhteellisen nopeasti niin me 467 00:26:12,730 --> 00:26:15,580 katsoa seuraavan plug-in samoin. 468 00:26:15,580 --> 00:26:19,510 Huomaa, että tässä ollaan kuluttaa erilaisia ​​laajennuksia. 469 00:26:19,510 --> 00:26:26,080 Olemme vievää vuoropuhelu plug-in, komennot, valikot, ja UI. 470 00:26:26,080 --> 00:26:30,440 Näyttää Olen itse olen vievää vuoropuhelua kahdesti, joten voin poistaa sen. 471 00:26:30,440 --> 00:26:32,560 >> Ja huomaa, että tapa että olen yhdistävät heitä, 472 00:26:32,560 --> 00:26:37,940 tämä on eräänlainen metatietoja kertoo plug-in-järjestelmä, mitä vaatimuksia 473 00:26:37,940 --> 00:26:41,480 ovat todella tarpeen Tämän plug-in ladata. 474 00:26:41,480 --> 00:26:46,400 On myös tärkeää huomata, että jotta laajennuksia ladataan 475 00:26:46,400 --> 00:26:48,300 ei ole taattu. 476 00:26:48,300 --> 00:26:53,400 Mutta mikä on taattu on, että jos minä määritä joitakin plug-in kuin vaatimus, 477 00:26:53,400 --> 00:26:56,900 että plug-in ladataan ennen tämä on ladattu. 478 00:26:56,900 --> 00:27:00,390 >> Niin se tarkoittaa, että jos plug-in vaatii joitakin toiminnallisuudesta 479 00:27:00,390 --> 00:27:04,380 jotain muuta IDE, sinun pitäisi olla varma, että plug-in kuluttaa 480 00:27:04,380 --> 00:27:09,260 että plug-in niin, että riippuvuudet ovat varmasti luoda plug-in, 481 00:27:09,260 --> 00:27:15,010 tai instantiate sinun plug-in, vain jälkeen, että nykyinen kehys on olemassa. 482 00:27:15,010 --> 00:27:18,870 Joten tässä olen maininnut metatiedot plug-in-johtaja, 483 00:27:18,870 --> 00:27:20,990 mitkä Aion kuluttaa. 484 00:27:20,990 --> 00:27:24,910 Ja päätehtävä täällä, Aion kytke 485 00:27:24,910 --> 00:27:30,240 minun koodi tuotuja laajennuksia. 486 00:27:30,240 --> 00:27:33,420 >> Joten olen juuri menossa luoda joitakin muuttujia, 487 00:27:33,420 --> 00:27:36,620 vastaavat nimet kaikkien näiden niin että voin hyvin nopeasti viittaus niitä 488 00:27:36,620 --> 00:27:37,840 koko minun koodi. 489 00:27:37,840 --> 00:27:41,840 Syynä Olen tuovan vuoropuhelu on koska haluan plug-in 490 00:27:41,840 --> 00:27:44,560 toimia vuoropuhelun plug-in. 491 00:27:44,560 --> 00:27:49,320 Ja että pystyn tehdä se on, tietenkin, 492 00:27:49,320 --> 00:27:52,740 kytken koodi vuoropuhelua plug-in tuomalla se 493 00:27:52,740 --> 00:27:57,210 ja sitten määrittämällä mukaan luoda uuden vuoropuhelun muuttuja 494 00:27:57,210 --> 00:28:00,460 ja liittämällä sen että tuotu plug-in. 495 00:28:00,460 --> 00:28:04,820 Ja sitten määrittelemällä minun plug-in uutena vuoropuhelua. 496 00:28:04,820 --> 00:28:07,650 >> Joten alustuksen, I haluat määrittää Plug-in. 497 00:28:07,650 --> 00:28:10,440 Ja tämä muuttuja nimeltä plug-in näet 498 00:28:10,440 --> 00:28:14,030 on vain käytetään yleisesti koko Cloud 9 laajennuksia. 499 00:28:14,030 --> 00:28:16,980 Aion instantiate uusi vuoropuhelua joidenkin ominaisuuksia, 500 00:28:16,980 --> 00:28:22,300 antaa se erityinen nimi, sanovat, että se on mahdollista käyttäjät voivat sulkea. 501 00:28:22,300 --> 00:28:24,960 Että se näytän vähän x oikeassa yläkulmassa, 502 00:28:24,960 --> 00:28:27,529 tai pieni painike vasemmassa alakulmassa. 503 00:28:27,529 --> 00:28:30,570 Vai en voi valita tekstiä se, mitä otsikko että vuoropuhelu 504 00:28:30,570 --> 00:28:32,400 olisi, ja niin edelleen. 505 00:28:32,400 --> 00:28:36,330 Nyt tämä vain määritellään vuoropuhelua, mutta se ei vielä näytä sitä. 506 00:28:36,330 --> 00:28:40,780 Minulla on oikeastaan ​​määritellä toimiin se näytetään. 507 00:28:40,780 --> 00:28:43,490 >> Ja vielä, kehotan teitä katsomaan Cloud 9 SDK, 508 00:28:43,490 --> 00:28:46,930 koska on olemassa erilaisia ​​vuoropuheluja ja he ovat todella hyvin dokumentoitu. 509 00:28:46,930 --> 00:28:50,500 Näet erilaisia että on olemassa, ja käyttää niitä 510 00:28:50,500 --> 00:28:55,380 missä tahansa plug-in sinulla on mielessä. 511 00:28:55,380 --> 00:28:58,790 Nyt tulee olemaan kuormaosan, ja tämä kuormitus 512 00:28:58,790 --> 00:29:03,390 toimivat muistatte on jota plug-in elinkaaren 513 00:29:03,390 --> 00:29:07,060 todella instantiate kaikki ja saada kaikki valmiina. 514 00:29:07,060 --> 00:29:11,440 Nyt kun tämä plug-in kuormia, en haluavat sen heti näyttää vuoropuhelua, 515 00:29:11,440 --> 00:29:14,160 koska tämä plug-in latautuu yhdessä muun IDE. 516 00:29:14,160 --> 00:29:17,850 Ja kun lataan että IDE, en halua vuoropuhelu näy automaattisesti. 517 00:29:17,850 --> 00:29:24,170 En vain halua, että se näyttää, kun napsautan valikon minun Ikkuna valikkokohta 518 00:29:24,170 --> 00:29:26,760 että minä lisään sen hetkellisesti. 519 00:29:26,760 --> 00:29:29,480 >> Joten siellä on kaksi erillistä vaihetta täällä, että täytyy tapahtua. 520 00:29:29,480 --> 00:29:32,640 Minulla on luoda komento, ja komento 521 00:29:32,640 --> 00:29:37,940 vastaa tosiasiallisesti näytetään vuoropuhelua Cloud 9 IDE. 522 00:29:37,940 --> 00:29:42,670 Ja sitten minun täytyy liittää, I on luotava uuteen ikkunaan valikko 523 00:29:42,670 --> 00:29:46,070 erä, joka kulkee komennon. 524 00:29:46,070 --> 00:29:49,740 Niin että kun klikkaa että ikkuna valikkokohta, että komento on valitse Suorita 525 00:29:49,740 --> 00:29:52,290 ja siksi minun vuoropuhelua sitten esitetty. 526 00:29:52,290 --> 00:29:55,690 Ja niin tämä on oikeastaan ​​aika mukava tapa ajatella sitä. 527 00:29:55,690 --> 00:30:01,480 >> Koska ensimmäinen Voin luoda komennon jonka nimi on CS50 Seminaari Dialog 1, 528 00:30:01,480 --> 00:30:04,860 joka tarjoaa joitakin Yleinen tausta sitä. 529 00:30:04,860 --> 00:30:08,930 Ja tärkeä vähän täällä on huomaa EXEC ominaisuus, joka 530 00:30:08,930 --> 00:30:15,160 luetellaan toiminto, jota kutsutaan minun plug-in, kun tämä komento suoritetaan. 531 00:30:15,160 --> 00:30:21,980 Joten tämä käsky on eräänlainen kuten a-- se on vain mielivaltainen Cloud 9 532 00:30:21,980 --> 00:30:25,780 komento, joka on saatavilla Jonkin Cloud 9 plug-in. 533 00:30:25,780 --> 00:30:30,290 Mutta varsinainen toiminto että se on aikoo kutsua kun komento suoritetaan 534 00:30:30,290 --> 00:30:35,010 on show vuoropuhelu toiminto minun plugin.js tiedostoon. 535 00:30:35,010 --> 00:30:38,550 >> Ja voimme todella nähdä nämä laajennukset ja luettelo 536 00:30:38,550 --> 00:30:45,480 komentoja, jotka ovat käytettävissä meille Asetukset, selaa kaikki down-- 537 00:30:45,480 --> 00:30:48,180 Katsotaanpa, itse asiassa näemme tämän nyt? 538 00:30:48,180 --> 00:30:53,180 Plug-in-johtaja, ei, mielestäni I-- se ehdottomasti täällä jossain. 539 00:30:53,180 --> 00:31:00,016 No, siellä on luettelo komennoista jonnekin, mutta minun täytyy olla, 540 00:31:00,016 --> 00:31:01,140 Olen unohtanut missä se on. 541 00:31:01,140 --> 00:31:02,430 Joten ok, me eteenpäin. 542 00:31:02,430 --> 00:31:02,930 Selvä. 543 00:31:02,930 --> 00:31:05,790 Joten meillä on lista komennoista jotka ovat käytettävissä meille, 544 00:31:05,790 --> 00:31:08,550 ja nämä komennot ovat nämä vain mielivaltainen Cloud 9 545 00:31:08,550 --> 00:31:10,870 komennot, jotka toimivat koodilla. 546 00:31:10,870 --> 00:31:13,620 Joten pitää tämä mielessä, että aiomme ajaa näyttää valintaikkuna 547 00:31:13,620 --> 00:31:15,640 toimivat hetkellisesti. 548 00:31:15,640 --> 00:31:19,740 Nyt kun olen todella haluavat lisätä valikkoon tuote, voin lisätä, että kohta polun, 549 00:31:19,740 --> 00:31:25,570 ja vain määrittää tarkalleen missä haluan sen olevan, ikkuna / CS50 Seminaari Dialog 1. 550 00:31:25,570 --> 00:31:28,380 Ja siinä vaiheessa, haluan luoda uuden kohteen, joka 551 00:31:28,380 --> 00:31:32,040 aikoo komentoa, CS50 Seminaari Dialog 1. 552 00:31:32,040 --> 00:31:36,140 Huomaa, että jälleen, tämä on Cloud 9 komento Olen luonut yläpuolella. 553 00:31:36,140 --> 00:31:38,630 >> Nyt Haluan myös luoda pieni jakaja, 554 00:31:38,630 --> 00:31:42,260 ja niin voin tehdä samoin seuraavassa linja. 555 00:31:42,260 --> 00:31:46,040 Nyt saatat huomata, että osa määritellään tämän vaihtoehdon, 556 00:31:46,040 --> 00:31:48,200 siellä on useita liittyy se, joka 557 00:31:48,200 --> 00:31:51,260 oikeastaan ​​sanoo missä tarkalleen Haluan, että valikkokohta on 558 00:31:51,260 --> 00:31:53,441 sijaitsevat luettelon valikoista. 559 00:31:53,441 --> 00:31:55,190 Mutta saatat huomata että en ole oikeastaan 560 00:31:55,190 --> 00:31:59,540 näe mitään numeroita Näiden valikoiden oletusarvoisesti. 561 00:31:59,540 --> 00:32:04,630 Joten siellä on vähän piilotettu asia, että voimme tehdä, pieni muutos meidän URL. 562 00:32:04,630 --> 00:32:12,920 Joten lisäksi SDK = 1 & debug = 2, Minä asettaa valikosta 1-- 563 00:32:12,920 --> 00:32:14,690 ja toivottavasti se valikko, ei valikoita. 564 00:32:14,690 --> 00:32:17,001 Voi, se on valikot = 1. 565 00:32:17,001 --> 00:32:17,500 Pidä kiinni. 566 00:32:17,500 --> 00:32:20,150 567 00:32:20,150 --> 00:32:24,690 >> Ja mitä näemme, kun asetat, että IDE on, että olen edelleen debug-tilassa, 568 00:32:24,690 --> 00:32:27,540 mutta nyt on olemassa numeroita liittyvät kaikki valikot. 569 00:32:27,540 --> 00:32:29,630 Ja tämä kertoo mitä numero 570 00:32:29,630 --> 00:32:34,730 on kun yrität pistää jotain kaikkialla tässä valikossa järjestelmään. 571 00:32:34,730 --> 00:32:40,365 Joten Ikkuna-valikosta, voin nähdä, että kohta 45 on tehtävä yhteistyötä 572 00:32:40,365 --> 00:32:43,820 ja kohta 38, ennen kuin se on asennusohjelma. 573 00:32:43,820 --> 00:32:47,530 Joten kun haluan pistää erä näiden kahden, 574 00:32:47,530 --> 00:32:50,570 Haluaisin vain valitse numero näiden kahden kohdetta. 575 00:32:50,570 --> 00:32:56,200 Joten Olen valinnut 41 ja lisätään minun seminaari Dialog 1 valikkokohdan kyseisessä paikassa. 576 00:32:56,200 --> 00:33:03,640 >> Ja siksi tämä numero joka näkyy tässä numero 41. 577 00:33:03,640 --> 00:33:08,010 Tämä on sijainti, joka valikkoa Cloud 9 valikosta. 578 00:33:08,010 --> 00:33:11,045 Nyt samoin, halusin luoda jakaja 579 00:33:11,045 --> 00:33:13,920 ja lisätä sen niin, että siellä on mukava jako kukin näistä valikon 580 00:33:13,920 --> 00:33:14,490 kohteita. 581 00:33:14,490 --> 00:33:18,600 Niin lisäsin että paikassa 43. 582 00:33:18,600 --> 00:33:20,260 Toistaiseksi niin hyvä, toivon? 583 00:33:20,260 --> 00:33:23,920 Joten Nyt todella katsoa koodilla näyttelyssä dialogi 584 00:33:23,920 --> 00:33:28,050 se on tosiasiallisesti vastuussa avaamista tämän ikkunan. 585 00:33:28,050 --> 00:33:32,710 >> Vierittämällä, näen, että haluan on tämä toiminto näyttää valintaikkunan, 586 00:33:32,710 --> 00:33:34,730 ja se on erittäin yksinkertainen. 587 00:33:34,730 --> 00:33:38,570 Aion ajaa näyttää menetelmää plug-muuttujaan. 588 00:33:38,570 --> 00:33:43,900 Ja muista, että me määritelty tämän plug-in muuttuja edellä vuoropuhelua. 589 00:33:43,900 --> 00:33:48,530 Joten baari plug-in, tässä tapauksessa, on tämä objekti että olemme määritelty sisäisesti. 590 00:33:48,530 --> 00:33:53,030 Ja se tulee olemaan uusi vuoropuhelu Näillä plug-in. 591 00:33:53,030 --> 00:33:57,020 Ja niin me todella viitattu tämän plug-in muuttuja monin paikoin 592 00:33:57,020 --> 00:33:59,790 tyypillisessä Cloud 9 kehitysympäristö. 593 00:33:59,790 --> 00:34:00,867 >> Näemme sen tässä. 594 00:34:00,867 --> 00:34:03,450 Huomaa, että kun me selaa, siellä on ylimääräistä elinkaarta. 595 00:34:03,450 --> 00:34:06,970 Niin huomaa, että nämä vastata tapahtumia, jotka ammutaan 596 00:34:06,970 --> 00:34:10,500 Tämän esine, tämä vuoropuhelu esine. 597 00:34:10,500 --> 00:34:12,710 Oletuksena siellä lastata ja purkaa, joka 598 00:34:12,710 --> 00:34:14,760 ovat kaikkien Cloud 9 laajennuksia. 599 00:34:14,760 --> 00:34:17,139 Mutta jos Vuoropuhelun siellä 600 00:34:17,139 --> 00:34:19,139 toinen tapahtuma, joka voi palo samoin kutsutaan 601 00:34:19,139 --> 00:34:23,239 Draw, joka on ammuttu, kun se ollaan piirretään näytön, 602 00:34:23,239 --> 00:34:27,239 ensimmäisessä oikeusasteessa vuoropuhelun osoittaa. 603 00:34:27,239 --> 00:34:29,590 >> Joten kun se on todella aiotaan näytetään, 604 00:34:29,590 --> 00:34:31,739 siellä tulee antaa meille joitakin HTML. 605 00:34:31,739 --> 00:34:34,710 Ja käyttämällä vain standardi HTML käytäntöjä voimme 606 00:34:34,710 --> 00:34:41,030 pistää joitakin hyvin yksinkertaisia ​​tietoja, meidän Hello World, että vuoropuhelu. 607 00:34:41,030 --> 00:34:47,780 Jos siis siirry ylös, voimme katso sitten kulkue asioita 608 00:34:47,780 --> 00:34:48,989 että se tapahtuu. 609 00:34:48,989 --> 00:34:54,070 Ensin luotiin Cloud 9 komento että kun suoritetaan Cloud 9, 610 00:34:54,070 --> 00:34:55,765 aikoo ampua tätä toimintoa. 611 00:34:55,765 --> 00:34:58,390 Se tulee suorittaa tämän toiminnon nimeltään osoittavat vuoropuhelu, että olen 612 00:34:58,390 --> 00:34:59,720 kirjoitettu minun koodi. 613 00:34:59,720 --> 00:35:04,350 >> Loin valikkokohta ja on kiinnitetty siihen, että saman komennon 614 00:35:04,350 --> 00:35:08,550 että kun kyseisen kohteen klikataan valikosta, että komento ajetaan sitten 615 00:35:08,550 --> 00:35:10,780 ja että toiminta on sitten ajaa. 616 00:35:10,780 --> 00:35:14,080 Ja sisältä toiminto olen juuri menossa soittaa the-- olen 617 00:35:14,080 --> 00:35:17,250 juuri menossa suorittaa näyttää menetelmä tämän plug-in, joka 618 00:35:17,250 --> 00:35:20,800 aikoo ensimmäinen puhelu piirtää menetelmä, ja menee 619 00:35:20,800 --> 00:35:28,050 ampua tätä menetelmää alhaalla, piirtää tapahtuman käsittelijät, meidän elinkaaren. 620 00:35:28,050 --> 00:35:30,820 Ja sitten se todella osoittavat vuoropuhelua. 621 00:35:30,820 --> 00:35:34,870 >> Mukana on myös piilottaa menetelmä, jotta jos minun täytyy tilaisuus piilottaa 622 00:35:34,870 --> 00:35:37,610 minun vuoropuhelu, voin tehdä saman. 623 00:35:37,610 --> 00:35:42,060 Niin se on aika paljon se saada kaikki tämä toimisi. 624 00:35:42,060 --> 00:35:45,160 Huomaa, että on jos me selaa lisäksi siellä on jäädyttää julkisen API. 625 00:35:45,160 --> 00:35:51,020 Tämä pohjimmiltaan sanoo vain, että olen haluavat näitä menetelmiä tehokkaasti 626 00:35:51,020 --> 00:35:56,670 julkisia, mutta ei overwriteable ulkopuolella yhteydessä tämä plug-in. 627 00:35:56,670 --> 00:36:00,410 Ja alle, alareunassa, on ehkä viimeinen asia 628 00:36:00,410 --> 00:36:03,180 että me todella tarvitse maksaa paljon huomiota täällä, joka 629 00:36:03,180 --> 00:36:09,540 on se, että aiomme rekisteröityä meidän plug-in kanssa nimellä C9 Seminar 1, 630 00:36:09,540 --> 00:36:11,920 ja esine plug-in. 631 00:36:11,920 --> 00:36:14,870 >> Joka kuten muistatte, on että plug-in, joka plug-in 632 00:36:14,870 --> 00:36:18,200 objekti että olemme määritellään koko kokonaisuudessaan tämän lähteen 633 00:36:18,200 --> 00:36:18,840 koodi. 634 00:36:18,840 --> 00:36:23,790 Ja C9 Seminaari 1 on merkkijonon lupasimme 635 00:36:23,790 --> 00:36:26,350 tarjota huipulla Tämän määritelmän. 636 00:36:26,350 --> 00:36:29,280 637 00:36:29,280 --> 00:36:29,780 OK. 638 00:36:29,780 --> 00:36:34,160 Joten ramppi se ylös vähän ja katso jos voimme tehdä jotain 639 00:36:34,160 --> 00:36:36,020 hieman mielenkiintoisempi. 640 00:36:36,020 --> 00:36:38,350 Nyt tämä on vain niin suuri. 641 00:36:38,350 --> 00:36:41,380 Tarkoitan, tämä on, se on oikeastaan ​​aika cool, että siltä muutaman rivin koodia, 642 00:36:41,380 --> 00:36:45,570 voimme muuttaa nykyisiä IDE ja lisätä olemassa olevan valikkokohdan 643 00:36:45,570 --> 00:36:48,850 tai lisätä uuden valikkokohdan, lisätä komento, ja näyttää vuoropuhelua, 644 00:36:48,850 --> 00:36:51,040 ja vain joukko toiminnallisuutta, joka on olemassa. 645 00:36:51,040 --> 00:36:54,550 Se on oikeastaan ​​aika suuri. 646 00:36:54,550 --> 00:36:59,470 >> Mutta se ei tee paljon, koska se ei voi kommunikoida taustalla Ubuntu 647 00:36:59,470 --> 00:37:00,450 Esimerkiksi. 648 00:37:00,450 --> 00:37:02,560 Joten sanoa, että olen todella haluavat selvittää 649 00:37:02,560 --> 00:37:05,400 joitakin tietoja taustalla Ubuntu esimerkiksi 650 00:37:05,400 --> 00:37:08,260 kuten tilastot plug-in tekee. 651 00:37:08,260 --> 00:37:11,090 Joten katsomaan hieman enemmän tietoa 652 00:37:11,090 --> 00:37:13,730 miten tilastot plug-in toimii. 653 00:37:13,730 --> 00:37:15,900 Ja itse asiassa se on hyvin samanlainen kuin tämä. 654 00:37:15,900 --> 00:37:17,680 Saatat muistaa, että siellä vuoropuhelua. 655 00:37:17,680 --> 00:37:21,680 Saatat muistaa, että on olemassa joitakin tietoja se 656 00:37:21,680 --> 00:37:24,860 näytetään vain pitkin valikkopalkki pitkin alkuun, mikä toivottavasti olet nyt 657 00:37:24,860 --> 00:37:27,450 saada maku miten otimme tämän, 658 00:37:27,450 --> 00:37:32,360 vain lisäämällä valikon kohdetta tiettyinä pistettä ja instantiating vuoropuhelu 659 00:37:32,360 --> 00:37:34,360 ja näytetään, että vuoropuhelu. 660 00:37:34,360 --> 00:37:36,580 >> Mutta emme ole vielä osoittaneet miten voimme liittää sen 661 00:37:36,580 --> 00:37:40,790 komentoon vuonna taustalla Ubuntu esimerkiksi. 662 00:37:40,790 --> 00:37:46,930 Joten katsomaan sitten plugin.2, joka tekee juuri tämä asia. 663 00:37:46,930 --> 00:37:50,540 Aiomme avata plugin.js, joka on koodi tähän. 664 00:37:50,540 --> 00:37:54,570 Mutta alle Ikkuna-valikosta, jos napsautan dialogi 2, 665 00:37:54,570 --> 00:37:58,290 voimme nähdä, että se sanoo sen sijaan, hei CS50, joka 666 00:37:58,290 --> 00:38:01,800 ei näytä kaikkia että houkutteleva, eikö? 667 00:38:01,800 --> 00:38:04,310 Paitsi, katsoa tämän. 668 00:38:04,310 --> 00:38:07,020 Sallikaa minun muuttaa jotain tänne. 669 00:38:07,020 --> 00:38:11,540 >> Aion mennä minun työtila ja muutos seminaari 670 00:38:11,540 --> 00:38:15,990 sanoa jotain muuta, kuten Hei, Dan. 671 00:38:15,990 --> 00:38:18,150 Aion sulkea ja tallentaa sen. 672 00:38:18,150 --> 00:38:22,740 Ja nyt aion uusinnassa minun vuoropuhelu valikosta. 673 00:38:22,740 --> 00:38:25,590 Ja huomaa, että se on nyt muuttunut mitä se sanoo. 674 00:38:25,590 --> 00:38:26,880 Hei, Dan. 675 00:38:26,880 --> 00:38:30,680 Olen ilmeisesti tehnyt jotain alas täällä taustalla Ubuntu oikeusasteessa 676 00:38:30,680 --> 00:38:34,370 ilman manipuloitu mitään koodi, joka taas on käynnissä yksinomaan 677 00:38:34,370 --> 00:38:35,720 asiakkaan puolella. 678 00:38:35,720 --> 00:38:40,380 Joten ei ilmeisesti jonkinlainen viestintä, joka tapahtuu täällä. 679 00:38:40,380 --> 00:38:44,550 >> Nyt tämä on silloin paljon teho Cloud 9 SDK tulee, 680 00:38:44,550 --> 00:38:49,440 on, että tässä plugin.2, voimme todella aiheuttaa 681 00:38:49,440 --> 00:38:52,910 puhelu tapahtuu taustalla esimerkiksi 682 00:38:52,910 --> 00:38:55,750 ja suorittaa joitakin mielivaltaisia ​​komento. 683 00:38:55,750 --> 00:39:00,230 Joten tässä tapauksessa, minulla on oikeastaan luonut hyvin yksinkertainen bash skripti 684 00:39:00,230 --> 00:39:02,350 minun työtilan nimeltään seminaari. 685 00:39:02,350 --> 00:39:03,610 Joten haluan avata, että jopa. 686 00:39:03,610 --> 00:39:05,370 Ja voimme nähdä, että se näyttää tältä. 687 00:39:05,370 --> 00:39:08,310 Se on vain hyvin yksinkertainen bash skripti, jonka ainoa tarkoitus elämässä 688 00:39:08,310 --> 00:39:11,920 tulee olemaan yhtyä tätä tekstiä, Hei, Dan. 689 00:39:11,920 --> 00:39:14,360 Tai ennen sitä, se sanoi Hei, CS50. 690 00:39:14,360 --> 00:39:16,000 Ja siinä kaikki se aikoo tehdä. 691 00:39:16,000 --> 00:39:21,030 >> Koska tämä on nyt komento, että voin ajaa. 692 00:39:21,030 --> 00:39:23,750 Voin todella ajaa sen tänne. 693 00:39:23,750 --> 00:39:28,440 Voimme nähdä, että se todella on vain komento, että juoksen luonnollisesti. 694 00:39:28,440 --> 00:39:32,850 Voin kysyä Plug-in suorittaa tämän komento taustalla työtilan 695 00:39:32,850 --> 00:39:36,510 ja jäsentää tiedot että palautettiin siitä, 696 00:39:36,510 --> 00:39:40,300 ja tehdä jotain sen kanssa, ja muuttaa Plug-in ja käyttäytymiseen, että olen 697 00:39:40,300 --> 00:39:43,240 on minun plug-in seurauksena. OK. 698 00:39:43,240 --> 00:39:45,450 Joten miten tämä tapahtuu. 699 00:39:45,450 --> 00:39:48,380 Näimme tämän hyvin yksinkertainen Seminaari erän käsikirjoitus että minä 700 00:39:48,380 --> 00:39:51,080 [Äänetön], että se voi todella ajaa. 701 00:39:51,080 --> 00:39:54,560 >> Ja nyt katsotaanpas muutokset jotka ovat tarpeen sitoa tähän yhdessä 702 00:39:54,560 --> 00:39:57,620 kanssa ikkunan, ja suorita se. 703 00:39:57,620 --> 00:40:02,030 Joten tässä me aiomme tehdä melko paljon samaa kuin näimme aiemmin. 704 00:40:02,030 --> 00:40:05,500 Mutta huomaa, että joukossa asioita, joita olen kulutetaan now-- 705 00:40:05,500 --> 00:40:09,090 lisäksi vuoropuhelua, joka jälleen Satun tehnyt kahdesti, 706 00:40:09,090 --> 00:40:14,300 joka ei ole necessary-- lisäksi vuoropuheluun ja komennot 707 00:40:14,300 --> 00:40:17,780 ja valikot laajennuksia, jotka olivat tarpeen ensimmäinen minulle 708 00:40:17,780 --> 00:40:21,560 määritellä uuden komennon ja pistää erä osaksi valikoissa, 709 00:40:21,560 --> 00:40:25,010 Minulla on myös tämä proc plug-in. 710 00:40:25,010 --> 00:40:28,500 >> Ja tämä proc plug-in avulla meitä manipuloida prosesseihin 711 00:40:28,500 --> 00:40:30,950 on taustalla oikeusasteessa. 712 00:40:30,950 --> 00:40:34,970 Olen liittänyt sen jälkeen olen sanoi, että minun plug-in sitä edellyttää. 713 00:40:34,970 --> 00:40:38,320 Olen sitten kytketty sen koodin, kuten näimme päätehtävä. 714 00:40:38,320 --> 00:40:40,970 Jälleen aion alustaa minun vuoropuhelua. 715 00:40:40,970 --> 00:40:45,500 Ja jos siirrymme alas nyt, me nähdä, kuinka tämä on erilainen. 716 00:40:45,500 --> 00:40:49,040 Kuorma-toiminto on sama, niin se juuri menossa luoda komennon 717 00:40:49,040 --> 00:40:54,250 ja luoda valikon kohta ja liitä että valikkokohta komennon. 718 00:40:54,250 --> 00:40:56,690 Mutta jos me nyt selaa alas näyttää vuoropuhelua, 719 00:40:56,690 --> 00:40:59,990 voimme alkaa nähdä, missä erot syntyvät. 720 00:40:59,990 --> 00:41:04,170 >> Meillä on toiminto osoittavat vuoropuhelua, joka on juuri menossa näyttämään vuoropuhelua. 721 00:41:04,170 --> 00:41:12,410 Mutta kun näytän tämän vuoropuhelun, ja kun näyttää menetelmä on nimeltään, 722 00:41:12,410 --> 00:41:14,430 tulipalot piirtää toiminto. 723 00:41:14,430 --> 00:41:18,990 Ja aion määritä Osa sisällöstä sisällä että. 724 00:41:18,990 --> 00:41:21,910 Joten olen juuri menossa luoda div, sille esittää 725 00:41:21,910 --> 00:41:24,020 joitakin perusasioita tekstiä, Hei, maailma. 726 00:41:24,020 --> 00:41:27,250 Mutta huomaan, että täällä minä olen aikoo liittää sen tunnus. 727 00:41:27,250 --> 00:41:32,350 Ja jo seuraavana rivi aion löytää että ID JavaScriptin avulla, 728 00:41:32,350 --> 00:41:36,210 ja tallentaa että esine toiseen vaihteleva 729 00:41:36,210 --> 00:41:38,280 että olen juuri menossa soittaa sisältöä. 730 00:41:38,280 --> 00:41:41,780 >> Joten nyt kun minulla on sisältöä, kaikki minun täytyy tehdä 731 00:41:41,780 --> 00:41:46,100 on vain muokata objektin sisäinen HTML. 732 00:41:46,100 --> 00:41:51,300 Ja vuoropuhelu HTML tulee sitten modifioida samoin. 733 00:41:51,300 --> 00:41:55,500 Joten kun tämä plug-in on sitten on esitetty, mikä voi tapahtua 734 00:41:55,500 --> 00:41:59,820 ja tämä on uusi tapahtuma joka on uusi tässä plug-in, 735 00:41:59,820 --> 00:42:03,380 mutta tapahtuu jokaisessa plug-in kanssa vuoropuhelua, kun tämä on nyt esitetty, 736 00:42:03,380 --> 00:42:07,100 Aion soittaa toiminto nimeltään hakea info. 737 00:42:07,100 --> 00:42:10,520 Ja tämä toiminto on liha sen tässä. 738 00:42:10,520 --> 00:42:14,930 Aion käyttää tätä proc plug-in, joka Olemme edellä on kuvattu, joka muuten, 739 00:42:14,930 --> 00:42:19,790 on oikeastaan ​​vain Node.js kirjasto että Cloud 9 käyttää täällä. 740 00:42:19,790 --> 00:42:21,730 >> Joten voit itse etsiä siitä, miten tämä 741 00:42:21,730 --> 00:42:25,340 toimii jos menet Node.js asiakirjat 742 00:42:25,340 --> 00:42:29,220 ja etsiä exec tiedosto Menetelmä prosessien siellä. 743 00:42:29,220 --> 00:42:33,110 Aion ajaa tätä erityistä komento, koti Ubuntu työtila 744 00:42:33,110 --> 00:42:38,000 seminaari, jonka mukaan sama, joka sama komento, että olen luonut ennen. 745 00:42:38,000 --> 00:42:40,680 Sille esittää nykyisen työhakemiston, vain 746 00:42:40,680 --> 00:42:45,440 olevan erittäin turvallinen kannalta yhteydessä, jos tämä on käynnissä. 747 00:42:45,440 --> 00:42:49,150 Ja kun se on ollut täytettävä ja palautettava, 748 00:42:49,150 --> 00:42:54,040 Aion ajaa tätä toiminto nimeltään Parse tuotos. 749 00:42:54,040 --> 00:42:54,540 OK. 750 00:42:54,540 --> 00:42:58,670 Joten tämä sitten tulee suorittaa komento paikallisen, tai pikemminkin 751 00:42:58,670 --> 00:43:01,700 kauko Ubuntu oikeusasteessa. 752 00:43:01,700 --> 00:43:03,490 Kun saan takaisin joitakin tiedot, olen sitten 753 00:43:03,490 --> 00:43:06,940 menossa hakea erillisen toiminto nimeltään Parse tuotos, että 754 00:43:06,940 --> 00:43:13,790 on tämä allekirjoitus täällä, err, stdout, stderr, 755 00:43:13,790 --> 00:43:15,910 ja tehdä joitakin laskennan tässä. 756 00:43:15,910 --> 00:43:18,930 Joten jos sain virheilmoituksen jonkinlaista lainkaan, 757 00:43:18,930 --> 00:43:22,340 Aion itse tarkistaa, onko virhe todella on joitakin tietoja. 758 00:43:22,340 --> 00:43:27,204 Ja jos on, niin minä muuttaa sisempi HTML tämän sisällön esine, joka 759 00:43:27,204 --> 00:43:28,995 on muistatte, me yhdistetty vuoropuhelun 760 00:43:28,995 --> 00:43:32,210 on instantiattion kyseisen vuoropuhelu, tai ensimmäisessä piirustus 761 00:43:32,210 --> 00:43:33,370 tätä vuoropuhelua. 762 00:43:33,370 --> 00:43:35,650 Aion vain sanoa, että jokin virhe on tapahtunut. 763 00:43:35,650 --> 00:43:37,140 >> Nyt tämä on liian yksinkertaistettu. 764 00:43:37,140 --> 00:43:40,170 Virhe arvo tyypillisesti sisältävät jotain, joka oli hyödyllistä, 765 00:43:40,170 --> 00:43:45,520 ehkä virhe numero ja virheen käsikirjoituksen itse. 766 00:43:45,520 --> 00:43:48,430 Tai jos käsikirjoitus kirjoitti jotain keskivirhe, 767 00:43:48,430 --> 00:43:50,890 että tiedot olisi asuttu että parametri samoin. 768 00:43:50,890 --> 00:43:53,765 Ja voisin olla hieman lisää varovainen, mitä virhe 769 00:43:53,765 --> 00:43:55,332 Olen todella osoittaa ihmisiä. 770 00:43:55,332 --> 00:43:57,415 Mutta tämä yksinkertainen esimerkki on tarpeeksi hyvä nyt 771 00:43:57,415 --> 00:43:59,715 ainakin nähdä, miten kaikki tämä toimii. 772 00:43:59,715 --> 00:44:01,590 Muuten, jos on mitään virhettä, sitten olen vain 773 00:44:01,590 --> 00:44:05,500 aiotaan tarjota raaka lähtö että toiminto 774 00:44:05,500 --> 00:44:10,070 sisemmälle HTML tämän sisällön elementti, ja sitten päivittää plug-in 775 00:44:10,070 --> 00:44:12,490 ja näyttää sen täällä. 776 00:44:12,490 --> 00:44:17,550 Ja se on aika paljon kaikki mitä tarpeen saada tämän toimimaan. 777 00:44:17,550 --> 00:44:22,860 Ja niin Mietitäänpä sitten miten tämä toimii, kaiken kaikkiaan. 778 00:44:22,860 --> 00:44:29,330 Kun ensimmäisen kerran ladattu tämä plug-in, aivan kuten ensimmäinen plug-in, 779 00:44:29,330 --> 00:44:32,670 Aion lisätä komento, joka on käytettävissä mitään, mihin tahansa plug-in 780 00:44:32,670 --> 00:44:37,120 Cloud 9, nimeltään CS50 Seminaari Dialog 2, jonka vastuu 781 00:44:37,120 --> 00:44:39,670 on suorittaa tässä näyttelyssä vuoropuhelu, joka on muistatte, 782 00:44:39,670 --> 00:44:42,730 todella näyttää vuoropuhelu että pyysin alla. 783 00:44:42,730 --> 00:44:45,980 >> Niin minä lisätä, että komento ikkunavalikko 784 00:44:45,980 --> 00:44:48,070 niin että minulla on pääsy siihen. 785 00:44:48,070 --> 00:44:51,420 Ja kun tämä vuoropuhelu pyydetään näytetään, 786 00:44:51,420 --> 00:44:55,170 Minä tuon joitakin info taustalla Ubuntu oikeusasteessa 787 00:44:55,170 --> 00:44:58,890 käyttämällä Exec tiedosto komento. 788 00:44:58,890 --> 00:44:59,920 Anteeksi kuinka. 789 00:44:59,920 --> 00:45:04,140 Kun tämä on palautettu ja saan joitakin tietoa, niin asiakkaan puolelta 790 00:45:04,140 --> 00:45:08,370 taas, voin jäsentää tuotos komennon 791 00:45:08,370 --> 00:45:12,650 ja päivittää sisäinen HTML elementtien 792 00:45:12,650 --> 00:45:16,440 että olimme yhdistetty aikaisemmin. 793 00:45:16,440 --> 00:45:19,910 >> Ja että me sitten tämä täysin toimiva plug-in 794 00:45:19,910 --> 00:45:24,520 jonka avulla voin hakea tietoa Tämän mielivaltaisen kirjoitus 795 00:45:24,520 --> 00:45:27,170 että olemme luotu meidän taustalla esimerkiksi. 796 00:45:27,170 --> 00:45:29,660 Mutta jälleen kerran, se on todella tärkeä ja todella avain 797 00:45:29,660 --> 00:45:33,030 erottaa missä kukin näistä asioista on tapahtumassa, 798 00:45:33,030 --> 00:45:38,320 että meillä on kaikki tämän asiakkaan puolella koodi, joka ajetaan selaimessa, 799 00:45:38,320 --> 00:45:41,640 ja ei vielä ole pääsyä alla olevaan tiedostojärjestelmä 800 00:45:41,640 --> 00:45:44,895 kunnes me todella ajaa joitakin näistä komentoja, joita tarjotaan Cloud 801 00:45:44,895 --> 00:45:49,055 9 SDK kuten proc, ja jotkut toisilla joiden avulla voimme lukea joitakin tietoja, 802 00:45:49,055 --> 00:45:53,500 Lue joitakin tiedostoja jos tarvitsemme tehdä mitään sellaista. 803 00:45:53,500 --> 00:45:56,650 >> Nyt tämä on melko yksinkertainen esimerkki. 804 00:45:56,650 --> 00:46:00,570 On muitakin asioita, joita me olisi ehkä halua tehdä samoin. 805 00:46:00,570 --> 00:46:03,470 Esimerkiksi, ehkä me itse halua tallentaa joitakin tietoja 806 00:46:03,470 --> 00:46:04,630 mieltymyksiä. 807 00:46:04,630 --> 00:46:07,900 Tai ehkä haluamme Lisää uusi osiota 808 00:46:07,900 --> 00:46:09,690 tai jotain tähän suuntaan. 809 00:46:09,690 --> 00:46:13,370 Niin se on jotain, sinun voi katsoa Cloud 9 SDK 810 00:46:13,370 --> 00:46:15,300 saada lisää tietoa. 811 00:46:15,300 --> 00:46:19,990 Mutta tämä todella on riittävästi tietoa alkuun pääsemiseksi. 812 00:46:19,990 --> 00:46:26,410 Joten vain olla hieman konkreettisempia siitä, miten että joitakin näistä asioista 813 00:46:26,410 --> 00:46:31,370 toiminto, halusin näyttää vain yksi esimerkki, joka on vain joitakin 814 00:46:31,370 --> 00:46:35,580 koodi peräisin Tilastot 50 plug-in. 815 00:46:35,580 --> 00:46:39,780 >> Ja tämä koodi on pohjimmiltaan näiden esimerkkien perusteella 816 00:46:39,780 --> 00:46:43,310 että olet todella nähnyt, mutta on joitakin suojatoimia 817 00:46:43,310 --> 00:46:47,460 ja on joitakin enemmän monimutkaisuutta, jotta saavuttaa joitakin muita asioita 818 00:46:47,460 --> 00:46:48,930 että haluamme saavuttaa. 819 00:46:48,930 --> 00:46:54,510 Esimerkiksi, jos haluan olla voi säästää joitakin asetuksia, 820 00:46:54,510 --> 00:46:57,700 sitten minun täytyy saada Asetukset plug-in, 821 00:46:57,700 --> 00:47:01,820 ja joka kerta haluan lukea joitakin asetuksia, 822 00:47:01,820 --> 00:47:08,340 Voin esimerkiksi liittää erilaisiin tapahtumia Asetukset plug-in. 823 00:47:08,340 --> 00:47:13,630 Niin joka kerta asetukset on punainen, esimerkiksi omassa plug-in, 824 00:47:13,630 --> 00:47:18,450 jos aion lukea joitakin asetukset tallennettu varastointi 825 00:47:18,450 --> 00:47:24,540 käyttäjän preferenssejä, niin voin asettaa oletusasetukset tiettyyn paikkaan, 826 00:47:24,540 --> 00:47:31,250 tiettyjä etusija, että JSON Tyyliasetukset tiedosto että olemme 827 00:47:31,250 --> 00:47:33,890 tallennettu aiemmin, että olemme nähneet aiemmin. 828 00:47:33,890 --> 00:47:36,370 >> Ja jos aion kirjoittaa joitakin asetuksia sille, 829 00:47:36,370 --> 00:47:40,440 sitten can-- tai heti kun havaitsemme että asetukset on kirjoitettu 830 00:47:40,440 --> 00:47:44,420 to-- koska esimerkiksi ne, jotka asetukset on muutettu käyttäjä 831 00:47:44,420 --> 00:47:47,335 joko suoraan niiden asetuksia tiedosto, tai osiota 832 00:47:47,335 --> 00:47:49,370 on muuttanut asetuksia tiedosto suoraan, sitten 833 00:47:49,370 --> 00:47:53,590 Itse asiassa voin päivittää joitakin koodi tai päivittää käyttäytymistä minun plug-in 834 00:47:53,590 --> 00:47:58,710 perustuvat muutokset, jotka ovat tapahtui asetustiedosto samoin. 835 00:47:58,710 --> 00:48:03,380 Mutta oikeasti, loput on melko paljon tästä, että olet jo nähnyt. 836 00:48:03,380 --> 00:48:06,040 >> Lisäämme joitakin, ehkä jotain, joka on uutta. 837 00:48:06,040 --> 00:48:09,440 Joten lisäämme etusija tiedoston, tai pikemminkin osiota, 838 00:48:09,440 --> 00:48:14,250 mieltymysten ikkunan, joka taas voit löytää lisää tietoa 839 00:48:14,250 --> 00:48:16,220 Cloud 9 SDK lukea minulle. 840 00:48:16,220 --> 00:48:18,460 Mutta kaikki muu on melko paljon, melko 841 00:48:18,460 --> 00:48:25,810 samanlainen kuin mitä näimme ennen, vain jossa joitakin muita virheentarkistus 842 00:48:25,810 --> 00:48:30,150 ja joitakin muita suojaukset ja joitakin muita toimintoja 843 00:48:30,150 --> 00:48:33,314 ominaisuus kaikki eri asioita, joita olemme nähneet. 844 00:48:33,314 --> 00:48:35,230 Jos et ole oikeastaan nähnyt sitä vielä, saatat 845 00:48:35,230 --> 00:48:40,955 olla miettimättä mitä taustalla komento on Tilastot 50 ikkuna. 846 00:48:40,955 --> 00:48:42,840 Se on itse asiassa funktio. 847 00:48:42,840 --> 00:48:48,100 No, se is-- OH, perkele. 848 00:48:48,100 --> 00:48:49,410 Yksi sekunti. 849 00:48:49,410 --> 00:48:49,910 Pidä kiinni. 850 00:48:49,910 --> 00:48:52,270 OK. 851 00:48:52,270 --> 00:48:58,090 Siirryn tämä niin voimme todella mitä tapahtuu kun kirjoitan tilastot 50. 852 00:48:58,090 --> 00:49:02,140 Huomaa, että tässä tapauksessa, komento, että olen pois laskemisesta 853 00:49:02,140 --> 00:49:06,310 on todella jälleen, vain skripti, joka on menossa tuotos kasan tietoa 854 00:49:06,310 --> 00:49:08,040 JSON-muodossa. 855 00:49:08,040 --> 00:49:10,800 Ja siitä syystä, että teemme sen tällä tavalla on se, että koska me 856 00:49:10,800 --> 00:49:15,480 toimivat, koska olemme kirjoitettu asiakkaan puolella koodi JavaScript, 857 00:49:15,480 --> 00:49:19,500 voimme hyvin helposti vain jäsentää JavaScript esineitä, 858 00:49:19,500 --> 00:49:23,050 ja todella voi manipuloida nämä esineet aivan kuin olisimme 859 00:49:23,050 --> 00:49:24,610 muuta JavaScript olio. 860 00:49:24,610 --> 00:49:27,650 >> Ja niin tämä on erittäin kätevä tapa tarjota joitakin tietoja 861 00:49:27,650 --> 00:49:31,950 alkaen taustalla Ubuntu esimerkiksi kuten versionumeron, isäntä 862 00:49:31,950 --> 00:49:36,360 nimi, onko palvelin kuuntelee, mihin palvelinta, niin edelleen ja niin edelleen, 863 00:49:36,360 --> 00:49:39,150 ja jäsentää että hyvin helposti ja nopeasti 864 00:49:39,150 --> 00:49:44,870 plug-in, joka on sitten menossa näyttää meille kaikki nämä tiedot. 865 00:49:44,870 --> 00:49:47,920 Joten jälleen, Keskeinen oivallus täällä pitää mielessä 866 00:49:47,920 --> 00:49:54,260 on tämä erottelu taustalla esimerkiksi 867 00:49:54,260 --> 00:49:57,490 ja myös joissa koodia ladataan. 868 00:49:57,490 --> 00:49:59,870 Että kun minulla on asiakas, se ensimmäinen lastaus. 869 00:49:59,870 --> 00:50:03,951 Juuri tämä staattinen JavaScript-tiedoston jonnekin, ehkä CDN jonkinlaista. 870 00:50:03,951 --> 00:50:06,450 Emme oikeastaan ​​tarvitse välittää liikaa tätä ensimmäistä askelta. 871 00:50:06,450 --> 00:50:08,970 >> Tiedämme vain, että se on käynnissä asiakkaan puolella 872 00:50:08,970 --> 00:50:12,740 ja silloin aion kommunikoida tämän docker tapauksessa. 873 00:50:12,740 --> 00:50:15,970 Että aiomme tehdä niin kautta Cloud 9 SDK. 874 00:50:15,970 --> 00:50:20,460 Meillä ei oikeastaan ​​ole kykyä, JavaScriptin avulla tai Node.js, 875 00:50:20,460 --> 00:50:21,750 kirjoittaa suoraan siihen. 876 00:50:21,750 --> 00:50:29,400 Me vain käyttää niitä olemassa olevia SDK API tehdä että toiminta meille. 877 00:50:29,400 --> 00:50:32,490 Ja vielä, yksi todella tärkeitä asioita 878 00:50:32,490 --> 00:50:38,990 on että kun olen luonut tämän, kun olen luonut tämän plug-in, 879 00:50:38,990 --> 00:50:42,510 ja koska olen työskennellyt sen, yksi tärkeitä asioita 880 00:50:42,510 --> 00:50:44,840 on tuoda esille JavaScript-konsoli. 881 00:50:44,840 --> 00:50:49,400 >> Koska sillä tämä on kaikki toimivat JavaScript, 882 00:50:49,400 --> 00:50:54,700 asiakkaan puolelta, jos käytän console.log method-- niin vain 883 00:50:54,700 --> 00:50:56,550 näyttää tässä esimerkkiä. 884 00:50:56,550 --> 00:51:07,630 Yritetään muuttamiseksi yksinkertainen plug-in myös kirjautua joitakin tietoja. 885 00:51:07,630 --> 00:51:09,895 Ja me lisäämme standardin ulos. 886 00:51:09,895 --> 00:51:13,010 887 00:51:13,010 --> 00:51:16,810 Joten muuttaa sen olevan täällä. 888 00:51:16,810 --> 00:51:19,560 Nyt kun olen suorittaa console.log, pitää mielessä 889 00:51:19,560 --> 00:51:21,630 että koska tämä on käynnissä asiakkaan puolelta, 890 00:51:21,630 --> 00:51:24,900 Minä näkevät tämän omassa JavaScript-konsoli, joka 891 00:51:24,900 --> 00:51:28,540 on, miten siinä voi sitten yrittää vianmääritys ja debug 892 00:51:28,540 --> 00:51:30,330 joitakin ongelmia, että minulla on. 893 00:51:30,330 --> 00:51:34,110 >> Huomaa, että koska Olen SDK tilassa, olen 894 00:51:34,110 --> 00:51:37,820 Sitten voi manipuloida laajennuksia on tässä tapauksessa. 895 00:51:37,820 --> 00:51:39,800 Joten vaikka se on tallennettu tässä tapauksessa, 896 00:51:39,800 --> 00:51:47,130 Tämä on yksi esimerkki, joka edellisen sääntö rikotaan, jossa Cloud 9 897 00:51:47,130 --> 00:51:51,030 SDK todella vetää Osasovelluksia taustalla oikeusasteessa sitten käyttää niitä. 898 00:51:51,030 --> 00:51:54,440 Niin että tällä tavalla, olen sitten voi manipuloida ja rakentaa 899 00:51:54,440 --> 00:51:55,750 jotkut laajennukset täällä. 900 00:51:55,750 --> 00:51:58,080 Mutta jotta minun nähdä päivitykset tämä plug-in, 901 00:51:58,080 --> 00:52:01,880 koska se on asiakkaan puolelta, Minun täytyy tallentaa, että plug-in 902 00:52:01,880 --> 00:52:04,950 ja sitten uudelleen koko työtilan, jotta uusi plug-in on sitten 903 00:52:04,950 --> 00:52:09,230 ladataan minun asiakas, päälle minun web-selain, ja sitten sitä käytetään. 904 00:52:09,230 --> 00:52:14,460 >> Joten nyt kun klikkaa tästä Seminaari Dialog 2, me vielä nähdä tämän. 905 00:52:14,460 --> 00:52:21,311 Mutta nyt toivottavasti minun JavaScript vuoropuhelua, meidän pitäisi nähdä my-- odottaa, 906 00:52:21,311 --> 00:52:21,810 pidä kiinni. 907 00:52:21,810 --> 00:52:24,420 Olisin voinut avata vuoropuhelun tuore. 908 00:52:24,420 --> 00:52:30,230 Meidän pitäisi nähdä vastaanotetun datan täällä. 909 00:52:30,230 --> 00:52:32,780 Vastaanotetun datan, Hei, Dan, joka on muistatte, 910 00:52:32,780 --> 00:52:37,770 oli console.log toimintaa, joka pyysimme plug-in. 911 00:52:37,770 --> 00:52:42,140 Joten tämä kuvaus sitten että aiemmin mainitsin, 912 00:52:42,140 --> 00:52:45,460 Vuoropuhelun tai tämä kaavio pikemminkin, että olen 913 00:52:45,460 --> 00:52:49,140 aiemmin mainittiin on, mitä tapahtuu. 914 00:52:49,140 --> 00:52:53,150 Mutta on tärkeä poikkeus vain kehitystä, 915 00:52:53,150 --> 00:52:55,490 joka on, että plug-in itse voisi todella 916 00:52:55,490 --> 00:52:59,160 tallennetaan docker oikeusasteessa väliaikaisesti, koska oletettavasti Cloud 9 917 00:52:59,160 --> 00:53:02,210 ei halua meidän pystyä manipuloida esineitä niiden CDN. 918 00:53:02,210 --> 00:53:08,650 >> Ja Cloud 9 asiakkaita, kun lastaus, löytävät ne laajennuksia siihen. 919 00:53:08,650 --> 00:53:11,540 C9 plug-kansiossa, ja lataa ne. 920 00:53:11,540 --> 00:53:15,780 Mutta ne ovat silti tapahtuu vain asiakkaan puolella. 921 00:53:15,780 --> 00:53:19,440 Joten tämä on vain poikkeus, joka tapahtuu vain 922 00:53:19,440 --> 00:53:23,220 kehittämiseen Cloud 9 laajennuksia. 923 00:53:23,220 --> 00:53:25,000 Mutta loput time-- ja syy 924 00:53:25,000 --> 00:53:26,708 että haluamme todella vasara tämä home-- 925 00:53:26,708 --> 00:53:30,140 on, koska suurimman osan ajasta tämä on aiotaan alkaa CDN, 926 00:53:30,140 --> 00:53:33,030 ja juuri menossa ajaa puhtaasti asiakkaan puolella. 927 00:53:33,030 --> 00:53:36,110 >> Normaalisti siellä tulee olla mitään vuorovaikutus plug-in, 928 00:53:36,110 --> 00:53:39,840 tai jos ei edes tarvitse olla mitään syystä laajennuksia itse 929 00:53:39,840 --> 00:53:42,970 todella tallennettu taustalla docker esimerkiksi 930 00:53:42,970 --> 00:53:47,240 paitsi jos kyseessä on Tämän SDK kehitys. 931 00:53:47,240 --> 00:53:51,510 Joten jälleen, tämä muuttuu vain hieman johtuu siitä, 932 00:53:51,510 --> 00:53:54,650 että meillä on käynnissä SDK tilassa. 933 00:53:54,650 --> 00:53:57,160 Se tulee sitten ladata nämä laajennuksia tuotekehityksestä, 934 00:53:57,160 --> 00:54:01,690 ja ainoa tarkoitus tässä niin, että Voin käyttää Cloud 9 tehdä kehitys 935 00:54:01,690 --> 00:54:04,620 Cloud 9 lisäosia. 936 00:54:04,620 --> 00:54:07,220 Mutta silti, tämä ei muuta jälleen miten tahansa tämä toimii. 937 00:54:07,220 --> 00:54:09,650 Se on vielä ajaa täysin asiakkaan puolelta. 938 00:54:09,650 --> 00:54:16,260 >> Se vain tarkoittaa, että aina haluan luoda Cloud 9 laajennuksia Cloud 9, 939 00:54:16,260 --> 00:54:19,320 Luon ne laajennuksia, laita ne minun. 940 00:54:19,320 --> 00:54:25,110 C9 / plugins kansio kotini hakemiston, varmista olen SDK tilassa, 941 00:54:25,110 --> 00:54:29,290 Lataa sivu aina kun olen itse tehdä muutoksia, että plug-in, 942 00:54:29,290 --> 00:54:33,590 ja katso, mitä tapahtuu minun JavaScript-konsoli. 943 00:54:33,590 --> 00:54:36,240 Vain hallitsen JavaScript konsoli varmista 944 00:54:36,240 --> 00:54:38,930 että vianmääritys tiedot, jotka Asetan lohduttaa, 945 00:54:38,930 --> 00:54:41,920 tai jotain muuta, joka voisi tapahtua erehdysten että olen kirjoittanut 946 00:54:41,920 --> 00:54:44,940 minun koodi tms, tulee siellä. 947 00:54:44,940 --> 00:54:48,007 >> Ja että, se on todella riittää alkuun, luulen, 948 00:54:48,007 --> 00:54:49,090 kanssa Cloud 9 laajennuksia. 949 00:54:49,090 --> 00:54:53,120 Erityisesti vilkaisemalla SDK dokumentaatiosta Cloud 9 tarjoaa. 950 00:54:53,120 --> 00:54:56,650 Se on hyvä tapa saada alkoi, ja hyvin helposti 951 00:54:56,650 --> 00:54:59,900 luoda joitakin laajennuksia Cloud 9. 952 00:54:59,900 --> 00:55:02,820 Ja että, haluan kiittää te kaikki kovasti tuloaan minulle. 953 00:55:02,820 --> 00:55:05,550 Toivottavasti sinulla on hauskaa kirjallisesti laajennuksia Cloud 9. 954 00:55:05,550 --> 00:55:09,600 Ehkä parantaa laajennuksia että meillä on nyt, tai ehkä jopa 955 00:55:09,600 --> 00:55:11,360 lisäämällä joitakin toimintoja omaa. 956 00:55:11,360 --> 00:55:14,540 Odotamme näkevämme mitä se on luot. 957 00:55:14,540 --> 00:55:16,330 Siihen asti, hei. 958 00:55:16,330 --> 00:55:18,734