-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (125 loc) · 5.02 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
<!DOCTYPE html>
<html lang="ru">
<head>
<title>Известия</title>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="shower/themes/ribbon/styles/screen-16x10.css">
</head>
<body class="shower list">
<header class="caption">
<h1>Известия</h1>
<p>
<script>
document.write(new Date(2017, 6, 6));
</script>
</p>
</header>
<section class="slide" id="cover">
<div>
<img src="pictures/6_july_news.png" alt="" class="cover" style="z-index: 1000">
</div>
</section>
<section class="slide">
<h2>
ES2017 пришёл
</h2>
<img src="pictures/nio-es8.jpg" width="450" style="float: right; margin: 0 -100px 0 30px;"/>
<ul>
<li>Async-функции</li>
<li>SharedArrayBuffer и Atomics для работы с потоками</li>
</ul>
<p>
<a target="_blank" href="https://www.ecma-international.org/ecma-262/8.0/index.html">Спецификация</a>
</p>
<p>
<a target="_blank" href="http://2ality.com/2016/02/ecmascript-2017.html">Что в итоге добавили-то</a>
</p>
</section>
<section class="slide">
<h2>
Добавили тайпскрипта в ваш бабель
</h2>
<img src="pictures/B+TS.png" width="65%"/>
<p>
<a target="_blank" href="https://github.com/babel/babylon/releases/tag/v7.0.0-beta.16">Посмотреть малоинформативную запись на гитхабе</a>
</p>
</section>
<section class="slide">
<h2>
pnpm v.1
</h2>
<p>Быстрый и заботящийся о вашем дисковом пространстве пакетный менеджер.</p>
<ul>
<li>Быстрее npm и Yarn <span style="font-size: 80%; color: #888">*но это не точно</span></li>
<li>Не копирует пакеты: использует жесткие ссылки (hard link)</li>
</ul>
<p>
<a target="_blank" href="https://pnpm.js.org/ru/">Продающий сайт</a>
</p>
</section>
<section class="slide">
<h2>
Реактивный полет 🚀
</h2>
<video width="500" style="float: right; margin: 15px -100px 0 30px;" autoplay loop>
<source src="pictures/react_flight.webm" type='video/webm;codecs="vp8, vorbis"'></source>
</video>
<p>Библиотека для анимации:</p>
<ul>
<li>Описание кадров вместо функций</li>
<li>Поддержка Redux</li>
</ul>
<p>
<a target="_blank" href="http://www.react-flight.io/">Продающий сайт с документацией</a>
</p>
</section>
<section class="slide">
<h2 style="position: relative">
На девайсах 1MB джаваскрипта парсится...
</h2>
<img src="pictures/parseTimes.jpg" width="700" style="margin-top: -50px"/>
</section>
<section class="slide">
<h2>
JS Nice
</h2>
<p>Деобфускация и базовое документирование JS-скрипта.</p>
<p>Вставляете непонятный код, сервис его анализирует и приводит в нормальный вид — добавляет отступы, пытается назвать переменные осмысленно в зависимости от контекста, добавляет комментарии с указанием переменных и их типов и т. д.</p>
<p>
<a target="_blank" href="http://jsnice.org/">Попробовать срочно</a>
</p>
</section>
<section class="slide">
<h2>Ссылки</h2>
<ul>
<li><a target="_blank" href="https://developers.google.com/web/updates/2017/06/headless-karma-mocha-chai">Тесты с Headless Chrome + Karma + Mocha + Chai от Google</a>
</li>
<li><a target="_blank" href="https://facebook.github.io/react/docs/accessibility.html">Гайд о доступности React-компонентов</a>
</li>
<li><a target="_blank" href="https://github.com/fabiandev/ts-runtime">Проверка типов TypeScript в рантайме</a>
</li>
<li><a target="_blank" href="http://www.thatjsdude.com/interview/js1.html">JS-алгоритмы: задачки и решения</a>
</li>
</ul>
</section>
<section class="slide">
<h2 class="">Авторы</h2>
<div>
Ирина Митрофанова
</div>
<div>
Михаил Шатихин
</div>
</section>
<!--
To hide progress bar from entire presentation
just remove “progress” element.
-->
<div class="progress"></div>
<script src="shower/shower.min.js"></script>
<!-- Copyright © 2015 Yours Truly, Famous Inc. -->
<!-- Photos by John Carey, fiftyfootshadows.net -->
</body>
</html>