По вёрстке
1. Скачать прикреплённый архив с картинками к следующему занятию, где мы будем делать слайдер;
2. Свёрстанные и запрограммированные табы на занятии стилизовать под макет. Взять все необходимые стили из макета.
Тексты для вкладок:
Программа путешествия
1. День
Сидней – долина Хантер, 247 км
14:30 — Получаем автомобиль и отправляемся из Сиднея на север через мост Harbour Bridge и по шоссе Pacific Highway через города Госфорд (Gosford) и Ньюкасл (Newcastle).
Ньюкасл – это шестой по величине город Австралии.
19:00 — Покидаем Ньюкасл и продолжаем путь через городок Мейтленд (Maitland) до виноградной долины Хантер (Hunter Valley), где представится прекрасная возможность продегустировать и приобрести одни из лучших вин в Австралии, а также познакомиться с творениями искусства и кулинарии.
22:00 — Размещение в отеле Leisure Inn Pokolbin (номер категории Studio; без завтрака).
День
Долина Хантер – Порт Стивенс, 161 км
14:30 — Выезжаем из долины Хантер и отправляемся на северо-восток к Порту Стивенс.
Порт Стивенс — это естественный залив, в 2,5 раза превышающий по размерам Сиднейскую Бухту и практически окружённый двумя спящими вулканами.
Здесь нас ожидают восхитительные морепродукты и 26 золотых песчаных пляжей, а также представится прекрасная возможность увидеть дельфинов-афалин во время дневного круиза
22:00 — Размещение в отеле Ramada Resort by Wyndham Shoal Bay 4 (номер категории Standard; с одной спальней, вид на море).
День
Порт Стивенс – Кофс-Харбор, 335 км
14:30 — Покидаем Порт Стивенс и продолжаем путь на север до городка Буладела, который является воротами в Национальный парк "Майолл Лейкс".
16:40 — Следуем на север по дороге Lakes Way — живописному маршруту, который ведет через тропический лес с панорамными видами на лесные озера и океанское побережье. Позже пересекаем долину Маннинг и городок Тари, чтобы добраться до Порта-Маквери.
18:00 — Продолжаем путь до городка Кофс-Харбор, где начинается субтропическое северное побережье Нового Южного Уэльса. Здесь мы сможем посетить парк развлечений Big Banana, расположенный на банановой плантации и являющийся одной из главных достопримечательностей Кофс-Харбора (парк работает ежедневно).
22:00 — Размещение в отеле Best Western Zebra Motel 3 (номер категории Standard; стандартный номер).
День
Кофс-Харбор – Байрон-Бей, 238 км
14:30 — От Кофс-Харбора шоссе отправляемся вдоль побережья до городка Вулгугла, а затем поворачиваем в сторону.
Графтона – изящный старинный город на берегу могучей и полноводной реки Кларенс.
18:00 — От Графтона продолжаем путь до Вудберна и Баллины, а затем ещё 38 километров до города Байрон-Бей, который привлекает сёрферов своим пляжем Wategos Beach на мысе Байрон.
22:00 — Размещение на 2 ночи в отеле The Lord Byron Resort 3 (номер категории Standard; делюкс номер).
5. День
Байрон-Бей
Свободный день в Байрон-Бей. Посетим местные рестораны и кафе, возьмем урок сёрфинга или просто отдохнем на пляже.
6. День
Байрон-Бей – Брисбен (165 или 180 км)
12:30 — Выезжаем из Байрон-Бей, отправляемся по маршруту Pacific Motorway – короткой и прямой дороги до Брисбена.
По программированию
1. По нажатию на вкладку менять цвет вкладки на синий, а у всех остальных должен быть чёрный. Цвета взять из макета.
2. Решить задачи по javascript. Задачи после решения можно закомментировать чтобы они не мешали друг другу при решении других задач и выводе в консоль.
Задачи по Javascript на массивы и циклы
1. Дан массив с элементами 3, 4, 8, 12, 1, 7, 9.
С помощью цикла for и оператора if выведите в консоль элементы массива, которые больше 3-х, но меньше 10.
2. Дан массив с элементами 1, 8, 2, 5, 11, 9, 4, 13, 4, 14.
С помощью цикла for и оператора if проверьте есть ли в массиве элемент со значением, равным 4. Если есть - выведите в консоль сообщение: 'Есть совпадение!' и выйдите из цикла. Если нет, то ничего делать не нужно.
3. Дан массив со строками '12', '65', '33', '50', '225', '80'. Выведите в консоль только те строки из массива, которые начинаются на цифру 1, 2 или 3.
4. Дан массив с числами 14, 3, 55, 12, 6. Необходимо добавить в конец массива числа 10, 15 и 4 и вывести в консоль.
5. Дан массив с числами 5, 29, 33, 41, 7, 36, 4. Добавьте в начало массива числа 22, 3, 11. Из получившегося массива удалите число 41и выведите результат в консоль.
6. Дан массив с числами 55, 12, 33, 7, 14, 21. Преобразовать массив в строку двумя различными методами и вывести оба результата в консоль.
7. Дано 2 массива:
fructs [‘Бананы’, ‘Яблоки’, ‘Груши’, ‘Апельсины’, ‘Мандарины’]
vegetables [‘Carrot’, ‘Tomato’, ‘Cucumber’, ‘Pepper’, ‘Potato’]
Объедините оба массива в один. Циклом forEach выведите в консоль сообщение «Я люблю бананы» и вместо слова «бананы» выведите каждое значение массива.
8. Преобразовать строку ‘1’, ‘6’, ‘9’, ‘7’, ‘2’ в массив и вывести в консоль.
9. Дан массив с числами 3, -2, 4, 17, -5, 1, 12. Найдите сумму положительных элементов этого массива и выведите в конколь.
10. Дан массив [5, 1, 3, 8, 7]. Отсортируйте его и выведите в консоль.
Шпаргалка по всем методам массивов:
- Для добавления/удаления элементов:
- push (...items) – добавляет элементы в конец,
- pop() – извлекает элемент с конца,
- shift() – извлекает элемент с начала,
- unshift(...items) – добавляет элементы в начало.
- splice(pos, deleteCount,...items) – начиная с индекса pos, удаляет deleteCount элементов и вставляет items.
- slice(start, end) – создаёт новый массив, копируя в него элементы с позиции start до end (не включая end).
- concat(...items) – возвращает новый массив: копирует все члены текущего массива и добавляет к нему items. Если какой-то из items является массивом, тогда берутся его элементы.
- Для поиска среди элементов:
- indexOf/lastIndexOf(item, pos) – ищет item, начиная с позиции pos, и возвращает его индекс или -1, если ничего не найдено.
- includes(value) – возвращает true, если в массиве имеется элемент value, в противном случае false.
- find/filter(func) – фильтрует элементы через функцию и отдаёт первое/все значения, при прохождении которых через функцию возвращается true.
- findIndex похож на find, но возвращает индекс вместо значения.
- Для перебора элементов:
- forEach(func) – вызывает func для каждого элемента. Ничего не возвращает.
- Для преобразования массива:
- map(func) – создаёт новый массив из результатов вызова func для каждого элемента.
- sort(func) – сортирует массив «на месте», а потом возвращает его.
- reverse() – «на месте» меняет порядок следования элементов на противоположный и возвращает изменённый массив.
- split/join – преобразует строку в массив и обратно.
- reduce(func, initial) – вычисляет одно значение на основе всего массива, вызывая func для каждого элемента и передавая промежуточный результат между вызовами.
- Дополнительно:
- Array.isArray(arr) проверяет, является ли arr массивом.
Обратите внимание, что методы sort, reverse и splice изменяют исходный массив.
Изученных нами методов достаточно в 99% случаев, но существуют и другие.
- arr.some(fn)/arr.every(fn) проверяет массив.
Функция fn вызывается для каждого элемента массива аналогично map. Если какие-либо/все результаты вызовов являются true, то метод возвращает true, иначе false.
- arr.fill(value, start, end) – заполняет массив повторяющимися value, начиная с индекса start до end.
- arr.copyWithin(target, start, end) – копирует свои элементы, начиная со start и заканчивая end, в собственную позицию target (перезаписывает существующие).