-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
121 lines (120 loc) · 9.64 KB
/
index.htm
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
<!DOCTYPE html>
<html lang="ru">
<head>
<title>testwork 4 yandex</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/css.css">
<script src="js/jquery.js"></script>
<!--[if lte IE 7]>
<link rel="stylesheet" href="css/ie7.css" type="text/css">
<![endif]-->
</head>
<body>
<div id="wraper">
<article>
<h1>Тестовое задание для Яндекса</h1>
<nav>
<ol class="main_menu" start="0">
<li><a href="#state0">Личная информация</a></li>
<li><a href="#state1">Инструменты</a></li>
<li><a href="#state2">Клик на yandex.ru</a></li>
<li><a href="#state3">Автосалон</a></li>
<li><a href="#state4">Поиск файлов</a></li>
<li><a href="#state5">Bash, Python и Perl</a></li>
<li><a href="#state6">Рассказ о темах разных</a></li>
</ol>
</nav>
<section id="state0">
<h2>Личная информация</h2>
<p>В данном разделе я, пожалуй воспользуюсь возможностью заменить контент на «рыбу», если конечно эту строчку можно таковой назвать.
</p>
</section>
<section id="state1">
<h2>Инструменты</h2>
<dl class="quest">
<dt>Вопрос</dt>
<dd>Перечислите известные вам инструменты и приёмы для отладки кода в разных браузерах.</dd>
</dl>
<dl>
<dt>Firefox</dt>
<dd>Плагин firebug. В новых версиях, конечно есть встренный отладчик верстки и кода, но фб как-то привычнее.</dd>
<dt>Chrome</dt>
<dd>Встроенная панель разработчика.</dd>
<dt>Opera</dt>
<dd>Встроенный отладчик</dd>
<dt>IE</dt>
<dd>Встроенный отладчик с версии 8, позволяющий откатить красоту страницы до 7й версии браузера. Для 6 версии мобильный фаербаг</dd>
<dt>Safary</dt>
<dd>Тоже самое что и для хрома, либо мобильный фаербаг. Однако в нем редки ошибки, если все работает во всех остальных.</dd>
</dl>
</section>
<section id="state2">
<h2>Клик на яндексе</h2>
<dl class="quest">
<dt>Вопрос</dt>
<dd>Опишите своими словами, что происходит в браузерах при клике на ссылку yandex.ru (полнота ответа — на ваше усмотрение).</dd>
</dl>
<p>Честно говоря, не вьехал, что тут нужно написать... Может такое прокатит?
</p>
<ul>
<li>Отправляется запрос на сервер</li>
<li>Грузится страница</li>
<li>Начинается рендер</li>
<li>Подключаются картинки</li>
<li>Подключаются стили</li>
<li>Подключаются еще картинки</li>
<li>Подключаются еще всякие скрипты, джейкверии и прочее...</li>
<li>По всей видимости, выполняются скрипты, навешиваются события на элементы...</li>
</ul>
</section>
<section id="state3">
<h2>Автосалон</h2>
<dl class="quest">
<dt>Вопрос</dt>
<dd>Предположим, что мы представляем автосалон по продаже японских и немецких автомобилей. У нас есть базовые классы и примеры их использования. Допишите недостающий <a href="js/auto_src.js">код</a>.</dd>
</dl>
<figure>
<code id="auto-js"></code>
<figcaption><a href="js/auto_edit.js">Полученный код</a></figcaption>
</figure>
<script src="js/auto_edit.js"></script>
</section>
<section id="state4">
<h2>Поиск файлов</h2>
<dl class="quest">
<dt>Вопрос</dt>
<dd>Найдите все текстовые файлы (*.txt), в имени которых содержится «yandex», а в содержимом — «школа разработки интерфейсов».</dd>
</dl>
<p>
Не силен пока в регулярках, но вроде как оно делается так:
<img src="img/find.jpg" alt="">
</p>
</section>
<section id="state5">
<h2>Bash, Python и Perl</h2>
<dl class="quest">
<dt>Вопрос</dt>
<dd>Дана программа, реализованная одновременно на Bash, Python и Perl. Программа принимает произвольное количество аргументов и печатает их количество. Нужно добавить опцию -v для verbose-режима, в котором дополнительно выводится значение каждого из аргументовю</dd>
</dl>
<p>Вы уверены, что это задание для фронт-енд девелоперов?
</p>
</section>
<section id="state6">
<h2>Рассказ о темах разных</h2>
<dl class="quest">
<dt>Вопрос</dt>
<dd>Расскажите, в каком объёме и при каких обстоятельствах вы изучали следующие темы: языки программирования (императивные/декларативные, разные системы типов), структуры (классы, структуры данных, примитивные типы), парадигмы (события, ООП, параллельность/асинхронность, кеширование), алгоритмы (парсинг, сортировка, поиск), паттерны.</dd>
</dl>
<h3>Языки программирования</h3>
<p>Первое знакомство с программированием случилось у меня в 5м классе, когда мать записала на «лего-курсы»: там мы писали код для самодельных роботов из лего (что-то вроде современного майндсторма, только с проводами через пульт к ком-порту). В следующем году я перезаписался на паскаль, потом на HTML в 7 классе... Тут даже немного затронули CSS, хоть на тот момент и были онли ИЕ4... Позже начал изучать различные свистелки на JScript, небольшие скриптики на AS - флеше (программирование мышкой).</p>
<p>По-серьезнее что-либо уже пошло, конечно в университете, когда появились хоть какие-то требования к коду, проектирование, ООП (шахматы там всякие и пр).</p>
<h3>Парадигмы (события, ООП, параллельность/асинхронность, кеширование)</h3>
<p>Более детально все эти вещи начал изучать уже на работе, в боевых, так сказать, условиях. Видать, в хороший коллектив попал, что все подсказывали, а не тыкали пальцем и не смеялись. Параллельность/асинхронность? Ну не знаю, попробовал на нескольких тестах, не увидил кардинальных преимуществ этих вещей, да и решил, что игра не стоит свеч, а результат труда. Показалось оправданным исключительно в случае долгоиграющих процессов, вроде ожидания от сервера ответа.</p>
<h3>Алгоритмы (парсинг, сортировка, поиск)</h3>
<p>Что касается сортировки, каждый преподаватель считал своим долгом провести лекцию «N основных методов сортировки», пузырьки там всякие... Какие-то минимальные знания после всего этого остались, но не используются, ведь есть "Array.sort(fn)". Парсинг тоже не частая задача для JS, с учетом обилия библиотек... Поиск, тоже на мой взгляд исключительно бэк-енд задача.</p>
</section>
</article>
</div>
<script src="js/js.js"></script>
</body>
</html>