Практические работы по Web-технологиям

лаборатория обучения

Практические работы по Web-технологиям

12 февраля, 2023 урок 0

Здесь собраны основные практические задания и методические рекомендации по HTML+CSS и JS в рамках семинаров по веб-технологиям.

Автор: Алевтина Шаталовапреподаватель департамента машинного обучения и анализа больших данных Финансового университета при Правительстве РФ.

Лабораторные работы по HTML

Лабораторная 1. Веб-страницы (HTML + CSS)

Лабораторная 2. Селекторы CSS, Flexbox, Grid

Лабораторная 3. Анимация с помощью CSS

Лабораторная 4. Figma для разработчиков

Лабораторная 5. Работа с Sass

Лабораторная 6.0. Bootstrap — подготовка среды

Лабораторная 6.1. Bootstrap — навигация на сайте

Лабораторная 6.2. Bootstrap — основные компоненты

Лабораторная 7. Манипуляции с DOM и  Fetch API

Лабораторные работы по JS

Лабораторная 0. Подготовка среды

Лабораторная 1. Переменные, типы данных

Лабораторная 2. Оператор ветвления if, циклы do, while, for

Лабораторная 3. Массивы

Лабораторная 4. Методы объекта, конструкторы

Лабораторная 4_2 (дополнительно). Игра Black Jack

Лабораторная 5. Классы и функции

Лабораторная 6. Стрелочные функции

Лабораторная 7. Функции высшего порядка

Лабораторная 8. Тип данных Symbol. Конструкция switch

Лабораторная 9. Работа с формами

Методические материалы

Презентация «Основы CSS»

Практические задания для самостоятельной работы

Вопросы для зачета

Вставить формулу как
Блок
Строка
Дополнительные настройки
Цвет формулы
Цвет текста
#333333
Используйте LaTeX для набора формулы
Предпросмотр
\({}\)
Формула не набрана
Вставить