WEBVTT 00:00:00.006 --> 00:00:02.306 Ahoj všichni. 00:00:02.306 --> 00:00:07.840 [ZAHRANIČNÍ] Mé jméno je David. 00:00:09.080 --> 00:00:10.290 Jsem David Catuhe. 00:00:10.290 --> 00:00:15.870 Pracuji pro Microsoft DX a je můj aktivní 00:00:15.870 --> 00:00:20.650 Otevření webových standardů a samozřejmě pro Microsoft Edge. 00:00:20.650 --> 00:00:23.520 Dělat, všechny podél této relace 00:00:23.520 --> 00:00:27.640 Při pokusu o nebyl zobrazen Microsoft Spot a stejně tak oznamující Microsoft Edge 00:00:27.640 --> 00:00:29.750 prosím být se mnou. 00:00:29.750 --> 00:00:31.070 Jsem zde s David. 00:00:31.070 --> 00:00:32.320 >> Dobrý den. Tak to bude 00:00:32.320 --> 00:00:34.020 více o stejné věci a 00:00:34.020 --> 00:00:37.300 Pracuji jako hlavní Program Správce na stejné položky. 00:00:37.300 --> 00:00:40.970 >> To Ano, dnes bude představují pro vás vnitřní jádro 00:00:40.970 --> 00:00:42.830 Microsoft okraje. 00:00:42.830 --> 00:00:45.990 A většinou se pokusí zaměřit se na nové funkce 00:00:45.990 --> 00:00:47.590 že jsme přidali na ní. 00:00:47.590 --> 00:00:51.600 A My jen chceme udělat malý Úvod 00:00:51.600 --> 00:00:53.960 Můžete vysvětlit, proč nový prohlížeč? 00:00:55.210 --> 00:00:56.455 Co je uvnitř? 00:00:56.455 --> 00:00:59.185 A pak půjdeme kódování. 00:00:59.185 --> 00:01:00.185 >> A mnoho ukázek. 00:01:00.185 --> 00:01:03.455 >> Ano, tak prosím, odeslání hodnocení. 00:01:03.455 --> 00:01:05.125 Zde jsou některé ceny vyhrát. 00:01:05.125 --> 00:01:06.725 Zde pomocí QR code. 00:01:06.725 --> 00:01:09.435 Myslím, že jsou použity barvy. 00:01:10.435 --> 00:01:13.700 To je agenda, tři části, Proč nový stroj? 00:01:13.700 --> 00:01:17.400 Poté, co moderní web spolupráce znamená dnes, a 00:01:17.400 --> 00:01:20.267 zjevně se Zaměřujeme se pak týkající se funkcí a kódu. 00:01:21.540 --> 00:01:23.230 Právě Anketa. 00:01:23.230 --> 00:01:25.090 Kdo je vývojář webu? 00:01:26.530 --> 00:01:27.670 Miluji Tě, že. 00:01:27.670 --> 00:01:29.830 Miluji uživatele, některé zjevně dobře. 00:01:29.830 --> 00:01:33.310 [NESMĚJEME] Ale To je velkou spoustu lidí, a 00:01:33.310 --> 00:01:35.910 Si v posledním roce může pamatovat Když jsme tuto otázku dotaz 00:01:35.910 --> 00:01:40.830 byla možná 20 % volného místa, a myslím, že je to nyní jako 50. 00:01:40.830 --> 00:01:42.380 To je dobré hodnocení. 00:01:42.380 --> 00:01:43.690 Takže první otázka. 00:01:43.690 --> 00:01:44.880 Proč vytvářet nový stroj? 00:01:44.880 --> 00:01:46.780 Proč vytvářet nový prohlížeč? 00:01:46.780 --> 00:01:50.520 Tak právě vám trocha terminologie, 00:01:50.520 --> 00:01:52.570 je, jak prohlížeč pracuje. 00:01:52.570 --> 00:01:54.790 Máme vlastního okna. 00:01:54.790 --> 00:01:55.820 Co nazýváme okolí. 00:01:55.820 --> 00:01:58.460 Je snadno použitelný při budeme zabývat prohlížeče, takže 00:01:58.460 --> 00:02:00.360 můžeme jej nazvat okna. 00:02:00.360 --> 00:02:04.760 A uvnitř okna, máme Webová platforma, sám, což jsou knihovny DLL 00:02:04.760 --> 00:02:09.430 a všechny C++ kódu popisovače Všechny věci vztahující se k HTML, 00:02:09.430 --> 00:02:14.900 JavaScript, CSS k vykreslení Obrázek stránky, v pořádku? 00:02:14.900 --> 00:02:18.420 IE jako název Webová platforma je Trident. 00:02:18.420 --> 00:02:22.190 Samozřejmě máme stejný text pro Chrome, a 00:02:22.190 --> 00:02:25.760 Název Web Platform Tentokrát je blikání. 00:02:25.760 --> 00:02:30.870 Máme pro Safari, WebKit a Nemáme k dispozici Gecko Firefox. 00:02:30.870 --> 00:02:32.830 Ale každý člověk pracovat stejným způsobem, Okno, a 00:02:32.830 --> 00:02:34.690 dovnitř, webová platforma, v pořádku? 00:02:34.690 --> 00:02:35.450 Vykreslovací modul. 00:02:37.400 --> 00:02:38.502 Stačí trocha historie. 00:02:38.502 --> 00:02:42.860 před 20 lety jsme spustit. 00:02:42.860 --> 00:02:47.820 v roce 1995 s prvním verzí aplikace Internet Explorer před 20 lety. 00:02:47.820 --> 00:02:51.450 Kdy můžeme hovořit o vědy, je to jako dinosaurs. 00:02:52.740 --> 00:02:54.510 V té době jsme vytvořili úplně první verze. 00:02:54.510 --> 00:02:57.330 Ale právě přejděme k IE6. 00:02:57.330 --> 00:03:01.210 IE6 byl úplně první verze kde můžeme zavést nové hračky 00:03:02.370 --> 00:03:05.130 na! DOCTYPE. 00:03:05.130 --> 00:03:10.163 Byl nápad nám na adresu ve stejnou dobu, nové funkce a 00:03:10.163 --> 00:03:14.102 Práce zpět kompatibility. 00:03:15.470 --> 00:03:18.010 Chtěli jsme přidat velké množství nové funkce v aplikaci Internet Explorer 00:03:18.010 --> 00:03:20.330 bez narušení webu. 00:03:20.330 --> 00:03:23.080 To bylo uvedeno výše, v pořádku, zvažte 00:03:23.080 --> 00:03:28.632 Pokud vývojář webu bank.type na začátek stránky. 00:03:28.632 --> 00:03:30.440 Považujeme za, že aktivační událost pro 00:03:30.440 --> 00:03:35.880 Při použití velmi nové Funkce, kterou jsme přidali v IE6. 00:03:35.880 --> 00:03:37.428 Ale protože jsme není Chcete zrušit na webu 00:03:37.428 --> 00:03:42.830 jsme externí sestavy na předchozí verze jako IE5 atd. 00:03:42.830 --> 00:03:46.470 Který nazýváme režimu dokumentu režim dokumentu. 00:03:46.470 --> 00:03:51.670 Režimu dokumentu je kompaktní příznak do našeho kódu, který zapne a 00:03:51.670 --> 00:03:54.400 mimo našich specifické funkce. 00:03:54.400 --> 00:03:58.584 Jsme uvnitř, jen Představte iCode, existuje tucet if. 00:03:58.584 --> 00:04:01.306 Pokud IE6 a pak jsem se o to pokusit. 00:04:01.306 --> 00:04:04.050 Pokud IE5, pak I nelze provést. 00:04:04.050 --> 00:04:05.330 V pořádku? 00:04:05.330 --> 00:04:07.969 A pro IE6, jsme měli v té době 00:04:07.969 --> 00:04:11.330 uvnitř stejného motoru režim dvou doc. 00:04:11.330 --> 00:04:15.680 Ano může být kombinace Pokud dva ve skutečnosti. 00:04:15.680 --> 00:04:18.170 Pokud to pro všechny verze Potom jsme se o to pokusit. 00:04:18.170 --> 00:04:21.570 Není-li tato konkrétní verze Potom jsme nelze provést. 00:04:23.040 --> 00:04:24.930 Přesunutí vpřed, přejděte do IE8. 00:04:27.160 --> 00:04:30.690 S IE8 jsme zavedená třetím dokumentu režimu. 00:04:30.690 --> 00:04:33.130 Stejný článek zde ve skutečnosti. 00:04:33.130 --> 00:04:34.960 Tento koncept jsme trval dále. 00:04:34.960 --> 00:04:38.260 Tři režimu, takže dokumentů režim, pokud do kódu. 00:04:39.490 --> 00:04:43.757 Vždy mějte na paměti, Chtěli jsme se poskytnout nové 00:04:43.757 --> 00:04:47.712 funkce bez přerušení na webu v pořádku? 00:04:47.712 --> 00:04:49.151 A potom. 00:04:49.151 --> 00:04:52.481 Přejděme k IE11. 00:04:52.481 --> 00:04:54.457 Co s tím? 00:04:54.457 --> 00:04:58.315 V té době jsme věděli, že došlo k potížím. 00:04:58.315 --> 00:05:03.200 >> [NESMĚJEME] >> Není možné. 00:05:03.200 --> 00:05:08.230 Vývojář, který vytvořili IEngine byly opravdu kulatý háček že. 00:05:08.230 --> 00:05:12.880 Pojďme Představte si, že máme spoustu v případě IE11 a ne 10, ale 00:05:12.880 --> 00:05:17.080 8 a ať jste právě ve skutečnosti komplikovanější postup. 00:05:17.080 --> 00:05:21.679 Ale můžeme to vzhledem k tomu, že jsem pracoval pro Chris v té době byl compat, 00:05:21.679 --> 00:05:25.320 zpětně kompatibilní. 00:05:25.320 --> 00:05:29.750 Ve stejnou dobu, Chrome, 00:05:29.750 --> 00:05:33.740 Firefox, Opera, Safari jsou tedy stále zelený. 00:05:33.740 --> 00:05:37.540 To znamená, že stačí mít jeden konkrétní verzi. 00:05:37.540 --> 00:05:41.890 Nemají-li Chrome 31 nebo Pokud Chrome 32, bez ohledu. 00:05:41.890 --> 00:05:45.240 Všechny mají pouze Funkce, které jsou vždy k dispozici. 00:05:45.240 --> 00:05:49.070 A jsou aktualizovány poměrně často. 00:05:50.640 --> 00:05:52.940 Nebylo fair hra pro nás. 00:05:54.660 --> 00:05:56.890 Proto jsme se rozhodli Zaveďte nový prohlížeč. 00:05:56.890 --> 00:05:58.850 Myšlenka je velmi jednoduché, skutečně 00:05:58.850 --> 00:06:01.530 Chci zachovat IE11 z zpětné kompatibility. 00:06:01.530 --> 00:06:03.680 IE11 není již nebude dotýkat. 00:06:03.680 --> 00:06:07.296 Je v části [INAUDIBLE] Pokud jsme získali pro organizace, 00:06:07.296 --> 00:06:11.650 nebo pro konkrétní funkce Moderní web nepodporuje. 00:06:11.650 --> 00:06:13.970 Který nazýváme starší funkce. 00:06:13.970 --> 00:06:17.100 Nechceme přerušit na webu ale chceme přejít a 00:06:17.100 --> 00:06:20.270 Chcete-li poskytnout lepší podmínky pro Naše webové vývojáře. 00:06:20.270 --> 00:06:25.380 Ano chci zavést Microsoft Edge podle nové 00:06:25.380 --> 00:06:29.900 Knihovna DLL, která je větve Trident, a Budete dostat zpět do po, a 00:06:29.900 --> 00:06:33.340 který přesahuje přes všechny Naše zařízení Windows 10. 00:06:33.340 --> 00:06:37.340 A uvidíte zde budou mít, není v přímé, ale 00:06:37.340 --> 00:06:40.680 Okraje na Windows phone, na tabletu, ve vašem počítači. 00:06:40.680 --> 00:06:45.969 A to je něco, co opravdu miluji, Chcete-li být pravdivé s vámi. 00:06:45.969 --> 00:06:50.470 [NESMĚJEME] A mluví o nový prohlížeč 00:06:51.520 --> 00:06:54.240 samozřejmě musíme hovořit o vzájemnou spolupráci s 00:06:54.240 --> 00:06:57.160 na webu, a s jinými dodavateli prohlížeče. 00:06:57.160 --> 00:07:01.470 A David, můžete poskytnout nám Další informace o který? 00:07:01.470 --> 00:07:05.110 >> Ano, tak dnes při použití webové řešení na webu 00:07:05.110 --> 00:07:09.260 je různých zařízeních můžete zaměřit, takže je velmi velký, tak 00:07:09.260 --> 00:07:14.060 na tablety, počítače, telefony, televizory, i. 00:07:14.060 --> 00:07:15.710 >> Ledničky. >> Dávka z nich. Ledničky. 00:07:15.710 --> 00:07:16.720 Ano, do vašeho případu ledničky 00:07:16.720 --> 00:07:17.260 To je přesně. 00:07:17.260 --> 00:07:18.970 >> Máme připojený ledničky. 00:07:18.970 --> 00:07:23.200 >> Není myšlenku napsat jednou a Spustit všude, jedná se sen. 00:07:23.200 --> 00:07:26.460 Pak uvidíte, že tam je specifikace. 00:07:27.990 --> 00:07:32.115 Psaní specifikace jako prohlížeč dodavatele je poněkud složité. 00:07:32.115 --> 00:07:33.124 To trvá určitou dobu. 00:07:33.124 --> 00:07:34.186 Pro instanci 00:07:34.186 --> 00:07:39.600 Specifikace souboru HTML je více než 600 stránek přečíst a posoudit. 00:07:39.600 --> 00:07:43.590 Takže jsme děláte prohlížeče jsme psaní dohromady. 00:07:43.590 --> 00:07:46.900 Ale někdy, weboví vývojáři specifikace nejsou čtení. 00:07:46.900 --> 00:07:48.760 >> Někdy které nelze rozumím. 00:07:48.760 --> 00:07:49.260 >> Ano. 00:07:50.980 --> 00:07:52.730 A, ale funguje dobře ve většině případů. 00:07:52.730 --> 00:07:57.660 Například na ploše napájení Pokud máte vzhledem k této straně. 00:07:57.660 --> 00:08:01.700 Nyní, pokud používáte moderní verze prohlížeč Firefox z Internet Explorer 00:08:01.700 --> 00:08:04.000 11 nebo na okraj společnosti Microsoft. 00:08:04.000 --> 00:08:06.680 A ve většině případů je nebude mít velký problém. 00:08:06.680 --> 00:08:09.250 Vytvoření webu pro všechny paluby prohlížeče. 00:08:09.250 --> 00:08:13.410 Podobně na straně pracovní plochy Zobrazí sen je k dispozici. 00:08:13.410 --> 00:08:14.420 Téměř neexistuje, téměř. 00:08:15.730 --> 00:08:19.130 Chci přepnout na mobilní verzi. 00:08:20.850 --> 00:08:24.505 V mobilním prostoru viz že stejné velikosti je spuštěn 00:08:24.505 --> 00:08:28.810 OS na mobilní Safari, Firefox na iPhone pro 00:08:28.810 --> 00:08:32.670 instance a aplikace Internet Explorer Prvek a okna Telefon. 00:08:32.670 --> 00:08:36.400 A zobrazí se některé hodnoty problém vykreslování a 00:08:36.400 --> 00:08:39.160 Zkusme pochopit Proč máme problémy s touto. 00:08:39.160 --> 00:08:40.550 >> David absolutně. 00:08:40.550 --> 00:08:43.770 Máme tento problém. Pokusíme se zde zachytit, 00:08:43.770 --> 00:08:48.010 to není vědecké není něco proporcionální nebo nezávisle. 00:08:48.010 --> 00:08:53.100 Je tak pro mě vysvětlit pro vás jak na webu funguje. 00:08:53.100 --> 00:08:55.540 Máme okna prohlížeče a 00:08:55.540 --> 00:08:59.730 mají své vlastní implementace pro některé konkrétní položky. 00:08:59.730 --> 00:09:02.187 Ale ve většině případů se pokusíme pracovat na nazýváme jádrem 00:09:02.187 --> 00:09:06.180 průnik mezi rukama kde na webu právě funguje všude, v pořádku? 00:09:07.380 --> 00:09:10.710 Když jsme přemýšlet o mobilní web protože je trocha liší, 00:09:10.710 --> 00:09:16.270 ve většině případů web developer Vytvoření webových sada mobilního webu. 00:09:16.270 --> 00:09:20.510 A byl trochu komplikované, i pro Firefox. 00:09:20.510 --> 00:09:23.140 A IE třeba tímto způsobem. 00:09:23.140 --> 00:09:25.600 Ano blíží se okraje. 00:09:25.600 --> 00:09:29.790 A okraje, velmi nejprve my sami bylo zbavit 00:09:29.790 --> 00:09:32.540 všechny konkrétní ice trávníků, které jsme měli. 00:09:32.540 --> 00:09:34.968 Tak můžeme odstranit tento modrý část v dolní části. 00:09:34.968 --> 00:09:39.270 Přemýšlejte o přílohy. 00:09:39.270 --> 00:09:44.040 Namísto použití nástup posluchače můžeme přidat zpět do přílohy čas 00:09:44.040 --> 00:09:45.280 což je jen dobře. 00:09:45.280 --> 00:09:49.040 A vidím, dokonce i dnes, na [Nejsou SLYŠITELNÁ] nebo věci, například 00:09:49.040 --> 00:09:52.670 Pokud jsou zobrazeny jako přílohu a místo toho použijte přílohu. 00:09:52.670 --> 00:09:54.878 Pokud není zadán pomocí. 00:09:54.878 --> 00:09:56.503 Který jsme odebrán. 00:09:56.503 --> 00:09:58.671 Chceme jen věci této práce všude. 00:09:58.671 --> 00:10:01.336 A pak jsme přidali mnoho. 00:10:01.336 --> 00:10:06.474 Interoperabilní opravy a funkce Chcete-li zajistit, aby naše připojení 00:10:06.474 --> 00:10:11.470 s Interoperable průnik je větší, v pořádku? 00:10:11.470 --> 00:10:17.380 David Ano, pokud můžete jen představit o webových standardech zde. 00:10:17.380 --> 00:10:20.810 Microsoft zřejmě funguje. směrem k webových standardů. 00:10:20.810 --> 00:10:23.480 To je způsob procházení. 00:10:23.480 --> 00:10:25.434 Ale jak je uvedeno, Máme být pragmatickým. 00:10:25.434 --> 00:10:33.550 A tak věci fungují, způsob, jakým věci by měly fungovat, 00:10:33.550 --> 00:10:37.530 ve skutečnosti je web developer použití by měla určovat. 00:10:38.550 --> 00:10:41.990 Tak co jsme se rozhodli, bylo třeba pragmatickým I uvedené před. 00:10:41.990 --> 00:10:45.790 Budeme pracovat s webové standardy, ale Někdy se musí aktualizovat nebo 00:10:45.790 --> 00:10:47.290 Zarovnání specifikace. 00:10:47.290 --> 00:10:50.610 V některých případech bude nutné Oprava knihovny provozovně. 00:10:50.610 --> 00:10:54.480 Někdy budeme muset poskytnout na webu názory jiných prohlížečích a 00:10:54.480 --> 00:10:59.180 zjevně kdykoli chceme pracovat, opravíme našeho webového prohlížeče. 00:10:59.180 --> 00:11:03.080 Způsob, jakým chceme webu práce je že právě by měly fungovat. 00:11:03.080 --> 00:11:05.490 Otevřít webovou stránku s okrajem. 00:11:05.490 --> 00:11:07.070 By měla pracovat, okay? 00:11:08.490 --> 00:11:09.910 A samozřejmě jak jsem již bylo uvedeno dříve, 00:11:09.910 --> 00:11:13.760 Nabízíme chyby do knihoven nebo všechny okna prohlížeče. 00:11:13.760 --> 00:11:16.900 To je téměř nám ve skutečnosti. 00:11:16.900 --> 00:11:20.290 Je také o tom jsme uživatelé zobrazit. 00:11:20.290 --> 00:11:24.090 Můžeme zkontrolovat některé vzorky poskytnout je nápad, jak můžeme opravit jste spravovány 00:11:24.090 --> 00:11:26.950 některé věci poměrně snadno. 00:11:26.950 --> 00:11:29.340 Chci restartovat stránky na levé straně, 00:11:29.340 --> 00:11:33.210 předtím, než jsme zavést některá opravy pro náš webový server. 00:11:33.210 --> 00:11:37.710 Ano byla spuštěna v Telefonní systém Windows a aplikace Internet Explorer. 00:11:38.980 --> 00:11:43.150 A nepracoval dobře protože na částech webu, 00:11:43.150 --> 00:11:47.620 Uživatelé mají pravděpodobně představit při překonávání se iPhone nebo 00:11:47.620 --> 00:11:50.430 Android a dělal tak, že něco na webovém serveru. 00:11:50.430 --> 00:11:52.000 Pokud je Android nebo 00:11:52.000 --> 00:11:55.860 je WebKit, poté zadejte Mobilní verze webu. 00:11:55.860 --> 00:11:58.820 Pokud ne, zadejte pracovní plochy verze webu. 00:11:58.820 --> 00:12:02.800 Problém pro nás je, aby byla aplikace Internet Explorer Mobilní verze aplikace Internet Explorer se systémem 00:12:02.800 --> 00:12:07.810 Windows phone a pak přidat mobile, jiný mobilní verze. 00:12:07.810 --> 00:12:12.740 Chcete-li změnit, tak Seznámíme pouze konkrétní 00:12:12.740 --> 00:12:17.740 způsobem, zjistili jsme, kostru Zadejte číslo UID, ve skutečnosti. 00:12:17.740 --> 00:12:21.680 Tak tak, jak je právě to že nám nejsou v aplikaci Internet Explorer, 00:12:21.680 --> 00:12:25.190 můžeme také fungují jako Server E nebo Android. 00:12:25.190 --> 00:12:28.510 A způsobu, jakým kódu webového serveru myslíte, že jste iPhone a 00:12:28.510 --> 00:12:32.270 Android zařízení a služby obsah mobilní telefon. 00:12:32.270 --> 00:12:36.560 A budou pracovat přímo vzhledem k tomu, že nebyl žádný problém 00:12:36.560 --> 00:12:39.020 v části spuštění ring JavaScript Engine. 00:12:39.020 --> 00:12:42.240 Bylo jen několik pochybných detekce na straně serveru 00:12:42.240 --> 00:12:44.709 který byl nejnovější spuštění vyzvánění mobilní verzi. 00:12:46.510 --> 00:12:50.060 Proto jsme se rozhodli Změňte naše User-Agent. 00:12:50.060 --> 00:12:53.990 Tak všechny znáte Řetězce User-Agent. 00:12:53.990 --> 00:12:57.450 A Vraťme se zpět v historii znovu na první z nich, 00:12:57.450 --> 00:12:59.800 která zavedla což je aplikace Netscape. 00:12:59.800 --> 00:13:03.240 A používáme verze Mozilla 5. 00:13:03.240 --> 00:13:06.420 A každý uživatel byl míchání všechny kroky. 00:13:06.420 --> 00:13:10.720 Proto jsme vše hraje stejnou hru Při zadání stylu hry a 00:13:10.720 --> 00:13:15.190 rozhodly zavést podobně. Gecko věci doplnit 00:13:15.190 --> 00:13:16.678 Firefox verze kódu. 00:13:16.678 --> 00:13:20.200 Webový server byl sledování toku dat, a Dnes, viz 00:13:20.200 --> 00:13:22.905 Každý uživatel je proti kopírování vkládání různých verzí. 00:13:22.905 --> 00:13:25.640 Takže myšlenka je skutečně není k tomu již, 00:13:25.640 --> 00:13:31.490 Chcete-li používat některé funkce detekce místo sledování toku dat UA. 00:13:31.490 --> 00:13:33.010 I jiné zajímavé věci. 00:13:33.010 --> 00:13:36.300 Proto chceme přejít na web která nebyla práce na dobře 00:13:36.300 --> 00:13:38.440 IE11 jeden Windows 8.1. 00:13:38.440 --> 00:13:41.070 Hlavní problém byl vzhledem k tomu, že, 00:13:41.070 --> 00:13:43.620 Kód používal některá rozlišovací čísla. 00:13:43.620 --> 00:13:48.750 Tak, aby byly použity předpony můžete vyzkoušet některé nové funkce. 00:13:48.750 --> 00:13:49.390 Tak například 00:13:49.390 --> 00:13:53.630 Zde byl pomocí webu zkušební verze verze - webkit. 00:13:53.630 --> 00:13:56.520 Problém je, že - webkit není používána v aplikaci Internet Explorer. 00:13:56.520 --> 00:13:59.440 Samozřejmě uvidíte, používáme Trident, jak jsme byly oznamující. 00:13:59.440 --> 00:14:01.690 Chcete-li spravovat tento problém vyřešit 00:14:01.690 --> 00:14:07.300 jsme se rozhodli přidat některé -webkit specifické funkce CSS, 00:14:07.300 --> 00:14:12.190 Při spuštění verze používá aplikace Internet Explorer a v současné době Microsoft Edge. 00:14:12.190 --> 00:14:13.110 Právě tímto způsobem 00:14:13.110 --> 00:14:16.890 Potom jsme jste byla oprava velké množství problém na webu, protože kód 00:14:16.890 --> 00:14:19.950 Nelze aktualizovat na poslední verze specifikace. 00:14:19.950 --> 00:14:23.260 A používali jsme poslední verze specifikace. 00:14:23.260 --> 00:14:25.160 >> Ano, To je zde zajímavého bodu. 00:14:25.160 --> 00:14:28.450 Pracoval, vykreslování webové stroj pracoval, ale 00:14:28.450 --> 00:14:31.900 nebyly jsme příjem pravé pomlčka něco. 00:14:31.900 --> 00:14:34.430 Jsme byly původně pomlčka MS nebo nic tak 00:14:34.430 --> 00:14:36.010 je ve skutečnosti problémem. 00:14:36.010 --> 00:14:39.585 >> Tak myšlenku kdy jsme, i všechny [INAUDIBLE] byl přemýšlíte o 00:14:39.585 --> 00:14:43.470 takže můžete hrát s některé nové funkce byla předpony. 00:14:43.470 --> 00:14:47.000 Vypadá jako vhodné v této době. 00:14:47.000 --> 00:14:51.990 Ale nyní novou verzi pomocí experimentální funkce bude 00:14:51.990 --> 00:14:55.690 Chcete-li použít spíše věci o: příznaky stejně jako máte v okolí a 00:14:55.690 --> 00:14:57.130 nyní v Microsoft okraj. 00:14:57.130 --> 00:14:59.370 Tak tak, že zadáte v panelu Adresa 00:14:59.370 --> 00:15:02.350 můžete povolit některé experimentální funkce. 00:15:02.350 --> 00:15:06.080 Ano, pokud nechcete mít uživatel v prohlížeči nebudou přerušeny. 00:15:06.080 --> 00:15:09.660 A Pokud potom bude funkce uložena v následující aplikaci 00:15:09.660 --> 00:15:11.830 je to možné, Můžeme přesunout z jinou vlajkou. 00:15:11.830 --> 00:15:13.120 >> A nebudete muset měnit kód? 00:15:13.120 --> 00:15:14.110 >> Jste Změňte kód. 00:15:14.110 --> 00:15:15.290 Ve výchozím nastavení bude povolena. 00:15:18.360 --> 00:15:22.300 Tak jak by mohla, také věnujte pozornost několik věcí. 00:15:22.300 --> 00:15:26.710 Tak prosím nepoužívejte sledování toku dat, funkce zjišťování, 00:15:26.710 --> 00:15:28.030 je skutečně důležité. 00:15:28.030 --> 00:15:31.020 Vzhledem k tomu, že ve výchozím nastavení máte k dispozici na který nový prohlížeč a 00:15:31.020 --> 00:15:33.130 Neznámý prohlížeče jsou dobrým výchozím. 00:15:33.130 --> 00:15:34.640 Můžeme Představte si, že ještě dnes. 00:15:34.640 --> 00:15:35.480 Nevím. 00:15:35.480 --> 00:15:40.660 Většina z vás napsat nový program s nové uživatelské jméno a nové adresy. 00:15:40.660 --> 00:15:43.552 Je dobré, ale vzhledem k tomu, že bude moderní. 00:15:43.552 --> 00:15:45.083 Proto není nutné ji zachytit. 00:15:45.083 --> 00:15:46.230 A zadejte některé pytle. 00:15:46.230 --> 00:15:47.720 Tak jsme dnes všechna plnění pytlů. 00:15:47.720 --> 00:15:52.100 Tak máte spoustu chyb pozice můžete vyplnit, tak na mosy@google. 00:15:52.100 --> 00:15:55.350 A nyní můžete nám také poslat Některé chyby, které nás 00:15:55.350 --> 00:15:57.860 které jsou problémem, který může máme v našem vykreslovací modul. 00:15:57.860 --> 00:16:01.025 Pouhým odesláním některé jednoduché kód, například na JSFiddle nebo 00:16:01.025 --> 00:16:04.070 nimi a jsme se zkontrolovat a Pokuste se opravit naše stroje. 00:16:05.800 --> 00:16:08.680 >> Ano tak dost o textu a Proč my sami, a 00:16:08.680 --> 00:16:10.800 Další informace o nové funkce že jsme přidali. 00:16:10.800 --> 00:16:17.560 Tak jen málo bod před jedním motor, víme, znamená rychlejší tempo. 00:16:18.710 --> 00:16:21.080 Je zřejmé, že jsme se strávený čas. 00:16:21.080 --> 00:16:25.061 Pokud stačí si představit spoustu if stále jsme měli v čase je 00:16:25.061 --> 00:16:27.440 Práce s novou funkcí, které můžeme přidat. 00:16:27.440 --> 00:16:28.320 Je snadno 00:16:28.320 --> 00:16:31.690 Námi a zde je tato nová funkce že jsme se v práci. 00:16:31.690 --> 00:16:36.124 Je pouze výpis status.modern.ie 00:16:36.124 --> 00:16:38.480 Web je náš návod. 00:16:38.480 --> 00:16:40.260 Co jsme práci? 00:16:40.260 --> 00:16:41.930 Co je již někdy zálohovali. 00:16:41.930 --> 00:16:45.026 Vše, co zde je veřejné. 00:16:45.026 --> 00:16:49.164 Máte pouze přejít na Chcete-li najít velké množství status.Modern.IE 00:16:49.164 --> 00:16:50.579 kroky, které my sami. 00:16:50.579 --> 00:16:55.451 Právě my sami miliony nové položky zajistit, že budeme znát cestu 00:16:55.451 --> 00:16:59.210 v interoperabilní oddíl pracuje dobře. 00:16:59.210 --> 00:17:03.876 Jsme měli nové funkce, my sami interoperabilní možnost opravy. 00:17:03.876 --> 00:17:07.339 Další informace přejděte na adresu status.Modern.IE může najít každý 00:17:07.339 --> 00:17:09.146 informace, které chcete. 00:17:09.146 --> 00:17:12.251 A také najdete věci který pracujeme na a 00:17:12.251 --> 00:17:14.670 věci, že jsme tak hodlá daleko. 00:17:14.670 --> 00:17:17.359 Takže jen čeká. dobrý důvod pro jejich provádění. 00:17:18.990 --> 00:17:23.510 Ano dopřejeme si prohlédněte co je dnes možné s okrajem. 00:17:23.510 --> 00:17:24.410 V pořádku? 00:17:24.410 --> 00:17:25.850 Takže k šesti budete přepínat. 00:17:29.880 --> 00:17:34.520 Úplně první ukázka I Chcete zobrazit tento jeden. 00:17:34.520 --> 00:17:38.230 Tato ukázka byla vyvinuta s přítel z našich Michel Rousseau 00:17:38.230 --> 00:17:40.570 kdo je Návrhář, 3D designer. 00:17:40.570 --> 00:17:45.550 A my sami nám 3D objekt uvnitř 3Ds Max. 00:17:47.440 --> 00:17:51.865 Žádný modul plug-in pouze Microsoft Edge webGL této funkce 00:17:51.865 --> 00:17:53.870 Web-OGO a Pad hry. 00:17:53.870 --> 00:17:58.820 Manuální, zapněte hru Pad Zde najděte Pad hry někde. 00:17:58.820 --> 00:18:00.100 >> Panelu vpravo pro hru. 00:18:00.100 --> 00:18:02.595 >> Ano, protože >> Myslíte, že je ten správný. 00:18:02.595 --> 00:18:04.010 >> Ano. 00:18:04.010 --> 00:18:07.810 >> A můžete nám stačí zapnout, Zhasněte světla, které je možné 00:18:08.980 --> 00:18:12.730 možná ne, Omlouváme se, zkuste přejít k dispozici. 00:18:12.730 --> 00:18:17.060 Takže na mé trochu spustit tuto verzi x 1 jeho technologie Intel HD karta tak 00:18:17.060 --> 00:18:20.850 jeden z méně co jsme provozovně najdete. 00:18:20.850 --> 00:18:24.490 A vidíme, jsme systémem na 60 snímků za sekundu. 00:18:24.490 --> 00:18:26.287 A se zvukem Web 00:18:26.287 --> 00:18:31.798 Systém vám tomto vynikající atmosféra, kterou nám můžete říci. 00:18:31.798 --> 00:18:35.535 A ještě jednou, zvuk je Nyní po fotoaparátu 00:18:35.535 --> 00:18:39.080 [Nejsou SLYŠITELNÁ] podle fotoaparátu Co se právě díváte. 00:18:39.080 --> 00:18:41.180 Zvuk web přejdete do Vypočítat vše 00:18:41.180 --> 00:18:45.140 tak budou mít možnost Chcete-li mít některé položky. 00:18:45.140 --> 00:18:48.110 Je skutečně snadné, jsme bude zjistíte, že je dohromady. 00:18:48.110 --> 00:18:49.780 Tak například přechodem 00:18:49.780 --> 00:18:53.010 Můžete mít skvělý přehrávání některých pianos kostru. 00:18:53.010 --> 00:18:55.830 A pokud jsme přejít ze kostra, automaticky, 00:18:55.830 --> 00:18:58.620 je určitou vzdálenost. je počítač ve webové Audio a 00:18:58.620 --> 00:19:00.840 není slyšet zvuk již. 00:19:00.840 --> 00:19:03.580 A poté můžete přesunout Chcete-li cemetery. 00:19:03.580 --> 00:19:06.320 Můžeme si trochu zábavy položky nad ní. 00:19:06.320 --> 00:19:09.480 >>, Pokud bylo zjištěno, že Clippy je mrtvý. 00:19:11.350 --> 00:19:13.756 Zjistili jsme, jeho duch. 00:19:13.756 --> 00:19:15.461 >> Nevím, pokud Clippy nepamatujete. 00:19:15.461 --> 00:19:18.005 Věděly Clippy v místnosti? 00:19:18.005 --> 00:19:21.712 >> Je k dispozici. 00:19:21.712 --> 00:19:23.045 Proto umístěte v míru Clippy. 00:19:23.045 --> 00:19:25.672 >> Možná se- >> Kočka Schroedinger. 00:19:25.672 --> 00:19:30.212 >> Nevíme, pokud byla mrtvá nebo Ne tak nyní víme, je mrtvý. 00:19:30.212 --> 00:19:34.961 >> A Nakonec zjistili jsme, že IE6 je mrtvý. 00:19:34.961 --> 00:19:39.171 >> [POTLESK] 00:19:39.171 --> 00:19:43.836 >> A nyní Spartan long live. 00:19:43.836 --> 00:19:50.461 >> [POTLESK]. 00:19:50.461 --> 00:19:53.635 >>, Hlavním cílem je vidíte, že bez jakékoli plug-in 00:19:53.635 --> 00:19:57.444 právě web, můžeme udělat opravdu Super položky jako v původní aplikaci, 00:19:57.444 --> 00:19:58.090 ve skutečnosti. 00:19:58.090 --> 00:19:59.730 >> Jen Představte si s který je v režimu celé obrazovky. 00:19:59.730 --> 00:20:03.010 Nikdo se pravděpodobně ví, nebo je, že PC je HTML5 není spuštěna a 00:20:03.010 --> 00:20:03.990 Kód jazyka JavaScript. 00:20:03.990 --> 00:20:05.461 To je poměrně chladno. 00:20:05.461 --> 00:20:08.907 >> Ano a také příklad jsme prokázáno včera během 00:20:08.907 --> 00:20:12.610 hlavní myšlence je plošinová letu stejný článek zde. 00:20:12.610 --> 00:20:14.010 Prosím dosáhnout, v pořádku, tak 00:20:14.010 --> 00:20:18.575 Právě, jsem této konkrétní hry. tak sorry. 00:20:18.575 --> 00:20:20.170 Totéž zde. 00:20:20.170 --> 00:20:20.900 >> Jste připraveni k letu? 00:20:20.900 --> 00:20:24.661 Použijte pravé a Šipka vlevo kláves zapnout 00:20:24.661 --> 00:20:25.380 >> Opravdu. 00:20:25.380 --> 00:20:25.973 Jako že. 00:20:25.973 --> 00:20:28.132 >> A nahoru a dolů šipka klávesy [NEŽÁDOUCÍM] [INAUDIBLE] 00:20:28.132 --> 00:20:33.339 >> Web zde není řešení. 00:20:35.258 --> 00:20:39.750 s hráči. 00:20:39.750 --> 00:20:44.010 Ano, pokud jste zpět vrstvy hraní her, Ano. 00:20:44.010 --> 00:20:44.990 >> Ale děkuji. 00:20:44.990 --> 00:20:47.730 Zde máme na durm vykreslí všechny uživatelské rozhraní. 00:20:47.730 --> 00:20:50.867 Uvnitř durm máme Vsetín Blaster, máme vlastní položky WebGm. 00:20:50.867 --> 00:20:53.260 Chcete-li zvuk se používá Webaab. 00:20:53.260 --> 00:20:55.389 Máme tu hru jsme balíky nakoupené bez jakýchkoli 00:20:56.540 --> 00:20:59.210 jednou konkrétní modul plug-in znovu, který je právě Super. 00:20:59.210 --> 00:21:02.000 >> A konečně můžeme přesunete na jinou. 00:21:02.000 --> 00:21:04.730 Takže vše, co bylo postaveny na naše 00:21:04.730 --> 00:21:06.935 oblíbený stroj, který je Babylon GS. 00:21:06.935 --> 00:21:10.490 [NESMĚJEME] Otevřít zdroj tak gl framework na webu 00:21:10.490 --> 00:21:13.700 To je věc s showcase Při první myšlence. 00:21:13.700 --> 00:21:17.690 Tak běží Pompeii Město, které bylo 00:21:17.690 --> 00:21:19.090 znovu vytvořit pomocí některých drones. 00:21:19.090 --> 00:21:23.150 Tak budeme fotografovat některé města a znovu vytvořit kompletní 3D mřížky 00:21:23.150 --> 00:21:25.940 že ve skutečnosti pomocí některé šarže textur. 00:21:25.940 --> 00:21:29.870 Používáme, potvrdit vaše 3D odborník co jsme se pojmenování zatížení. 00:21:29.870 --> 00:21:33.560 Je tedy možné načíst zařízení verze na základě oka 00:21:33.560 --> 00:21:34.640 vzdálenosti jsou. 00:21:34.640 --> 00:21:37.860 >> Máme více než trillions obrazové body zde, protože byly drones 00:21:37.860 --> 00:21:40.390 Zachytávat >> Jeden T buňky 00:21:40.390 --> 00:21:41.850 každé dva centimetry. 00:21:41.850 --> 00:21:43.040 Tak tři centimetry. 00:21:43.040 --> 00:21:44.640 Doufám, že ji získat. 00:21:44.640 --> 00:21:45.980 Překlad není k dispozici. 00:21:47.150 --> 00:21:48.740 >> A uvidíte, že jsme můžete přesunout, ve městě a 00:21:48.740 --> 00:21:50.840 vše probíhá výpočet v reálném čase. 00:21:50.840 --> 00:21:52.710 Město je ve skutečnosti, je Opravdu velký, takže. 00:21:53.810 --> 00:21:55.880 Vše, co lze spustit právě probíhá. 00:21:55.880 --> 00:22:00.530 Nyní pomocí gamepad, a Web můžete plout přes město HK a 00:22:00.530 --> 00:22:02.370 u některých to můžete přesunout. 00:22:02.370 --> 00:22:05.950 A můžeme načíst některé vyšší definice opatření a textury. 00:22:05.950 --> 00:22:10.603 A je poměrně zajímavé si představit, že Tato možnost je dostupná okamžitě pokud je 00:22:10.603 --> 00:22:14.956 Přejít na konkrétní webový server, který je možné získat tento druh zkušenosti se systémem 00:22:14.956 --> 00:22:16.290 v prohlížeči. 00:22:16.290 --> 00:22:18.310 S vůbec žádné moduly plug-in. 00:22:18.310 --> 00:22:20.980 To [INAUDIBLE] skutečně může být schopen prokázat, že. 00:22:20.980 --> 00:22:23.870 A nyní potřebujeme ukáže, jak do- >> Jak na to. 00:22:23.870 --> 00:22:24.440 >> Jak na to. 00:22:26.010 --> 00:22:30.530 Můžeme přepnout do aplikace počítač, který je pět a 00:22:30.530 --> 00:22:33.840 Začneme tím, že mluví o webu zvuku. 00:22:35.760 --> 00:22:40.950 Tak recenze webu je způsob, jak připojit 00:22:40.950 --> 00:22:45.550 Některé zvukové a umístit nějaký zvuk volné místo na [INAUDIBLE]. 00:22:45.550 --> 00:22:48.400 Je založena na směrovacích grafu, tak 00:22:48.400 --> 00:22:52.650 máte k dispozici některé konkrétní uzel zvuku který se chystáte spojit. 00:22:52.650 --> 00:22:54.830 A tak mohl mít uzel určitý dopad na objem, 00:22:54.830 --> 00:22:57.940 by mohly mít vliv na uvolnění [Nejsou SLYŠITELNÁ] specializace. 00:22:57.940 --> 00:22:59.450 By mohla mít dopad na filtry. 00:22:59.450 --> 00:23:01.810 Máte málo filtry, Některé filtry vysoký. 00:23:01.810 --> 00:23:04.850 Může zpomalit přehrávání hudby, hudbu můžete urychlit. 00:23:04.850 --> 00:23:07.060 Stačí se vám líbí. 00:23:07.060 --> 00:23:10.290 Stejně jako si lze představit ve hrách, například pomocí Webado. 00:23:10.290 --> 00:23:13.490 Můžete vytvořit nějaký zvuk procedurální způsobem. 00:23:13.490 --> 00:23:15.540 To je opravdu působivý. 00:23:15.540 --> 00:23:19.860 Chcete-li zobrazit něco kliknu zde máme na naší pomocí webu js 00:23:19.860 --> 00:23:24.520 webové audio například umožňují mi zapnout zvuk. 00:23:24.520 --> 00:23:27.190 Pospěšte si I jste byl psaní hudby Bohužel pro to. 00:23:27.190 --> 00:23:30.360 To bude velmi stavitelství, protože je smyčka. 00:23:30.360 --> 00:23:34.120 Chcete-li zobrazit, že jsme právě načítání zvuku, a 00:23:34.120 --> 00:23:37.400 Chceme požádat, aby se cyklických. 00:23:37.400 --> 00:23:40.420 A funkce automatického přehrávání, a Na webu likvidátor jsem vazba je 00:23:40.420 --> 00:23:41.630 Kliknete na Zobrazit a 00:23:41.630 --> 00:23:46.040 Pak přejdu to připojit Hudba na konkrétní 3D objekty. 00:23:46.040 --> 00:23:47.620 Který nazýváme oka, a 00:23:47.620 --> 00:23:50.200 o to, že nevím, pokud je Opravdu chcete [INAUDIBLE] 00:23:50.200 --> 00:23:53.260 v místnosti vzhledem k tomu, že je třeba většinu času, výstup pro sluchátka. 00:23:53.260 --> 00:23:56.070 Ale aktuální pole je pohyb všech hlavou. 00:23:56.070 --> 00:23:59.950 A díky Webado, lze iterovat na pravé straně před me a 00:23:59.950 --> 00:24:00.730 Klepněte na levé straně, 00:24:00.730 --> 00:24:04.990 automaticky Průvodce úkonů Výpočet části obrazovky Java. 00:24:04.990 --> 00:24:08.330 To je vykreslován pomocí v prohlížeči a pomocí rozhraní API sám. 00:24:09.760 --> 00:24:13.120 Tak manuální můžete zobrazit kód. 00:24:13.120 --> 00:24:15.270 První věcí, které je třeba provést Pokud chcete uvolnit 00:24:15.270 --> 00:24:17.970 má web audio doplňky Vytvoření kontextu. 00:24:17.970 --> 00:24:21.160 Ano, pokud jste JavaScript programátor může být 00:24:21.160 --> 00:24:25.340 již víte o tak je třeba vytvořit kontext. 00:24:25.340 --> 00:24:28.680 To je způsob, jak to provést, takže jsme byli těsně před mluví o který. 00:24:28.680 --> 00:24:33.820 Start, vypnutí způsob je vytvořit Další kontext objektu okna. 00:24:33.820 --> 00:24:37.240 Ale jako Chrome byl první jeden je zavést. 00:24:37.240 --> 00:24:39.060 Jsou zavedena pomocí předpony. 00:24:39.060 --> 00:24:40.810 Takže do něj můžete přidat funkce. 00:24:40.810 --> 00:24:43.090 Chystáte se odebrat se je v další verzi. 00:24:43.090 --> 00:24:45.690 V době střední je třeba vyzkoušet obě verze. 00:24:45.690 --> 00:24:49.900 Je to verze webkey nebo v předmluvě verzi cs? 00:24:49.900 --> 00:24:51.890 Pokud jednou stali o vás zkontroluje. 00:24:51.890 --> 00:24:57.660 To je existující mohou následně vytvoříte jej a vytvořit některé konkrétní uzel. 00:24:57.660 --> 00:25:01.030 Tak například uzel zisk je objem. 00:25:01.030 --> 00:25:04.570 A pak se bude o připojení k tomuto připojení. 00:25:04.570 --> 00:25:07.930 Toto připojení může být některé reproduktory, některá sluchátka, nebo 00:25:07.930 --> 00:25:11.240 Pokud chcete napsat součet dolů na disk např. 00:25:11.240 --> 00:25:13.970 Tak se připojujete poznámky, jako je například společně. 00:25:13.970 --> 00:25:17.610 Pak, pokud chcete vytvořit některé konkrétní kroky 00:25:17.610 --> 00:25:21.155 je nutné nastavit některé vlastnosti konkrétní auto 00:25:21.155 --> 00:25:24.210 [Nejsou SLYŠITELNÁ] pro instance týkající Panner. 00:25:24.210 --> 00:25:27.920 Panner uzlů v zobrazení [INAUDIBLE] je způsob, jak provést některé položky 3D. 00:25:27.920 --> 00:25:29.100 V prostorách zvuku. 00:25:29.100 --> 00:25:31.750 Takže Řekněme, že jste Chcete vytvořit 3D zvuky. 00:25:31.750 --> 00:25:35.100 Proto je nutné vytvořit panner které připojení k uzlu zvuku 00:25:35.100 --> 00:25:36.750 Chcete-li zdrojový uzel. 00:25:36.750 --> 00:25:37.740 A jednou se nestalo 00:25:37.740 --> 00:25:41.750 je nutné zvolit způsob zvuk bude se chovat v 3D prostoru. 00:25:41.750 --> 00:25:44.500 Takže Řekněme, že jsem Chcete zastavit přehrávání zvuku 00:25:44.500 --> 00:25:46.380 po deseti metrů lineární způsobem. 00:25:46.380 --> 00:25:50.250 I lze nastavit, že v motoru nastavení některých vlastností. 00:25:50.250 --> 00:25:54.411 Proto je nutné pochopit spoustu vlastnosti v naší herní engine a 00:25:54.411 --> 00:25:58.400 [Nejsou SLYŠITELNÁ] rozhodly Některá výchozí nastavení 00:25:58.400 --> 00:26:00.730 Vlastnosti [INAUDIBLE] a Podíváme se, jak to funguje. 00:26:00.730 --> 00:26:05.139 Tak podle toho co jsme se rozhodli Chcete-li vytvořit je zábavného zkušenosti. 00:26:12.140 --> 00:26:13.310 Proto je nutné ji znovu načíst. 00:26:20.150 --> 00:26:21.050 Jak se vám že? 00:26:21.050 --> 00:26:22.150 Můžete hovořit po nějakou dobu používat tak. 00:26:22.150 --> 00:26:23.460 >> Ano. 00:26:23.460 --> 00:26:24.146 >> Je váš postup. 00:26:24.146 --> 00:26:28.661 A který chci půjčit 00:26:32.748 --> 00:26:34.580 To není v části I. 00:26:34.580 --> 00:26:35.888 Je již používán. 00:26:35.888 --> 00:26:37.202 V pořádku. 00:26:37.202 --> 00:26:39.269 Tato jedna. 00:26:44.643 --> 00:26:47.270 >> Jste si jisti, že je již používán? 00:26:47.270 --> 00:26:48.760 >> Ne, není již používán. 00:26:48.760 --> 00:26:49.260 >> Opakovat. 00:26:50.450 --> 00:26:54.300 Práce otvor Mě že Ano máme čas. 00:26:54.300 --> 00:26:59.660 Uvidíte, že? 00:26:59.660 --> 00:27:06.010 Aktualizace, které by měly fungovat správně Ano, 00:27:06.010 --> 00:27:09.590 tak myšlenku nezapomeňte, že můžete zobrazit krychle, která byla pohybující se kolem mého 00:27:09.590 --> 00:27:13.220 hlavy a jste vložit nějaký zvuk tedy použít stejné principy. 00:27:13.220 --> 00:27:17.090 Ano Ne aktualizaci pozice podle fotoaparátu zvuku 00:27:17.090 --> 00:27:20.770 sám jsme se rozhodli aktualizovat zvuk založené na vzdálenost 00:27:20.770 --> 00:27:22.750 jsou od středu kruhu. 00:27:22.750 --> 00:27:26.180 A na každé kostce, rozhodl jsem se umístit některé konkrétní hudbu, kterou jste byla I 00:27:26.180 --> 00:27:29.130 psaní, tak je několik stopy mé musics. 00:27:29.130 --> 00:27:32.600 A když jsem jej přesunout jednu kostku poblíž středu scény, 00:27:32.600 --> 00:27:34.840 chystá se objem čerpadla. 00:27:34.840 --> 00:27:37.330 A když jsem jej odebrat z kruh, měla by zastavit zvuk. 00:27:37.330 --> 00:27:40.080 To je myšlenka umožňují kombinovat Tyto zvuky pomocí datové krychle. 00:27:40.080 --> 00:27:43.520 Tak byly nalezeny byla velmi smíchu a protože na ukazatel 00:27:43.520 --> 00:27:48.535 události, které používá IE 11 a podle maximální okraj dnes. 00:27:48.535 --> 00:27:50.865 Který nyní přesunout Vyzkoušejte velmi snadno. 00:27:50.865 --> 00:27:52.195 I tak, budete potřebovat několik obrázků. 00:27:52.195 --> 00:27:53.985 >> Ano. >> Tedy I vás vyzve některé jiné. 00:27:53.985 --> 00:27:54.525 >> To je dobrý. 00:27:54.525 --> 00:27:57.265 >> Například přejděme na obrázku. 00:27:57.265 --> 00:27:58.772 A potom budeme hrát Hudba společně. 00:27:58.772 --> 00:28:01.072 [HUDBA] 00:28:01.072 --> 00:28:02.135 Podobně jako. 00:28:02.135 --> 00:28:03.965 A pak znovu použít myš. 00:28:03.965 --> 00:28:08.520 A dokonce i dokážeme, uvidíte, přístup k některé z datové krychle. V pořádku. 00:28:08.520 --> 00:28:09.770 Již. 00:28:09.770 --> 00:28:10.950 Přejdu stupid vtip 00:28:10.950 --> 00:28:13.655 vzhledem k tomu, možná si všimnete, že Máme zvláštní akcent. 00:28:13.655 --> 00:28:20.320 [SMÍCH] A 00:28:20.320 --> 00:28:23.180 Mám některé potíže vlastní snímky jako čtení. 00:28:24.450 --> 00:28:26.890 A píšete přední verze z hudby od stavební bloky 00:28:26.890 --> 00:28:28.950 společně vytvořením bloky dohromady a 00:28:28.950 --> 00:28:31.200 že do provozu něco o totéž. 00:28:31.200 --> 00:28:31.730 >> David Děkujeme. 00:28:31.730 --> 00:28:33.640 Nyní přepněte do dolu. 00:28:33.640 --> 00:28:38.020 Chci přepnout na jinou zcela odlišné. 00:28:38.020 --> 00:28:40.790 Chcete zobrazit funkce CSS. 00:28:40.790 --> 00:28:42.910 To je něco, co opravdu rád. 00:28:42.910 --> 00:28:47.120 Způsob, jakým je CSS filtr všechny webové vývojáře přidat 00:28:47.120 --> 00:28:50.650 Zaúčtovat pomocí procesu efekt shadery na jakýkoli element vlečný. 00:28:52.310 --> 00:28:56.160 A že v tomto příkladu zobrazí Mám to čtení stránky. 00:28:56.160 --> 00:28:58.590 Má být čtení textu, ale Mám tento vynikající Drak. 00:28:58.590 --> 00:29:02.160 Jsem velký ventilátor drak Pokud jste si všimnete. 00:29:02.160 --> 00:29:04.180 A nechci Odeberte tento Drak. 00:29:04.180 --> 00:29:06.500 Chci zachovat Můj Drak, ale Pokud chcete číst text, 00:29:06.500 --> 00:29:08.520 Chci pouze odstranit všechny rušivé. 00:29:08.520 --> 00:29:10.810 Jsme, najít v zobrazení pro čtení jakékoli. 00:29:10.810 --> 00:29:14.360 Tak co to bude při Jsem ním umístěn text. 00:29:14.360 --> 00:29:19.590 I 'm pouze použití [INAUDIBLE] na tento element div na zadní. 00:29:19.590 --> 00:29:23.340 Tak jsem právě, Lze je snadno může číst text. 00:29:23.340 --> 00:29:28.170 Mám také možnost pomocí stupňů šedi a rozmazání dohromady. 00:29:28.170 --> 00:29:31.510 Jsme spolu míchat funkcí CSS, 00:29:31.510 --> 00:29:34.410 pak se rozostří a stupně šedi. 00:29:34.410 --> 00:29:39.280 A pokud se že mohu přehrávat [Nejsou SLYŠITELNÁ] 60 snímků za sekundu a 00:29:39.280 --> 00:29:40.500 můžete ji snadno ovládat. 00:29:40.500 --> 00:29:42.450 Ano nyní stačí mít Podívejte se na kód. 00:29:42.450 --> 00:29:45.150 A pro které používám Visual Studio kód miluji tento nástroj. 00:29:46.290 --> 00:29:48.975 I odinstalovat pouze Sublime Text. 00:29:48.975 --> 00:29:52.070 >> [NESMĚJEME] >> To! 00:29:52.070 --> 00:29:54.200 Co máme zde je velmi jednoduché ve skutečnosti. 00:29:54.200 --> 00:29:58.110 Právě mám text zde v tomto obsahu. 00:29:58.110 --> 00:30:00.211 A mám vlastní pozadí. 00:30:00.211 --> 00:30:05.131 To je diveware, kterou lze vložit Moje pravidla css, pomocí 00:30:05.131 --> 00:30:09.220 Přesunuli jste právě my zálohované Vytvořit obrázek ve formátu JPG uvnitř. 00:30:09.220 --> 00:30:14.890 A co chcete udělat, když jsem Umístěte ukazatel myši na text, chcete použít. 00:30:14.890 --> 00:30:17.560 Je dobrá, říkají pravidla CSS 00:30:17.560 --> 00:30:20.370 použijeme efekt rozostření s velikost rozostření. 00:30:20.370 --> 00:30:23.835 A protože chodí dobře, Používám verzi předpony a 00:30:23.835 --> 00:30:25.280 unprefixes, verze 00:30:25.280 --> 00:30:28.790 jen pro jistotu jsem se máte problém v budoucnosti. 00:30:28.790 --> 00:30:31.440 Tak z tohoto pohledu JavaScript kód samotný je 00:30:31.440 --> 00:30:32.780 poměrně jednoduché. 00:30:32.780 --> 00:30:36.140 Při umístění ukazatele myši lze použít pravidlo CSS. 00:30:36.140 --> 00:30:38.590 Na myši, odebrat pravidlo CSS. 00:30:38.590 --> 00:30:39.090 To je vše. 00:30:40.250 --> 00:30:42.950 A další příklad, To bude po klepnutí na tlačítko 00:30:42.950 --> 00:30:44.390 na objekt ve stupních šedi. 00:30:44.390 --> 00:30:47.590 Můžete také určit, že zjevně přímo z jazyka JavaScript vyslovením 00:30:47.590 --> 00:30:50.700 Chcete Rozostřit a ve stupních šedi. 00:30:50.700 --> 00:30:52.640 Takže můžete míchat všechny efekty 00:30:52.640 --> 00:30:55.310 můžete provést convolutions, sépie, bez ohledu. 00:30:55.310 --> 00:30:58.060 Aplikace photoshop jako efekt můžete přehrát. 00:30:58.060 --> 00:31:01.720 Klikneme na tlačítko a je zcela urychlení pomocí shaderu, tak 00:31:01.720 --> 00:31:03.270 který je zdarma k použití. 00:31:03.270 --> 00:31:04.470 To, prosím. 00:31:04.470 --> 00:31:05.700 Hlavním problémem, který jsme pravděpodobně 00:31:05.700 --> 00:31:10.250 je, že někdy, CSS filtry nemusí být podporovány. 00:31:10.250 --> 00:31:13.300 Tak to mi vést Další demonstrace. 00:31:13.300 --> 00:31:14.170 David? 00:31:14.170 --> 00:31:15.470 >> Ano. 00:31:15.470 --> 00:31:16.240 >> Tento jeden. 00:31:16.240 --> 00:31:20.020 Tento čas, Řekněme zobrazení, jak by měly fungovat. 00:31:20.020 --> 00:31:24.980 Tak, jak je vidět, Mám vždy stejný výsledek. 00:31:26.950 --> 00:31:30.230 Ale co se stane, pokud CSS Filtr nepodporuje? 00:31:30.230 --> 00:31:31.710 A simulace, a 00:31:31.710 --> 00:31:35.390 zobrazení všech příznaků a jsou funkční, I může být dodáváno v a 00:31:35.390 --> 00:31:38.910 Řekněme v pořádku, pokud CSS filtr je experimentální funkce. 00:31:38.910 --> 00:31:44.130 A nelze je použít pouze Chcete-li zjistit, jak by mohl fungovat 00:31:44.130 --> 00:31:46.150 Pokud neexistuje žádný filtr šablony stylů CSS. 00:31:46.150 --> 00:31:50.400 Ano I třeba jen Spusťte znovu v prohlížeči. 00:31:52.180 --> 00:31:56.890 Přepínač pro podporu zde a Mám nerezervované chování. 00:31:56.890 --> 00:31:59.455 Tentokrát, protože CSS funkce není podporována, 00:31:59.455 --> 00:32:03.480 Právě se přehrává s krytí obrázek a 00:32:03.480 --> 00:32:07.400 nastavení na 0,1, tak vidíme na pozadí. 00:32:07.400 --> 00:32:11.420 Postup, bez jakéhokoliv kódu. jakýkoli kód jazyka JavaScript? 00:32:11.420 --> 00:32:13.890 To je bezva mohu položit otázku. 00:32:16.000 --> 00:32:17.710 Třeba stačí použít opravdu zajímavé, 00:32:17.710 --> 00:32:23.530 Nová funkce nazvaná ArtsReport umožnit testování přítomnosti nebo 00:32:23.530 --> 00:32:29.150 neexistuje žádné pravidlo CSS dokonce i s přidružen parametr. 00:32:29.150 --> 00:32:31.780 Tak to je opravdu zajímavé zde. 00:32:31.780 --> 00:32:38.190 Pokud filtr webkit není podporován. pro rozostření s 20 pixelů nebo bohužel 00:32:38.190 --> 00:32:42.090 Pokud podporována nebo filtr s je podporován rozostření s 20 pixelů, 00:32:42.090 --> 00:32:44.820 Můžeme definovat, rozostření Pravidlo je tento. 00:32:46.760 --> 00:32:49.200 A pokud není podporován, 00:32:49.200 --> 00:32:53.060 pak můžeme definovat Toto rozostření je pouze Změna krytí. 00:32:53.060 --> 00:32:54.980 Z tohoto hlediska JavaScript developer 00:32:56.000 --> 00:32:58.460 JavaScript developer bude nadále platí stejné pravidlo, rozostří. 00:32:59.690 --> 00:33:02.690 Ale CSS filtry budou odebrány a 00:33:02.690 --> 00:33:05.120 nahrazuje krytí, Díky ArtsReport. 00:33:06.480 --> 00:33:10.341 Aby bylo možné přidělit ovládacího prvku přes Řekněme 00:33:10.341 --> 00:33:13.243 přizpůsobivost návrhář šablony stylů CSS. 00:33:13.243 --> 00:33:13.963 To je opravdu zajímavé. 00:33:13.963 --> 00:33:16.725 To je opravdu účinný. 00:33:16.725 --> 00:33:18.025 David. 00:33:18.025 --> 00:33:21.290 Další ukázka o knihách Flex. 00:33:21.290 --> 00:33:22.480 >> Flex knihy a dílčí. 00:33:22.480 --> 00:33:25.490 Takže Pojďme se přesunout zpět Moje informace. 00:33:25.490 --> 00:33:27.100 >> Protože je budeme hovořit o přizpůsobivosti. 00:33:27.100 --> 00:33:27.780 >> Ano. 00:33:27.780 --> 00:33:30.310 Takže dnes vidíte jsme se velmi mluví o 00:33:30.310 --> 00:33:33.580 reagovat návrhu a Další informace o adaptivní návrhu 00:33:33.580 --> 00:33:38.790 což je více, jak přizpůsobit Globální UX u aktuálního zařízení. 00:33:38.790 --> 00:33:41.840 A v případě, že vytváříte některé odpovídající položky, máte k dispozici média 00:33:41.840 --> 00:33:46.080 dotazy, máte hodně zajímavé nové zobrazení jako pole flex. 00:33:46.080 --> 00:33:49.190 Ale problém může být při Chcete-li zobrazit některé obrázky a 00:33:49.190 --> 00:33:53.350 máte různé definice rozlišení obrázků 00:33:53.350 --> 00:33:57.208 Dejme tomu, pro použití iPhone některé obrazovky umístěte pro 00:33:57.208 --> 00:33:58.897 klasický telefon a počítač. 00:33:58.897 --> 00:34:02.740 A nechcete, aby ke stažení všechny obrázky na straně klienta a 00:34:02.740 --> 00:34:06.630 Chcete-li definovat pomocí JavaScriptu, jak zvolit správný jeden? 00:34:06.630 --> 00:34:09.150 Proto by bylo lepší nechat rozhodnout prohlížeče 00:34:09.150 --> 00:34:11.510 podle dění se provádí? 00:34:11.510 --> 00:34:15.970 Takže pokud je služba spuštěna nové Windows phone s naší 00:34:15.970 --> 00:34:19.430 rozlišení obrazovky chcete zobrazit konkrétní verzi obrazu, 00:34:19.430 --> 00:34:21.730 spíše jiné zatížení zařízení. 00:34:21.730 --> 00:34:25.710 Tak k tomu máte k dispozici SourceSet, který je k dispozici. 00:34:25.710 --> 00:34:27.310 Je to velmi jednoduché na používání. 00:34:27.310 --> 00:34:30.030 První věcí, kterou potřebujete Chcete-li použít obrázek značky, 00:34:30.030 --> 00:34:33.570 Použití klasické zdroje vlastnosti, které by mohly být. 00:34:33.570 --> 00:34:34.370 Proto je propad zpět. 00:34:34.370 --> 00:34:37.480 Ano, pokud není v prohlížeči nastavení podpůrné zdroje, 00:34:37.480 --> 00:34:40.610 bude používat Tento konkrétní obrázek. 00:34:40.610 --> 00:34:42.290 Takže Dejme tomu ve výchozím nastavení. 00:34:42.290 --> 00:34:46.890 Avšak v případě, že prohlížeč je schopnost zpracování této nové vlastnosti nad ní, 00:34:46.890 --> 00:34:53.230 prosím řekněte do prohlížeče Pomocí této verze bitové kopie x 1. 00:34:53.230 --> 00:34:57.720 Pokud je aktuální rozlišení DPI obrazovky ve skutečnosti odpovídají CSS a 00:34:57.720 --> 00:35:02.220 poměr hardwaru a obrazové body, Použijte tento obrázek. 00:35:02.220 --> 00:35:06.510 Takže pokud například přejít menší více fyzické obrazovky 00:35:06.510 --> 00:35:09.380 s okem Dokončovací modul, Zeptejte se browers. 00:35:09.380 --> 00:35:13.140 Použijte jinou verzi Obrázek a přiložili bod je 00:35:13.140 --> 00:35:17.550 můžete přejít, ať vám Podobně jako v této zvláštní pravidla. 00:35:17.550 --> 00:35:22.700 To by mohlo být velmi zajímavé, nyní s Některé z nepřetržitého, stejně jako mě, 00:35:22.700 --> 00:35:24.950 Máte některá doma obrazovky 4 kB. 00:35:24.950 --> 00:35:28.540 Pokud chcete, aby byly některé ochladí. zobrazen na tomto webu. 00:35:28.540 --> 00:35:31.250 Proto jsme ji zvolit jako je například. 00:35:31.250 --> 00:35:35.200 Mě to ukázat jednoduché webové stránky uvnitř i11. 00:35:35.200 --> 00:35:37.230 Nepoužívá. 00:35:37.230 --> 00:35:39.320 Používá výchozí bitová kopie. 00:35:39.320 --> 00:35:43.050 A můžete zkontrolovat, protože při Chcete-li použít novou verzi kliknu 00:35:43.050 --> 00:35:47.390 obrázku jsem se umístit na konkrétní Logo v horní levé části obrázku. 00:35:47.390 --> 00:35:51.660 Ano v současné době iE používal výchozí obrázek to bylo- 00:35:51.660 --> 00:35:53.040 >> Fuzzy 1. 00:35:53.040 --> 00:35:56.290 >> Fuzzy některou, opět jsme stali budovy s naší herní agent. 00:35:56.290 --> 00:35:57.660 To opravdu zajímavé. 00:35:57.660 --> 00:36:01.400 Je-li I 'm přepínání Microsoft Edge můžete vidět, že 00:36:01.400 --> 00:36:06.410 vidíme velmi stejný obraz Přeložte pomocí verze 1 x. 00:36:06.410 --> 00:36:09.870 Ale, jak simulovat nyní že má vyšší verzi. 00:36:09.870 --> 00:36:13.444 [NEŽÁDOUCÍM] Takže je nutné úplné, na konkrétní zařízení. 00:36:13.444 --> 00:36:18.130 Který můžete simulovat pomocí lupy možnosti prohlížeče. 00:36:18.130 --> 00:36:21.860 Například Řekněme, že jsem Chcete simulovat skutečnost, 00:36:21.860 --> 00:36:24.330 Můj aktuální rozlišení obrazovky je stále stejné, ale 00:36:24.330 --> 00:36:28.590 Chcete změnit DPI, tím jako že a je nutné je aktualizovat. 00:36:28.590 --> 00:36:31.780 A zobrazit v prohlížeči automaticky se rozhodla přijmout 00:36:31.780 --> 00:36:33.520 novější verzi obrazu, a 00:36:33.520 --> 00:36:36.400 bylo stahování pouze tento konkrétní obrázek. 00:36:36.400 --> 00:36:40.590 Takže chcete-li zkontrolovat, že můžeme, pro instance, přejděte v seznamu S2F2s. 00:36:42.080 --> 00:36:44.980 Zjištění správné ukázky by měl být to. 00:36:48.250 --> 00:36:49.363 Který zde přihlásit. 00:36:55.943 --> 00:36:58.719 A podíváme se síti chci aktualizovat. 00:37:00.500 --> 00:37:03.998 nebyl ten správný můžeme Okraj právě, aby se zabránilo, takže mě zavřete. 00:37:03.998 --> 00:37:07.306 >> Jsi opravdu dobrý v daném okamžiku. 00:37:16.541 --> 00:37:17.475 >> Ano, jsem dobře. 00:37:17.475 --> 00:37:20.960 >> [NESMĚJEME] Poděkování pro podporu David. 00:37:20.960 --> 00:37:23.150 A můžete vidět, že rozhodnuto v prohlížeči 00:37:23.150 --> 00:37:24.990 Chcete-li načíst pouze správné verzi obrazu. 00:37:24.990 --> 00:37:30.370 Takže jsi uváděný ve svazku z různých obrázků ve vašem kódu. 00:37:30.370 --> 00:37:33.705 Ale v prohlížeči a klienta, se rozhodl zvolit tu správnou 00:37:33.705 --> 00:37:36.525 založeno na aktuálním rozlišení a kapacity. 00:37:36.525 --> 00:37:41.275 A dokonce i ve specifikaci, je zadán, prohlížeč 00:37:41.275 --> 00:37:44.865 může zvolit i k načtení obrázku podle aktuální šířka pásma. 00:37:44.865 --> 00:37:48.025 Takže Řekněme, že máte k dispozici retina obrazovky, takže můžete velmi 00:37:48.025 --> 00:37:50.735 spokojeni, ale máte k dispozici velmi zpomalení dolů připojení. 00:37:50.735 --> 00:37:53.465 Je zřejmě není vhodné vysoké rozlišení vám 00:37:53.465 --> 00:37:54.390 Obrázek který. 00:37:54.390 --> 00:37:57.400 Ano, pokud sonda o probíhá na Direct, která by zkuste odeslat 00:37:57.400 --> 00:38:03.370 při nízkém rozlišení obrazu na webu rychlost rychlé webu. 00:38:03.370 --> 00:38:07.870 Proto jsme se rozhodli použít, tak jsem nyní znovu psaní našeho webu, 00:38:07.870 --> 00:38:10.530 Bude se používá k naší Dnes web Babylon. 00:38:12.700 --> 00:38:13.745 >> To je inzerce zdarma. 00:38:13.745 --> 00:38:15.720 >> Ano. 00:38:15.720 --> 00:38:17.130 Možná jsme se dostat do potíží. 00:38:17.130 --> 00:38:17.630 Nevím. 00:38:18.640 --> 00:38:21.310 Takže dnes náš web je jako je například. 00:38:21.310 --> 00:38:25.894 Proto jsme se snažili napodobit Moderní použití položky USA 00:38:25.894 --> 00:38:28.140 některé specifické rozložení. 00:38:28.140 --> 00:38:31.870 Jsme byli poměrně šťastný o ale nebyl stálý. 00:38:31.870 --> 00:38:35.760 Také jsme velmi dobré Vývojáři v jazyce JavaScript. 00:38:35.760 --> 00:38:37.945 Jsme méně dobré návrhářů. 00:38:37.945 --> 00:38:43.730 [NESMĚJEME] A tento nápad změnit že jsme všechny rozhodl změnit. 00:38:43.730 --> 00:38:48.980 K těmto novou verzi jsem v současné době pracuje je tento. 00:38:48.980 --> 00:38:52.058 Takže I jste pracovali Kouzelný dotazy a Flexbox. 00:38:52.058 --> 00:38:54.730 Aby bylo možné některé lepší velikost 00:38:54.730 --> 00:38:58.220 přizpůsobit, která bude aktuální rozlišení. 00:38:58.220 --> 00:39:01.271 A dobrou věc je I můžete kombinovat Flex pole zdrojů 00:39:01.271 --> 00:39:04.190 aby byly některé dotazy dobré zkušenosti. 00:39:04.190 --> 00:39:08.720 Je-li I 'm zvětšování uvnitř webu, a nyní jej aktualizovat. 00:39:11.170 --> 00:39:14.950 Se znovu zobrazí rozlišení bitové kopie. 00:39:14.950 --> 00:39:18.100 A mám i otestovat, tak návrh není dokončena. 00:39:18.100 --> 00:39:20.540 Pokud jste dobrý návrháři, a práci zdarma. 00:39:20.540 --> 00:39:22.560 Jsme [NESMĚJEME] jsou která vás přivítá. 00:39:22.560 --> 00:39:23.630 >> Můžete zasílat e-mailem. 00:39:27.572 --> 00:39:29.740 >> Ale v případě, že používám v telefonu 00:39:31.270 --> 00:39:32.250 >>, By měl být někde. 00:39:34.180 --> 00:39:37.292 Zde je, tak Kliknete na Odeslat na tomto čtení. 00:39:41.307 --> 00:39:43.960 Můžete vidět, tak Toto je stejný web. 00:39:43.960 --> 00:39:46.190 A na telefonu Pokud I 'm zpět, zapnutí 00:39:46.190 --> 00:39:48.900 najdete zde že i 'm načítání do 2 x verzi obrazu. 00:39:48.900 --> 00:39:52.260 Vzhledem k tomu, aktuální rozlišení obrazovky my 00:39:52.260 --> 00:39:55.390 Je dostatečně vysoké, aby okna Telefon Máte dobrou krmnou dávku obrazu. 00:39:55.390 --> 00:39:56.753 Na zařízení, jej můžete otestovat. 00:39:56.753 --> 00:39:59.776 Tak je dobrá vlastnost, že je můžete vyzkoušet ji on Microsoft Edge v 00:39:59.776 --> 00:40:01.690 na ploše a jak bylo uvedeno David, 00:40:01.690 --> 00:40:04.920 Jedná přesně stejný motor- Se systémem Windows phone. 00:40:04.920 --> 00:40:08.092 Je tedy velmi snadné k dvojité kontrolovat toto vše 00:40:08.092 --> 00:40:11.420 je právě pracuje správně, na obrazovce konkrétní hardware. 00:40:11.420 --> 00:40:14.600 A pak vám zboží dochází k příliš, jako je například. 00:40:15.830 --> 00:40:17.210 >> David Děkujeme. 00:40:17.210 --> 00:40:19.228 Proto se vrátit k jiným demo. 00:40:22.936 --> 00:40:29.660 Ano, proto jsme také od IE9, jsme podporovány SVG do HTML. 00:40:29.660 --> 00:40:34.460 Ale Společenství požádá, a Díky UserVoice, který bude I 00:40:34.460 --> 00:40:37.930 Po a Poděkování nemluvě způsob, jakým nyní pracujeme. 00:40:37.930 --> 00:40:43.610 Můžeme slyšet Společenství a požádá nám prosím podporu foreignObject. 00:40:43.610 --> 00:40:44.900 To co je foreignObject? 00:40:44.900 --> 00:40:49.665 foreignObject je naopak existence SVG do HTML. 00:40:49.665 --> 00:40:54.470 foreignObject je kapacita Chcete-li vložit HTML uvnitř SVG. 00:40:55.610 --> 00:40:58.510 Tak tímto způsobem máte stránku SVG. 00:40:58.510 --> 00:40:59.510 Manuální ukázat. 00:41:02.280 --> 00:41:05.350 Proto zde mají Moje HTML element. 00:41:05.350 --> 00:41:08.170 Uvnitř mé HTML To jsou moje elementu SVG 00:41:08.170 --> 00:41:10.710 základě vektorové vykreslování. 00:41:10.710 --> 00:41:16.630 A uvnitř tohoto SVG, mám tu co jsme zde, volat foreignObject 00:41:16.630 --> 00:41:18.180 kde mám vložit HTML. 00:41:19.350 --> 00:41:22.226 Je zajímavé protože SVG je čistě vektor. 00:41:22.226 --> 00:41:27.020 ForeignObject pak bude Tento problém čistě kontrolované 00:41:27.020 --> 00:41:31.830 místo a můžeme použít jakékoliv specifické efekt, který máme pro SVG. 00:41:31.830 --> 00:41:36.280 Doporučujeme používat vektorový objekt, a Některé, jako je například text vložte. 00:41:36.280 --> 00:41:39.440 Můžeme použít k přehrávání jako je to zde. 00:41:39.440 --> 00:41:44.430 Chtěl bych ukázat napájení SVG pomocí HTML uvnitř. 00:41:45.440 --> 00:41:47.390 Filtry, budu používat znovu. 00:41:47.390 --> 00:41:50.317 Není CSS filtr tentokrát je filtry SVG. 00:41:50.317 --> 00:41:52.110 Podporujeme filtry SVG. 00:41:52.110 --> 00:41:55.230 A aplikovat filtry SVG efekt 00:41:55.230 --> 00:41:57.770 na obrázku vykreslen vektor v pořádku? 00:41:57.770 --> 00:42:02.780 Tento obrázek bude nyní obsahovat, HTML vykreslení obrazu. 00:42:02.780 --> 00:42:08.300 A to je zajímavé, protože Dělat věci jako tato. 00:42:08.300 --> 00:42:11.110 Zde se jedná, co jsem volání drunken prohlížeče. 00:42:14.630 --> 00:42:17.670 Příliš mnoho piva, můžete jít domů a Chcete prohledat, a 00:42:17.670 --> 00:42:18.899 svět vypadá tato jeden. 00:42:20.160 --> 00:42:23.874 V pořádku, Pojďme Hledat Okraj společnosti Microsoft. 00:42:23.874 --> 00:42:28.750 >> [NESMĚJEME] >> A nezapomeňte, že každý věděl, že. 00:42:28.750 --> 00:42:33.420 IFrame uvnitř Můj SVG funguje bez jakýchkoli problémů. 00:42:33.420 --> 00:42:34.686 Není žádný problém s informacemi. 00:42:34.686 --> 00:42:37.544 A protože jsem uvnitř SVG, 00:42:37.544 --> 00:42:41.895 I v horní části daného použití SVG a používejte vlastní položky. 00:42:41.895 --> 00:42:44.728 Mám jinou věcí, kterou můžete udělat se chci ukázat. 00:42:44.728 --> 00:42:48.799 Tak místo použití 00:42:48.799 --> 00:42:53.061 Chcete použít pouze tento jeden. 00:42:56.228 --> 00:42:58.770 Ale ne Vraťme se zpět k dispozici. 00:42:58.770 --> 00:42:59.895 Jsem na něco zapomněl. 00:42:59.895 --> 00:43:00.895 >> Ano, pomlčku. 00:43:00.895 --> 00:43:02.728 >> Ano děkuji, David. 00:43:05.853 --> 00:43:07.450 Pojďme vynutit aktualizaci. 00:43:07.450 --> 00:43:08.825 Tato funkce je Minecraft prohlížeče. 00:43:08.825 --> 00:43:12.270 >> [NESMĚJEME] >> Tak a co je zajímavé je 00:43:12.270 --> 00:43:15.770 Pokud vyhledávání babylonjs.com, který není jednoduché. 00:43:15.770 --> 00:43:17.580 Mám tu nezapomeňte klepnout na tlačítko v tomto poli. 00:43:18.680 --> 00:43:22.660 Jsem hráč Minecraft a Beru všechny 3D objektu. 00:43:22.660 --> 00:43:27.978 A to je stránka HTML pomocí SVG, uvnitř SVG je Web HK s- 00:43:27.978 --> 00:43:31.812 >> [POTLESK] 00:43:31.812 --> 00:43:34.639 >> Běží na 60 snímků za 00:43:34.639 --> 00:43:36.110 druhá, v pořádku? 00:43:36.110 --> 00:43:37.740 Musím připustit, že je stejně skvělé. 00:43:38.960 --> 00:43:41.765 Takže jsme si nejste jisti o případ použití zde, ale 00:43:41.765 --> 00:43:44.310 [NESMĚJEME] můžete získáte bod. 00:43:44.310 --> 00:43:44.850 Dostanete bod. 00:43:44.850 --> 00:43:46.440 Můžete použít HTML uvnitř SVG. 00:43:46.440 --> 00:43:46.940 To je zajímavé. 00:43:48.300 --> 00:43:49.975 Já jsem poměrně jisti, že Vaše dítě bude zamlouvat. 00:43:49.975 --> 00:43:54.090 >> [NESMĚJEME] >> A pak poslední věci. 00:43:54.090 --> 00:43:59.115 Chtěli jsme ukázat, že před Přesunutí Q&A je HTTP/2. 00:43:59.115 --> 00:44:01.944 HTTP/2, je tedy poněkud obtížné. 00:44:01.944 --> 00:44:06.884 Chcete-li najít něco visual můžete zjistit, co je HTTP/2. 00:44:06.884 --> 00:44:11.490 Dobře HTTP/2 je sestavovaná děkuji na jaký Google byl tím má 00:44:11.490 --> 00:44:12.350 pomocí SPDY. 00:44:12.350 --> 00:44:15.670 Tak je SPDY, se snažíte Chcete-li vytvořit něco nového, 00:44:15.670 --> 00:44:20.252 odlišné od HTTP/1.1 což je poměrně starý. 00:44:20.252 --> 00:44:21.790 Máme některé mobilní zařízení, a 00:44:21.790 --> 00:44:24.520 Další nové zařízení máme některé problém s objemem. 00:44:24.520 --> 00:44:27.890 Ano pokusíme se najít že některé špionážní programy. 00:44:27.890 --> 00:44:31.680 Ano můžeme hovořit například o Počet požadavků, které může prohlížeč 00:44:31.680 --> 00:44:33.160 odešlete na webový server. 00:44:33.160 --> 00:44:38.100 Proto ve většině případů, že výchozí byl na čtyři souběžné požadavky 00:44:38.100 --> 00:44:42.720 z určitého webového serveru Klient na určitou doménu. 00:44:42.720 --> 00:44:45.490 Takže pokud jste chtěli zavést, Řekněme 10 nebo 00:44:45.490 --> 00:44:48.740 20 obrázků, z této sady webových souborů Server od vašich klientů. 00:44:48.740 --> 00:44:52.914 Pouze bylo možné provést prostřednictvím čtyři různé požadavky a 00:44:52.914 --> 00:44:54.300 Máte ho čekat. 00:44:54.300 --> 00:44:59.000 A pokud chcete, zapne provozovně napadení se používal každý uživatel. 00:44:59.000 --> 00:45:01.960 Ano může mít několik domény podobné sítím CDN. 00:45:01.960 --> 00:45:06.570 Ano, CDN číslo jedna, CDN číslo dvě, CDN číslo tři až čtyři. 00:45:06.570 --> 00:45:10.480 Dejme tomu a díky které jste schopni čtyři požadavky na 00:45:10.480 --> 00:45:14.190 první CDN a pak čtyři požadavky na druhý, atd. 00:45:14.190 --> 00:45:15.580 Ale máte druh špionážní programy, 00:45:15.580 --> 00:45:21.160 vzhledem k tomu, že prohlížeč má k tomuto Navíc skutečnost, že bylo nuceno. 00:45:21.160 --> 00:45:24.520 Pokud provedete něco hodně Chcete-li přidat velké množství požadavků 00:45:24.520 --> 00:45:28.620 režijních nákladů na každý z požadavek protokolu HTTP na webovém serveru. 00:45:28.620 --> 00:45:33.522 Tedy Ano, psaní HTTP/2 využívá pracovní skupinou IETF jako 00:45:33.522 --> 00:45:36.860 start, a všechny pracujeme na tomto. 00:45:36.860 --> 00:45:39.510 Proto se provádí pomocí Microsoft okraje a 00:45:39.510 --> 00:45:41.390 Chrome a Firefox. 00:45:41.390 --> 00:45:45.510 A myšlenku, kterou jsem právě procházení webové stránky ze serveru Google 00:45:45.510 --> 00:45:48.890 To by jste byla její provádění v jednom z jejich zásobníku serveru. 00:45:48.890 --> 00:45:53.476 A uvidíte, že způsob, jak načtení obrázku pro mnohem rychlejší. 00:45:53.476 --> 00:45:54.875 různé příčiny. 00:45:54.875 --> 00:45:59.095 Nejprve jsme již mohli provést Některé multiplexování na datové proudy. 00:45:59.095 --> 00:46:02.335 Nebylo nutné žádné další odeslat různé požadavky na webovém serveru. 00:46:02.335 --> 00:46:04.145 Můžete vytvořit jeden požadavek a 00:46:04.145 --> 00:46:07.155 Chceme vložit několik datové proudy uvnitř tohoto požadavku. 00:46:07.155 --> 00:46:10.265 Tak jsme se vyjednat jej pouze jednou s webovým serverem. 00:46:10.265 --> 00:46:14.185 Používáme také binární kódování pomocí HTTP/2. 00:46:14.185 --> 00:46:18.370 Je tedy více světla v síti. 00:46:18.370 --> 00:46:22.550 A můžete také Očekáváme, co je třeba na straně klienta. 00:46:22.550 --> 00:46:25.390 Pro instanci Při načtení stránky HTML 00:46:25.390 --> 00:46:29.330 všechny víme, že bude některé CSS a JavaScript, uvnitř s. 00:46:29.330 --> 00:46:32.840 Je tedy poněkud stupid k načtení stránky HTML a 00:46:32.840 --> 00:46:35.300 pak Ano, vím, že to konkrétní soubor jazyka JavaScript. 00:46:35.300 --> 00:46:37.950 Potom proveďte další výměna zpráv na server ji vrátit zpět. 00:46:37.950 --> 00:46:39.810 A pak má CSS souboru, atd. 00:46:39.810 --> 00:46:44.573 Myšlenka je, aby webový server Řekněme, že chcete index.html, 00:46:44.573 --> 00:46:47.640 uvnitř ve formátu HTML, je foo.js. 00:46:47.640 --> 00:46:49.390 To co chceme ve stejném požadavku 00:46:49.390 --> 00:46:52.580 přejdeme k odeslání zpět přímo foo.js 00:46:52.580 --> 00:46:54.700 Chcete-li uložit určitou dobu klientovi. 00:46:54.700 --> 00:46:56.550 Tak můžeme předvídat, co potřebujete. 00:46:56.550 --> 00:46:58.170 To by spíše, že I Tento soubor není třeba. 00:46:58.170 --> 00:47:00.110 vzhledem k tomu, že I jste již je k dispozici v mezipaměti. 00:47:00.110 --> 00:47:04.270 Jsme ztratila trochu času, ale většina čas, kdy se zhodnocují rychlost. 00:47:04.270 --> 00:47:05.790 Tak to je webová stránka Google, provádí 00:47:05.790 --> 00:47:09.690 To je opravdu zajímavé protože můžete simulovat, co se děje. 00:47:09.690 --> 00:47:14.244 Ano chci načíst stránku pomocí HTTP/1 a pak 2002, 00:47:14.244 --> 00:47:17.650 Omlouvám se, 200 milisekund. Čekací doba na světlo. 00:47:17.650 --> 00:47:20.590 Vidíte, že je právě Serializovaný. 00:47:20.590 --> 00:47:23.690 Ano mám několik žádostí na část obrazu. 00:47:23.690 --> 00:47:26.170 A nemůže udělat, je velmi rychle vzhledem k tomu, že je třeba 00:47:26.170 --> 00:47:30.460 Přejít zpět na server vždy, když chcete Načtěte nové části stránky. 00:47:30.460 --> 00:47:34.120 >> A bude mít každý požadavek Čekací doba 200 milisekund. 00:47:34.120 --> 00:47:36.560 >> A na straně druhé, pomocí HTTP/2 00:47:36.560 --> 00:47:40.300 uvidíte, že I 'm schopnosti mít Některé více proudu vykreslován. 00:47:40.300 --> 00:47:42.870 A mám jedinečný požadavek na webovém serveru pro načtení 00:47:42.870 --> 00:47:45.790 všechny datové proudy, protože je také mnohem rychlejší načtení obrazu. 00:47:45.790 --> 00:47:47.770 A nyní dostanete bod. 00:47:47.770 --> 00:47:49.928 Je velmi vizuální protože je na obrazu. 00:47:49.928 --> 00:47:53.240 Ale Zamyslete se, se všemi cesty webové stránky, kterou potřebujete 00:47:53.240 --> 00:47:55.500 zatížení na straně serveru a ve skutečnosti stejnou rychlostí. 00:47:55.500 --> 00:47:59.750 Je tedy rozhodně mít konkrétně na mobilní telefon, který 00:47:59.750 --> 00:48:02.660 na Windows Phone 10 pomocí aplikace Microsoft Edge. 00:48:02.660 --> 00:48:07.720 Nebo každé nové zařízení může mít vzhledem k tomu, že by získal moderní stroj 00:48:07.720 --> 00:48:11.620 ve skutečnosti amp rychlost na webovou stránku bez jakékoli akce pro vás. 00:48:11.620 --> 00:48:15.050 Je zcela kompatibilní s protokolem HTTP/1.1. 00:48:15.050 --> 00:48:17.310 Toto je stejný sloupec stejné akce. 00:48:17.310 --> 00:48:20.610 Změníme pouze způsob, jak komunikace v protokolu a 00:48:20.610 --> 00:48:23.740 v datovém proudu a všechny síťové relace zapojené. 00:48:23.740 --> 00:48:24.240 >> Děkujeme vám, David. 00:48:25.440 --> 00:48:30.240 Proto se pokusíme zde předat vyskladnění některé Naše oblíbené funkce, ale 00:48:30.240 --> 00:48:33.860 Jak již jsem uvedl dříve, mnoho jim jsou stále v krabici. 00:48:33.860 --> 00:48:36.130 Tak nejlepší nápad pro Pokud chcete vyzkoušet 00:48:36.130 --> 00:48:39.710 Nainstalujte nejnovější verze sestavení Windows 10. 00:48:39.710 --> 00:48:41.820 Okraj motoru je zde. 00:48:41.820 --> 00:48:44.660 Zatím je stále Spartan projektu? 00:48:44.660 --> 00:48:47.940 Ale stačí změnit názor a Přejmenovat Edge Microsoft a 00:48:47.940 --> 00:48:49.100 dostanete bod. 00:48:49.100 --> 00:48:53.410 Pokud chcete funkci, pokud je ve skutečnosti Funkce, prosím použít, a 00:48:53.410 --> 00:48:56.730 Sdělte svůj názor na uservoice.modern.IE. 00:48:56.730 --> 00:48:59.690 Zde například I zachycení ASM.js. 00:48:59.690 --> 00:49:01.900 Bylo velké požádat o Společenství. 00:49:01.900 --> 00:49:03.870 Prosím podporu ASM.js. 00:49:03.870 --> 00:49:07.754 ASM.js je způsob, jak zkompilovat Do jazyka JavaScript, C++ 00:49:07.754 --> 00:49:10.820 a ASM.js přidá některé. 00:49:10.820 --> 00:49:14.290 Nelze říci, že Další informace týkající se 00:49:14.290 --> 00:49:15.400 uvolňování a pro 00:49:15.400 --> 00:49:18.796 modul JavaScript Chcete-li zvýšit výkon, okay? 00:49:18.796 --> 00:49:23.700 Motor nereal, podporované jednoty podporován, takže pokud používáte 00:49:23.700 --> 00:49:29.080 Jednoty 5 lze exportovat pouze do hra na webu GL s ASM.js. 00:49:29.080 --> 00:49:32.640 Tak nyní při instalaci velmi nejnovější verze Windows 10 00:49:32.640 --> 00:49:35.510 a okraje společnosti Microsoft 00:49:35.510 --> 00:49:40.530 budete moci spustit Web HK hry z jednoty pomocí ASM.js. 00:49:40.530 --> 00:49:42.112 Přejít na dělat: příznaky. 00:49:42.112 --> 00:49:46.100 Takže pokud přejdete on Microsoft Edge v současné době psaní o: příznaky a 00:49:46.100 --> 00:49:50.150 je možné povolit ASM.js Vnitřní okraj společnosti Microsoft. 00:49:50.150 --> 00:49:53.130 A ukázat vám jiný Příklad na backlogs. 00:49:53.130 --> 00:49:56.878 Proto uživatelé ptají, chcete-li zobrazit syntaxi chyby v debuggeru spravedlivý. 00:49:56.878 --> 00:50:00.838 Který můžeme umístit na naše rezerva a jsme znamená, že je nahoře a 00:50:00.838 --> 00:50:02.336 Věříme, že brzy zahájeny. 00:50:02.336 --> 00:50:05.623 Ano to je nový způsob pro nám komunikaci s vámi, že, a 00:50:05.623 --> 00:50:06.795 se Společenstvím. 00:50:06.795 --> 00:50:09.355 Dejte nám vědět, že jste má něco a 00:50:09.355 --> 00:50:13.675 Můžeme vám umožní vědět, že jsme práce na některé, které považujeme za 00:50:13.675 --> 00:50:17.440 a některé z nich nejsou ve skutečnosti na našem seznamu nejvyšší prioritou. 00:50:18.760 --> 00:50:21.390 Prosím zhodnotit relace. 00:50:21.390 --> 00:50:22.470 A nyní je čas pro otázku. 00:50:23.670 --> 00:50:24.195 Ano. 00:50:24.195 --> 00:50:32.000 >> [NEJSOU SLYŠITELNÁ] >> Tak manuální ukázat [NESMĚJEME]. 00:50:33.670 --> 00:50:34.920 Pospěšte si I nelze odpovědět na tuto otázku. 00:50:36.230 --> 00:50:39.449 Můžete přejít moderního typu. 00:50:39.449 --> 00:50:43.020 Tak status.modern. 00:50:43.020 --> 00:50:44.000 Otázka o- >> Běžte Omlouvám se. 00:50:44.000 --> 00:50:44.756 >> Prosím, otázky je Ano. 00:50:44.756 --> 00:50:47.690 >> Otázka je o šablony, Šablona HTML, který je vpravo. 00:50:47.690 --> 00:50:48.832 Jsme práci? 00:50:48.832 --> 00:50:49.690 >> Jsme práci? 00:50:51.400 --> 00:50:52.110 Ano, Ano. 00:50:52.110 --> 00:50:54.170 Zatím jsme v rámci šetření. 00:50:54.170 --> 00:50:56.520 Jeho část příběhu více větší ve skutečnosti. 00:50:56.520 --> 00:51:01.470 Proto je nejlepší věcí, kterou můžete provést svůj názor nám na hlasu uživatele 00:51:01.470 --> 00:51:03.560 Chcete-li nám sdělit důvody, proč je skutečně důležité. 00:51:03.560 --> 00:51:04.810 Pak požádejte uživatelé volit. 00:51:04.810 --> 00:51:07.130 To je nejlepší způsob, jak komunikovat s námi. 00:51:07.130 --> 00:51:09.280 Ale Ano, Víme, že je opravdu důležité. 00:51:09.280 --> 00:51:11.035 A je to v úvahu. 00:51:11.035 --> 00:51:13.650 >> [NEJSOU SLYŠITELNÁ] >> Ano. 00:51:13.650 --> 00:51:16.690 To je, některé z jiných částí může být snadno předem vyplněných 00:51:16.690 --> 00:51:18.790 na webu partnery, Vím, že tímto souborem. 00:51:18.790 --> 00:51:22.230 Jeden další otázky. 00:51:22.230 --> 00:51:23.355 Ano? 00:51:23.355 --> 00:51:23.855 >>, Jak dlouho se můžeme bude udržovat IE 11? 00:51:27.350 --> 00:51:30.679 >>, Otázka je, jak dlouho jsme chtěli zachovat IE 11? 00:51:30.679 --> 00:51:35.034 IE 11 to je součástí Windows 10 00:51:35.034 --> 00:51:39.250 stejnou životnost jako Windows 10. 00:51:39.250 --> 00:51:41.230 >> Životní cyklus jako Vista? 00:51:41.230 --> 00:51:43.438 >> Mám tušení Mrzí, o který. 00:51:43.438 --> 00:51:49.780 Můžete I dostanete do naši pracovníci odborné pomoci [Zahraniční] a zjistit pro vás. 00:51:49.780 --> 00:51:55.093 IE 11 by být podporovány tak dlouho, ale budou podporovány jako Windows 10, 00:51:55.093 --> 00:51:57.194 To je součást systému Windows 10. 00:51:57.194 --> 00:51:58.654 Ano? 00:51:58.654 --> 00:51:59.813 >> Co je na vaše tričko? 00:51:59.813 --> 00:52:00.845 >> To je dobrý dotaz. 00:52:00.845 --> 00:52:03.698 [NESMĚJEME] Co je na Moje tričko? 00:52:03.698 --> 00:52:09.070 [NESMĚJEME] Tak zachovat tuto otázku Jen chci mít jistotu. 00:52:09.070 --> 00:52:10.946 Je tam jiný otázka I? 00:52:10.946 --> 00:52:11.782 >> Ano. 00:52:11.782 --> 00:52:12.618 >> Ano. 00:52:12.618 --> 00:52:17.060 >> [NEJSOU SLYŠITELNÁ] >> Ano. 00:52:17.060 --> 00:52:20.390 Otázkou je, je připraven pro Microsoft 10 bude pouze Windows 10? 00:52:20.390 --> 00:52:22.035 A Ano, odpověď je Ano. 00:52:22.035 --> 00:52:25.520 Ano. 00:52:25.520 --> 00:52:34.810 >> [NEJSOU SLYŠITELNÁ] 00:52:34.810 --> 00:52:38.051 >> Ve většině případů, pokud jste v 00:52:38.051 --> 00:52:44.855 příznaky, Myslím, že je zde. Č. 00:52:44.855 --> 00:52:46.410 >> [NEJSOU SLYŠITELNÁ] 00:52:46.410 --> 00:52:47.120 >> V pořádku. 00:52:47.120 --> 00:52:48.107 >> Ano, tak je dobrý dotaz 00:52:48.107 --> 00:52:49.105 je [NEŽÁDOUCÍM] >> Ale na otázku 00:52:49.105 --> 00:52:51.270 můžete zopakovat otázku? >> To je otázka, 00:52:51.270 --> 00:52:55.250 Některé funkce jsou pod Příznaky v aplikaci Microsoft Edge. 00:52:55.250 --> 00:52:57.910 Proto je nutné přejít na příznaky, které jim umožní. 00:52:57.910 --> 00:53:01.724 Pokud používám Windows 10 webové zobrazení lze použít, jako je například SMGS? 00:53:01.724 --> 00:53:06.480 >> Ne, nebude moci [INAUDIBLE]. 00:53:06.480 --> 00:53:08.480 >> Jsem byl poměrně jisti, ale Chci zkontrolujte. 00:53:08.480 --> 00:53:11.510 >> Odpověď žádná. Yupovi. 00:53:11.510 --> 00:53:12.715 Otázky nad ní? 00:53:12.715 --> 00:53:16.460 >> [NEJSOU SLYŠITELNÁ]. 00:53:16.460 --> 00:53:18.655 >> Ano. Pracujeme na implementaci webové 00:53:18.655 --> 00:53:20.310 ovladač do Microsoft Edge. 00:53:23.296 --> 00:53:24.491 Ano? 00:53:24.491 --> 00:53:31.200 >> [NEJSOU SLYŠITELNÁ] >> Rozšíření. 00:53:31.200 --> 00:53:33.050 Rozšíření jazyka JavaScript pravé myslíte? 00:53:33.050 --> 00:53:37.280 Zatím to nemůže odpovědět I vzhledem k tomu, že je ve skutečnosti otázka 00:53:37.280 --> 00:53:38.540 příliš brzy pro nás. 00:53:38.540 --> 00:53:40.730 Již jste ukázku včera. 00:53:40.730 --> 00:53:43.580 Nevím, byla dvě během hlavní myšlence před dny. 00:53:43.580 --> 00:53:44.170 Je možné. 00:53:44.170 --> 00:53:47.100 Pracujeme na tomto ale vše týkající se výkonu 00:53:47.100 --> 00:53:49.760 a věci jako, že jsme příliš v rané fázi našeho vývojového cyklu. 00:53:50.870 --> 00:53:52.215 Zpravidla Ne, jasně. 00:53:52.215 --> 00:54:02.590 >> [NEJSOU SLYŠITELNÁ] 00:54:02.590 --> 00:54:03.090 >> Nevím. 00:54:04.400 --> 00:54:06.100 Mrzí mne to, ale nevím. 00:54:06.100 --> 00:54:07.990 Je na jinou část tým. 00:54:07.990 --> 00:54:09.700 Takže nechci že něco v pořádku. 00:54:09.700 --> 00:54:12.010 Ano nevím. 00:54:12.010 --> 00:54:12.604 Ano? 00:54:12.604 --> 00:54:13.620 [NESMĚJEME]. 00:54:13.620 --> 00:54:15.145 >> [NEJSOU SLYŠITELNÁ]. 00:54:15.145 --> 00:54:17.586 >> To je otázek, 00:54:17.586 --> 00:54:23.150 je, že CSS soukromé vyučování/doučování pracuje s přechodem na CSS? 00:54:24.210 --> 00:54:26.660 Jsem testoval s přechodem, tak, Ano. 00:54:26.660 --> 00:54:30.790 Pro animaci, není zobrazeno žádný důvod, proč neměli. 00:54:30.790 --> 00:54:34.120 Po kontrole, ale 99 % je v pořádku. 00:54:34.120 --> 00:54:37.679 A vidím, že Jakuba řekněte, Ano, proto je 100 % Ano. 00:54:37.679 --> 00:54:39.424 [NESMĚJEME]. Ano? 00:54:39.424 --> 00:54:43.177 >> Pro aplikace podporuje šablony stylů CSS, pravidla 00:54:43.177 --> 00:54:46.670 je to standardní [INAUDIBLE]? 00:54:46.670 --> 00:54:47.810 >> Pane naprosto, naprosto. 00:54:49.230 --> 00:54:51.291 >> Víte, jak často který je podporován v prohlížečích? 00:54:51.291 --> 00:54:53.996 >> Lze zjistit, zda má podporováno v Chrome. 00:54:53.996 --> 00:54:55.540 Můžeme přejít. 00:54:55.540 --> 00:54:56.603 Víte, tento web? 00:54:56.603 --> 00:55:01.820 >> [NEJSOU SLYŠITELNÁ] >> Není dosud- 00:55:01.820 --> 00:55:02.455 >> Ano, ještě není. 00:55:02.455 --> 00:55:09.400 >> [NEJSOU SLYŠITELNÁ] >> To Ano, je podporováno. 00:55:09.400 --> 00:55:11.360 >> Firefox, Chrome, okraje, vynikající. 00:55:11.360 --> 00:55:12.356 Jsme živé vynikající světě. 00:55:12.356 --> 00:55:16.486 >> Žádné Safari, zajímavé. 00:55:17.743 --> 00:55:20.800 >> [NESMĚJEME] >> [NEJSOU SLYŠITELNÁ] 00:55:20.800 --> 00:55:21.446 >> Ano? 00:55:21.446 --> 00:55:26.094 >> [NEJSOU SLYŠITELNÁ] >> Web socket? 00:55:26.094 --> 00:55:27.350 Ano, pane. 00:55:27.350 --> 00:55:29.165 A to je dobrý přechod Děkujeme vám. 00:55:29.165 --> 00:55:32.860 [NESMĚJEME] Vzhledem k tomu, co mám Moje tričko je založena na WebSocket. 00:55:32.860 --> 00:55:37.010 Tak vydat jednu že, máme jen čtyři minuty. 00:55:37.010 --> 00:55:38.050 Pokud máte další otázky, 00:55:38.050 --> 00:55:40.250 prosím Zeptejte se nás hned po. 00:55:40.250 --> 00:55:43.288 Chci zobrazit, co je JS. 00:55:43.288 --> 00:55:46.618 Bylo oznámeno, že včera, tak Chci vysvětlit, co produkt. 00:55:46.618 --> 00:55:49.820 Jsme se rozhodli hned za JS Chcete-li pracovat na nový rámec. 00:55:49.820 --> 00:55:53.080 Tak máme rádi nový zápis předlohy, které usnadní vývojářům. 00:55:53.080 --> 00:55:56.028 Ale zjevně ne všechny Vývojář se web ad developer 00:55:56.028 --> 00:55:58.190 tak jsme zjistila, že nedávno. 00:55:58.190 --> 00:56:01.586 A pak jsme se rozhodli pracovat na rámec, který by mohl pomoci více 00:56:01.586 --> 00:56:03.470 Developer než právě WebGL. 00:56:03.470 --> 00:56:08.600 A když jsme psali vlastní kód, zjistili jsme, že byl tak 00:56:08.600 --> 00:56:12.468 Chcete-li ladit na komplexní všechny mobilní verze. 00:56:12.468 --> 00:56:15.610 Pokud píšete kód, Chcete-li zapsat jednou a 00:56:15.610 --> 00:56:18.700 Spusťte ji všude, ale když pak Chcete-li spustit všude, 00:56:18.700 --> 00:56:21.270 je třeba ho ladit všude. 00:56:21.270 --> 00:56:24.440 Problém, je jsou mnoho různých nástrojů k tomu, ale 00:56:24.440 --> 00:56:27.500 žádné nástroje pro spuštění ve skutečnosti všude nám. 00:56:27.500 --> 00:56:30.150 Proto jsme se rozhodli napsat ladění 00:56:30.150 --> 00:56:32.460 framework nástroje pomůže to. 00:56:32.460 --> 00:56:38.090 A na základě čisté JavaScript CSS a použití Node.js serveru 00:56:38.090 --> 00:56:43.370 na back-end povolení v reálném čase komunikace pomocí WebSockets. 00:56:43.370 --> 00:56:47.910 >>, Tak zde mám Node.js serveru Instalace npm Vorlon právě dělat. 00:56:47.910 --> 00:56:49.240 To je vše, nic dalšího. 00:56:49.240 --> 00:56:51.500 Který bude spuštěn a poskytují řídicí panel. 00:56:51.500 --> 00:56:52.310 Řídicí panel je zde. 00:56:52.310 --> 00:56:54.450 Můžeme přejít podívejte se jen na je můj řídicího panelu. 00:56:54.450 --> 00:56:57.279 Pokud nám budete čekat žádné připojení například pomocí Web Sockets 00:56:57.279 --> 00:56:58.254 Pokud je podporován, nebo 00:56:58.254 --> 00:57:00.771 dotazování pomocí jeho assurity Pokud není podpora. 00:57:00.771 --> 00:57:03.400 K tomu používáme Socket.IO. 00:57:03.400 --> 00:57:05.130 Funguje téměř všude. 00:57:05.130 --> 00:57:06.045 Který pracuje na mé ledničky. 00:57:06.045 --> 00:57:10.750 [NESMĚJEME] Takže, zde jsou ukázky speciálně pro 00:57:10.750 --> 00:57:13.990 a Chci zobrazit tuto ukázku. 00:57:13.990 --> 00:57:15.620 Pojďme otevřít zde. 00:57:15.620 --> 00:57:17.840 A mám tento jeden. 00:57:17.840 --> 00:57:23.470 Takže můžeme zavést zachovat 3D také podporují vnitřní okraj. 00:57:23.470 --> 00:57:26.600 Tak máme klínu, provádíme Tento druh skutečně zajímavé položky. 00:57:26.600 --> 00:57:31.690 Pokouším se reprodukovat, jaké jsme Nyní jste na mé XBMC media player. 00:57:31.690 --> 00:57:34.050 To je poměrně zajímavé a Pokud pro něj není k dispozici zachovat. 00:57:34.050 --> 00:57:38.820 Tak to je pouze ukázku I Chcete dát, protože co. 00:57:40.350 --> 00:57:41.092 Pospěšte si lze provést. 00:57:41.092 --> 00:57:43.390 Tato ukázka není funkční. na konkrétní zařízení. 00:57:43.390 --> 00:57:46.230 Není snadné zjistit Pokud používám telefon, 00:57:46.230 --> 00:57:47.890 Nevím, proč který nefunguje. 00:57:47.890 --> 00:57:52.928 To, co můžete udělat, je stačí přidat do mých 00:57:52.928 --> 00:58:01.520 Kód odkazu zde na http://localhost. 00:58:01.520 --> 00:58:03.550 Takže Můj server běží na tuto adresu URL. 00:58:03.550 --> 00:58:05.460 A chci jen vorlon.js. 00:58:05.460 --> 00:58:06.280 To je vše. 00:58:06.280 --> 00:58:07.920 Nepotřebujete žádné další. 00:58:07.920 --> 00:58:09.380 Crap. 00:58:09.380 --> 00:58:12.530 Nepotřebujete žádné další. 00:58:12.530 --> 00:58:13.100 Zvuk dobrý. 00:58:13.100 --> 00:58:14.470 >> Je třeba zadali správně. 00:58:14.470 --> 00:58:16.240 >> Ano, a Nejsem rozhodně že, vpravo? 00:58:16.240 --> 00:58:20.610 >> Toto je nejobtížnější část jsme přesto zkuste, které vám pomohou vyřešit. 00:58:20.610 --> 00:58:22.658 >> [NESMĚJEME] zvuky, například, o žádné it's není dobré, 00:58:22.658 --> 00:58:25.750 vzhledem k tomu, že Ano, zapomněl tuto Děkujeme vám. 00:58:25.750 --> 00:58:27.200 Může být dlouhý pro mě. 00:58:28.860 --> 00:58:33.490 A následně opět zde I 'm překládky xxyy této stránky v pořádku? 00:58:36.520 --> 00:58:38.019 >> A přejít na tento web. 00:58:39.170 --> 00:58:41.200 >> Jsem na něco zapomněl, ale Manuální kontrolu toho, že zde. 00:58:43.190 --> 00:58:46.430 A tak Práci na analytický nástroj uživatelského rozhraní, 00:58:46.430 --> 00:58:49.370 takže příště prosím zvažte iPhone položky zde. 00:58:49.370 --> 00:58:52.338 Právě pokouším analyzovat uživatele řetězec odeslaný klientem, 00:58:52.338 --> 00:58:54.890 Chci říci, přece se zařízením iPhone či něčem podobném. 00:58:54.890 --> 00:58:55.540 Právě pracuji na tomto. 00:58:55.540 --> 00:58:58.540 Proto zde pouhým klepnutím na můj klient 00:58:58.540 --> 00:58:59.770 Vidím že I jste Moje [INAUDIBLE]. 00:58:59.770 --> 00:59:03.840 Takže tento klient může být na některém zařízení, které můžete získat přístup serveru. 00:59:03.840 --> 00:59:05.650 Ano, pokud chcete použít veřejně, 00:59:05.650 --> 00:59:08.700 stačí mít, umístit na libovolné Server na Azure či něčem podobném. 00:59:08.700 --> 00:59:13.390 Bude pracovat a uvidíte, že budete mít právě zde. 00:59:13.390 --> 00:59:16.700 Samozřejmě můžete klepnout na libovolné prvek, který chcete zobrazit, o Ano v pořádku 00:59:16.700 --> 00:59:20.330 Vidím, že při použití této položky. 00:59:20.330 --> 00:59:25.410 Například, výběrem Manuální najít například v grafickém uživatelském rozhraní. 00:59:25.410 --> 00:59:29.700 Potom může mít červený obdélník kolem vybraného zboží, 00:59:29.700 --> 00:59:32.520 víte, kde jsou a co pracujete. 00:59:32.520 --> 00:59:34.460 A máte také konzolu zde. 00:59:34.460 --> 00:59:37.260 Konzole je skutečně důležité. vzhledem k tomu, je-li něco 00:59:37.260 --> 00:59:41.100 selhání zařízení, bude Některé zprávy odešlete na konzole. 00:59:41.100 --> 00:59:43.190 Odeslat všechny konzole zprávy 00:59:43.190 --> 00:59:44.150 zpět do řídicího panelu. 00:59:44.150 --> 00:59:45.900 Takže víte, co se děje. 00:59:45.900 --> 00:59:49.865 Vy jste chtěli ukázat rovněž ferb plug-in zde. 00:59:49.865 --> 00:59:53.428 Používáme na modernizer znát všechny funkce zařízení 00:59:53.428 --> 00:59:55.550 Možnosti zařízení. 00:59:55.550 --> 00:59:58.250 Odeslat, který tak zpět do řídicího panelu Dobrá, můžete zpozorovat 00:59:58.250 --> 01:00:01.740 výslovností určitých zařízení je například podpora 01:00:01.740 --> 01:00:04.180 CSS transformace 3D nebo Zachovat 3D nebo cokoliv. 01:00:04.180 --> 01:00:06.720 Máme zde v seznamu a 01:00:06.720 --> 01:00:10.300 Jsem poměrně radostí vyplývá, že je na okraji DreamWeaver. 01:00:10.300 --> 01:00:10.880 To je zajímavé. 01:00:10.880 --> 01:00:13.789 O Ne, jsme nejsou podporovány Databáze SQL, ale nevadí. 01:00:13.789 --> 01:00:17.860 To je starý. 01:00:17.860 --> 01:00:21.340 Můžete také zde horký vzduch nebo cokoliv, co přidáte. 01:00:21.340 --> 01:00:25.050 Stačí říci, že má být proveden Zde něco v mé konzoly a 01:00:25.050 --> 01:00:26.890 to bude spuštěn v klientském počítači. 01:00:26.890 --> 01:00:29.230 Tak můžete řídit Tento typ položky. 01:00:29.230 --> 01:00:30.190 Můžete provést. 01:00:30.190 --> 01:00:30.910 Je to zdarma. 01:00:30.910 --> 01:00:33.960 Použijte u všech váš krok ladění a 01:00:33.960 --> 01:00:37.160 jsme otevřené pro všechny příspěvky >> Je otevřít zdroj. 01:00:37.160 --> 01:00:40.470 >> Ano. Potom přidáme zvukové moduly plug-in pro web 01:00:40.470 --> 01:00:47.700 aby bylo možné zobrazit uzel a Chcete-li zobrazit vlastní uzel webové audio položky. 01:00:47.700 --> 01:00:50.880 Jsme přesvědčeni o připojení i v režimu ladění. 01:00:50.880 --> 01:00:52.920 Tak, jako je například psaní na Firefox OS. 01:00:52.920 --> 01:00:56.230 Není ladicí port kde jsme můžete připojit vědět, kde jsme v 01:00:56.230 --> 01:00:59.680 kód a pravděpodobně některé v budoucnu možná místo přerušení. 01:00:59.680 --> 01:01:02.270 Ano, má skutečně Otevřete infrastruktury. 01:01:02.270 --> 01:01:02.850 Je skutečně na 01:01:02.850 --> 01:01:05.730 úplné protože většinu času při jsme pracujete s mobilními zařízeními 01:01:05.730 --> 01:01:09.890 kód aplikace, nic To je skutečně obtížné vyvinout. 01:01:09.890 --> 01:01:12.010 To poskytuje velmi první ad kit. 01:01:13.880 --> 01:01:15.520 Děkujeme vám, že jste vše došlo. 01:01:15.520 --> 01:01:16.428 Oceňuji skutečně je. 01:01:16.428 --> 01:01:23.810 >> [POTLESK] >> Nezapomeňte vyhodnotit. 01:01:23.810 --> 01:01:25.317 >> Děkujeme vám děkujeme. 01:01:25.317 --> 01:01:28.330 [ZAHRANIČNÍ]