Перейти к основному содержанию
LMS "Хекслет колледж"
09.02.07 ОФ - ОП.04 Основы алгоритмизации и программирования - Чуксин Д.С.
0%
Previous
Course data
Общее
Объявления от преподавателя
Самостоятельные работы
Практическое задание. Таблица
Тема 1. Основы современной верстки
Лекция 1. Введение: место дисциплины в структуре основной профессиональной образовательной программы; цели и задачи дисциплины; практико-ориентированность предмета; требования к промежуточной аттестации
Лекция 2. Введение в HTML, блочная модель
Практическая работа 1. Семантический HTML, базовая структура HTML документа
Лекция 3. Chrome DevTools: применение Chrome DevTools. вкладка Elements. вкладка Styles, вкладка Computed
Практическая работа 2. Основы CSS, каскадность в CSS
Практическая работа 3. Chrome DevTools, редакторы кода
Лекция 5. Плагин Emmet. Публикация в интернете
Практическая работа 4. Emmet, публикация в интернете
Лекция 4. Редакторы кода: Visual Studio Code, установка и основные функции, другие редакторы
Лекция 6. Графические редакторы: основные редакторы и их установка, работа с макетом, основные элементы макета
Практическая работа 5. Графические редакторы
Самостоятельная работа 1. Работа «Базовая структура HTML документа»
Самостоятельная работа 2. Работа «Основы CSS»
Самостоятельная работа 3. Работа «Каскадность в CSS»
Самостоятельная работа 4. Работа «Chrome DevTools»
Самостоятельная работа 5. Работа «Emmet»
Практическое задание 1. Настройка окружения (КТ)
Практическое задание. Карточки профилей
Практическое задание. Форма регистрации
Тема 2. Основы верстки контента
Лекция 1. Блочная модель и CSS, стили текста
Практическая работа 1. Колонки, единицы измерения
Лекция 2. Шрифты и работа с ними, списки
Практическая работа 2. Медиаэлементы, таблицы
Лекция 3. Работа с сеткой и вёрстка
Практическая работа 3. Работа с облачным репозиторием
Лекция 4. Работа с изображениями, медиаэлементами, таблицами
Практическая работа 4. Формы, селекторы
Лекция 5. Другие элементы вёрстки: формы, селекторы, псевдоклассы и псевдоэлементы. Понятие переполнения
Практическая работа 5. Псевдоклассы, псевдоэлементы
Лекция 6. CSS Variables. Фон и градиенты
Практическая работа 6. Переполнение
Практическая работа 7. CSS Переменные
Практическая работа 8. Фон
Практическая работа 9. Градиенты
Работа «Сонет Шекспира». Самостоятельная работа 1.
Работа «Календарь». Самостоятельная работа 2.
Работа «Терминал». Самостоятельная работа 3.
Работа «Калькулятор». Самостоятельная работа 4.
Работа «Вкладки». Самостоятельная работа 5.
Тема 3. CSS: Теоретическое обучение
Абсолютное позиционирование. Связь относительного и абсолютного позиционирования
Фиксированное позиционирование
Плавающие элементы, наложение элементов
Работа по верстке
Работа «Позиционирование модального окна»
Работа «Выпадающее меню»
Работа «Timeline»
Работа «Стилизация checkbox»
Тема 3. CSS: Основы Flex
Лекция 1. Что такое Flex? Концепция и сценарии использования. Флекс-контейнер. Перенос элементов в контейнере. Выравнивание элементов по главной оси. Выравнивание элементов по поперечной оси. Свойства Flex-элементов. Гибкость. Flex-grow.
Лекция 2. Флекс-контейнер и его применение. Перенос элементов в контейнере
Лекция 3. Работа с переносом элементов в контейнере. Flex-wrap
Лекция 4. Работа с элементами на странице: выравнивание элементов по главной оси, выравнивание элементов по поперечной оси
Лекция 5. Базовые свойства Flex-элементов
Лекция 6. Другие свойства Flex-элементов
Тема 4.Основы командной строки
Лекция 1. Операционные системы и применение командной строки
Лекция 2. Командная строка и интерфейс командной строки
Лекция 3. Файловая структура. Перемещаемся по файловой системе. Чтение файлов
Лекция 4. Продвинутая работа с файлами: Grep, редактирование файлов. Манипулирование файловой структурой. Переменные окружения. История. Пользователи и группы
Лекция 5. Работа с программами: Sudo, права доступа, пакетный менеджер, выполнение программ
Тема 5. Введение в Git
Лекция 1. Что такое Git. Рабочий процесс в Git
Лекция 2. Интеграция с GitHub
Лекция 3. Репозиторий. Статус репозитория
Лекция 4. Внесение изменений: анализ сделанных изменений, история изменений, отмена изменений
Лекция 5. Коммиты. Отмена коммитов. Изменение последнего коммита. Индекс
Лекция 6. Работа с историей изменений
Лекция 7. Структура git. Ветки и работа с ними. Добавление файлов в репозиторий
Лекция 8. Что такое «открытый проект»? Клонирование. Запрос на включение изменений кода. Исправления прямо на GitHub
Тема 7. CSS: Адаптивность сайта
Лекция 1. Адаптивность сайта. Критерии адаптивности. Проверка адаптивности сайта. Viewport. Гибкие элементы. Flex. Медиазапросы. Медиазапросы и другие устройства
Лекция 2. Viewport и применение тега
Лекция 3. Гибкие элементы и Flex
Лекция 4. Media Queries. Ориентация экрана/ Разрешение экрана/ Логические операторы/ Использование медиазапросов при подключении CSS. Медиазапросы и другие устройства
Тема 8. CSS: Вёрстка на Grid
Лекция 1. Словарь верстальщика. Понятия сеток и их составлящие в CSS Grid Layout Вёрстка на Grid Первая сетка. Расположение элементов в сетке. Работа с сеткой. Неявная сетка. Позиционирование и Grid
Лекция 2. Первая сетка: CSS Grid Layout и создание сеток
Лекция 3. Расположение элементов в сетке: ключевое слово span, именование линий, создание именованных Grid-областей
Лекция 4. Работа с сеткой: отступы между полосами, выравнивание полос сетки
Лекция 5. Неявная сетка: отличия явной и неявной сетки, свойства grid-auto-rows и grid-auto-columns
Лекция 6. Позиционирование и Grid.: относительное позиционирование, абсолютное позиционирование, абсолютное позиционирование и неявные треки Z-index
Тема 9. SASS: Основы работы
Лекция 1. Установка препроцессора SASS
Лекция 2. Расширение CSS
Лекция 3. Шаблонные селекторы. Директива extend
Лекция 4. Работа с переменными
Лекция 5. Использование миксинов в SASS
Тема 10. SASS: Программирование
Лекция 1. SASS — область применения. Миксины как функции
Лекция 2. Типы данных: числа в SASS, булевый тип, строки, проверка типа
Лекция 3. Функции и условные конструкции
Лекция 4. Сложные типы данных: списки, ассоциативные массивы
Лекция 5. Циклы: for, each, while
Тема 11. CSS: Transform (трансформация объектов)
Лекция 1. Понятие трансформации. 2D трансформации
Лекция 2. Перемещение 2D трансформации
Лекция 3. Вращение 2D трансформации
Лекция 4. Масштабирование трансформации
Лекция 5. Наклон 3D трансформации
Лекция 6. Основы 3D трансформации: трёхмерность, перспектива, точка зрения
Лекция 7. 3D трансформация. Функции
Тема 12. HTML: Препроцессор Pug
Лекция 1. Установка препроцессора Pug
Лекция 2. Теги и контент: вложенность тегов, атрибуты, интерполяция тегов, пробельные символы
Лекция 3. Подключение файлов и использование дополнительных модулей
Лекция 4. JavaScript: небуферизованный код, интерполяция переменных и выражений, буферизованный код
Лекция 5. Условные конструкции. Циклы
Лекция 6. Миксин
Тема 13. Bootstrap 5: Основы верстки
Лекция 1. Почему Bootstrap. Установка Bootstrap
Лекция 2. Концепция сеток в Bootstrap и принципы адаптивности в Bootstrap
Лекция 3. Принципы работы с текстом в Bootstrap
Лекция 4. Компоненты в Bootstrap. Что такое утилиты и как их использовать
Лекция 5. Bootstrap Icons: подключение и использование иконок на странице
Тема 14. Gulp
Лекция 1. Установка. Gulpfile. Базовые функции Gulp
Лекция 2. Gulpfile
Лекция 3. Базовые функции Gulp
Лекция 4. Отслеживание файлов и функция watch()
Лекция 5. Сторонние пакеты: Sass, Pug, Browser Sync
Тема 15. Bootstrap 5: Продвинутый уровень
Лекция 1. Установка
Лекция 2. Создание пользовательского компонента
Лекция 3. Создание пользовательских утилит
Лекция 4. Цветовые схемы Bootstrap
Лекция 5. Темная и светлая тема
Лекция 6. Оптимизация проекта
Тема 16. Основы JavaScript
Лекция 1. Написание первой программы Hello, World!. Инструкции: азы построения программ на JavaScript
Лекция 2. Арифметические операции: операторы, коммутативная операция, композиция операций, приоритет операций
Лекция 3. Ошибки оформления (синтаксиса и линтера). Строки. Переменные
Лекция 4. Выражения в определениях. Именование. Интерполяция. Извлечение символов из строки
Лекция 5. Типы данных. Неизменяемость и примитивные типы
Лекция 6. Функции и их вызов. Сигнатура функции. Вызов функции — выражение. Функции с переменным числом параметров. Детерминированность
Лекция 7. Стандартная библиотека. Свойства и методы
Лекция 8. Определение функций. Возврат значений. Параметры функций. Необязательные параметры функций. Упрощенный синтаксис функций
Лекция 9. Логика. Логические операторы. Результат логических операций
Лекция 10. Условные конструкции. Тернарный оператор. Конструкция Switch. Цикл while, цикл for
Лекция 11. Агрегация данных. Обход строк в цикле. Условия внутри тела цикла. Инкремент и декремент/ Модули
Тема 17. JS: Настройка окружения
Лекция 1. Введение. Что такое JS? Особенности языка
Лекция 2. Установка JavaScript. NPM
Лекция 3. Учимся создавать проекты и пакеты в JavaScript-экосистеме
Лекция 4. Работа с зависимостями: понятие «зависимость» и ее использование, Lock-файл
Лекция 5. Программы JS
Перезачёты
Next
LMS "Хекслет колледж"
Боковая панель
Categories
All categories
Категория 1
2025-2026 учебный год
2 диплом
09.02.06. Сетевое и системное администрирование
Очная форма
1 курс
2 курс
Очно - заочная форма
1 курс
2 курс
3 курс
Дистант
1 курс
09.02.07 Информационные системы и программирование
Очная форма
1 курс
2 курс
3 курс
Очно - заочная форма
1 курс
2 курс
3 курс
4 курс
Дистант
1 курс
2 курс
3 курс
42.02.01 Реклама
Очная форма
1 курс
2 курс
Очно - заочная форма
2 курс
Дистант
1 курс
54.02.01 Дизайн (по отраслям)
Очная форма
1 курс
2 курс
Очно - заочная форма
1 курс
2 курс
Дистант
1 курс
2 курс
Общеобразовательная подготовка
Асинхронные курсы
Дополнительная сессия (лето)
Доп. сессия СИСА ОЗ
1 курс
2 курс
Доп. сессия Дизайн ОЗ
Доп. сессия Реклама ОЗ
Доп. сессия ИСиП ОЗ
1 курс
2 курс
3 курс
Доп. сессия очное (асинхрон.)
Доп. сессия Общеобразовательная подготовка
Доп. сессия (очная форма обучения)
Дополнительная сессия (ноябрь-декабрь)
Доп. сессия ИСИП
1 курс
Очная и дистанционная форма
Очно-заочная форма
2 курс
Очная и дистанционная форма
Очно-заочная форма
3 курс
Очно-заочная форма
Доп. сессия СИСА
1 курс
Очная и дистанционная форма
Очно-заочная форма
2 курс
Очная и дистанционная форма
Очно-заочная форма
3 курс
Очно-заочная форма
Доп. сессия Дизайн
1 курс
Очная и дистанционная форма
Очно-заочная форма
2 курс
Очная и дистанционная форма
Очно-заочная форма
Доп. сессия Реклама
1 курс
Очная и дистанционная форма
Очно-заочная форма
2 курс
Очная и дистанционная форма
Очно-заочная форма
Школа
Подготовка к чемпионату "Профессионалы 2026"
Курсы для школьников
Моя первая профессия
Внеурочная активность
09.01.03. Оператор информационных систем и ресурсов
2024/2025 учебный год
54.02.01 Дизайн (по отраслям)
Очная форма
Хекслет Казахстан
2025-2026 учебный год
09.02.09 Веб-разработка
Дополнительная сессия (ноябрь 2025)
В начало
Reports & Analytics Free
Русский (ru)
Русский (ru)
English (en)
Вход
LMS "Хекслет колледж"
Categories
Свернуть
Развернуть
All categories
Категория 1
2025-2026 учебный год
2 диплом
09.02.06. Сетевое и системное администрирование
Очная форма
1 курс
2 курс
Очно - заочная форма
1 курс
2 курс
3 курс
Дистант
1 курс
09.02.07 Информационные системы и программирование
Очная форма
1 курс
2 курс
3 курс
Очно - заочная форма
1 курс
2 курс
3 курс
4 курс
Дистант
1 курс
2 курс
3 курс
42.02.01 Реклама
Очная форма
1 курс
2 курс
Очно - заочная форма
2 курс
Дистант
1 курс
54.02.01 Дизайн (по отраслям)
Очная форма
1 курс
2 курс
Очно - заочная форма
1 курс
2 курс
Дистант
1 курс
2 курс
Общеобразовательная подготовка
Асинхронные курсы
Дополнительная сессия (лето)
Доп. сессия СИСА ОЗ
1 курс
2 курс
Доп. сессия Дизайн ОЗ
Доп. сессия Реклама ОЗ
Доп. сессия ИСиП ОЗ
1 курс
2 курс
3 курс
Доп. сессия очное (асинхрон.)
Доп. сессия Общеобразовательная подготовка
Доп. сессия (очная форма обучения)
Дополнительная сессия (ноябрь-декабрь)
Доп. сессия ИСИП
1 курс
Очная и дистанционная форма
Очно-заочная форма
2 курс
Очная и дистанционная форма
Очно-заочная форма
3 курс
Очно-заочная форма
Доп. сессия СИСА
1 курс
Очная и дистанционная форма
Очно-заочная форма
2 курс
Очная и дистанционная форма
Очно-заочная форма
3 курс
Очно-заочная форма
Доп. сессия Дизайн
1 курс
Очная и дистанционная форма
Очно-заочная форма
2 курс
Очная и дистанционная форма
Очно-заочная форма
Доп. сессия Реклама
1 курс
Очная и дистанционная форма
Очно-заочная форма
2 курс
Очная и дистанционная форма
Очно-заочная форма
Школа
Подготовка к чемпионату "Профессионалы 2026"
Курсы для школьников
Моя первая профессия
Внеурочная активность
09.01.03. Оператор информационных систем и ресурсов
2024/2025 учебный год
54.02.01 Дизайн (по отраслям)
Очная форма
Хекслет Казахстан
2025-2026 учебный год
09.02.09 Веб-разработка
Дополнительная сессия (ноябрь 2025)
В начало
Reports & Analytics Free
Информация о курсе
09.02.07 ОФ - ОП.04 Основы алгоритмизации и программирования - Чуксин Д.С.
Учитель:
Чуксин Данил Сергеевич
Skill Level
:
Beginner
