<- Назад к ИДМ-17-02

Лабораторная работа №1

ЭКОСИСТЕМА РАЗРАБОТКИ ПРОГРАММ С ОТКРЫТЫМ КОДОМ

Создание персональной страницы-отчета на GitHub и работа с git.

Задачи:
  1. Зарегистрироваться на GitHub. Страница пользователя
  2. Создать персональную веб страницу-отчет с использованием html, css, js. Персональная страница-отчет. Исходный код на index.html, style.css и demo.js.
  3. Загрузить персональную веб страницу-отчет в репозиторий ИДМ-17 по курсу "Интернет-технологии" на GitHub. Папка с исходными кодами в репозитории.

Лабораторная работа №2

РАЗРАБОТКА ПРОСТОГО ВЕБ-ПРИЛОЖЕНИЯ

Проектирование и разработка коллективного веб-приложения (SPA) с использованием HTML, CSS, JavaScript + JSON.

Открыть приложение (Клеточный автомат)

Требования к приложению:
  1. Приложение должно представлять из себя клеточный автомат, вариацию игры "Жизнь", но с несколькими видами клеток, каждый со своими уникальными правилами.
  2. Приложение должно обеспечивать динамическую загрузку файлов конфигураций в формате JSON с помощью асинхронных запросов в серверу.
  3. Приложение должно быть локализовано на русский и бирманский (мьянманский) языки.
Задачи:
  1. Собрать команду для разработки веб-приложения (SPA) и распределить роли. Страница команды.
  2. Сделать разметку страницы по макету. Макет страницы. Исходный код на index.html.
  3. Прописать стили страницы. Исходный код на CSS.
  4. Прописать JavaScript-функционал и реализовать возможность чтения JSON/XML. Исходный код на JavaScript и JSON (конфигурации, переводы).

Лабораторная работа №3

НАСТРОЙКА ЛОКАЛЬНОЙ СЕТИ ПЕРЕДАЧИ ДАННЫХ

Настройка коммутаторов и маршрутизаторов

Простейшая сеть из двух компьютеров и коммутатора:

Настройка большой сети:

Диапозоны подсетей
СетьLAN ALAN BLAN C
Количество узлов10272107
Маска/21/24/28
Адрес подсети192.168.8.0172.16.10.010.10.10.0
Минимальный адрес192.168.8.1172.16.10.110.10.10.1
Максимальный адрес192.168.15.254172.16.10.25410.10.10.14
Broadcast192.168.15.255172.16.10.25510.10.10.15
Адреса устройств
УстройствоIPМаскаШлюз по умолчанию
PC0192.168.15.254255.255.248.0192.168.8.1
PC1192.168.15.253255.255.248.0192.168.8.1
PC2172.16.10.254255.255.255.0172.16.10.1
PC3172.16.10.253255.255.255.0172.16.10.1
PC410.10.10.14255.255.255.24010.10.10.1
Router0 FE 0/015.15.10.1255.255.255.252–
Router0 FE 1/0192.168.8.1255.255.248.0–
Router0 FE 2/0172.16.10.1255.255.255.0–
Router1 FE 0/015.15.10.2255.255.255.252–
Router1 FE 1/010.10.10.1255.255.255.240–
Статическая маршрутизация
УстройствоСетьМаскаСледующий хоп
Router010.10.10.0255.255.255.24015.15.10.2
Router1192.168.8.0255.255.248.015.15.10.1
Router1172.16.10.0255.255.255.015.15.10.1

Подготовка в экзамену

Самооценка прохождения теста по инновациям - Неудовлетворительно.

Формулировка одного вопроса по теме "Интернет-технологии" в одной из форм, встречающихся в тесте (выбор одного, выбор многих, упорядочивание, соответствие)

Соотнесите селекторы CSS их описаниям:

Селектор CSSОписание селектора
1).m-itema) Выбрать элементы <*>
2) *b) Выбрать элементы <h1> и <h2>
3) #bodyc) Выбрать элемент с указанным идентификатором
4) buttond) Выбрать все элементы
5) ul > lie) Выбрать тело HTML-документа
6).imgf) Выбрать все элементы <img>
7)h1, h2g) Выбрать все кнопки
h) Выбрать все элементы с классом "img"
i) Выбрать элементы ненумерованного списка
j) Выбрать элементы <ul>, которые больше элементов <li>
k) Выбрать все элементы с классом "m-item"

Для формирования вопроса использовался крайне удобный справочный сайт w3schools. На странице приведены все селекторы CSS с примерами, однако выучить все селекторы можно после многолетней практики с их использованием, чего невозможно достичь в рамках курса. По этой причине были выбраны только основные селекторы, применения которых достаточно для стилизации современной интернет-страницы.

Правильный ответ: 1k, 2d, 3c, 4g, 5i, 6h, 7b.

Простое приложение на JavaScript

Простое приложение на JavaScript с использованием ThreeJS.