Курс на Stepik
Обложка курса «Основы веб-программирования» на Stepik
Бесплатно

Основы веб-программирования ★ 4.000

Открыть на
STEPIK.ORG

Наш курс предоставляет уникальную возможность объединить медицинские знания с IT навыками. Изучите основы программирования на Python и JS, а также базовые запросы SQL. Создавайте потрясающие веб-приложения на фреймворке Django, визуализируйте данные с помощью Matplotlib, Plotly и Chart.js. Разрабатывайте медицинские виджеты и работайте с базами данных PostgreSQL и API. Овладейте навыками аутентификации, авторизации пользователей и адаптивного дизайна. Познайте машинное обучение с библиотеками Python.

Показатель Текущие показатели Рост
Значение 🏆 Рейтинг 3 дн 7 дн 30 дн
Количество учеников на курсе «Основы веб-программирования»Учеников на курсе 2 458
Сертификаты, выданные на курсе «Основы веб-программирования»Сертификатов выдано 0
Отзывы о курсе «Основы веб-программирования»Отзывов получено 6
Рейтинг курса «Основы веб-программирования»Рейтинг курса 4.000
Уроки в курсе «Основы веб-программирования»Количество уроков 250
Тесты в курсе «Основы веб-программирования»Количество квизов 572
Задачи с кодом в курсе «Основы веб-программирования»Количество задач с кодом 12
Время прохождения курса «Основы веб-программирования»Время прохождения курса —
Обновления курса «Основы веб-программирования»Обновления курса — —
Дата публикации курса «Основы веб-программирования»Дата публикации курса — ———
Последнее обновление курса «Основы веб-программирования»Последнее обновление — ———

Содержание курса

Разделы в курсе «Основы веб-программирования» 63 раздела Уроки в курсе «Основы веб-программирования» 250 уроков Тесты в курсе «Основы веб-программирования» 572 теста Задачи в курсе «Основы веб-программирования» 12 задач Время прохождения курса «Основы веб-программирования» 10 ч. Последнее обновление курса «Основы веб-программирования» обн. 1 год назад

Введение в алгоритмизацию и основы Python

6 уроков
1. Зачем это нужно ↗
2. Основные достоинства языка Python ↗
3. Основы алгоритмизации ↗
4. Установка Python ↗
5. Знакомство с Python ↗
6. Работа в IDE ↗

Основы Python: Переменные, Типы данных, Ввод/Вывод и Отладка

8 уроков
1. Понятие переменной. Оператор присваивания ↗
2. Ввод и вывод данных ↗
3. Основные типы данных: булевский тип, числа, строки ↗
4. Cписки, множества, словари, кортежи ↗
5. Строковые методы. Escape-последовательности ↗
6. Индексация и срезы последовательностей ↗
7. Файлы. Работа с файлами, файловый ввод и вывод ↗
8. Способы отладки ↗

Инструкции и циклы. Функции, классы, модули

8 уроков
1. Логические выражения. Условный оператор ↗
2. Исключения. Перехват исключений с помощью try и except ↗
3. Циклы while и for ↗
4. Обход последовательностей, методы списков, множеств и словарей ↗
5. Итераторы и оператор yield ↗
6. Функция. Вызов функции ↗
7. Модули и пакеты модулей ↗
8. Классы, конструктор класса, атрибуты, наследование ↗

Система контроля версий. Git и GitHub

5 уроков
1. Введение в GIT ↗
2. Основные команды Git и состояния файлов ↗
3. Ветвление и работа с ветками в Git ↗
4. Основы работы с GitHub ↗
5. Совместная работа и разрешение конфликтов в Git ↗

Основы веб-разработки с использованием VS Code и GitHub

2 урока
1. Основы веб-разработки: HTML, CSS ↗
2. Основные концепции веб-приложения. ↗

Работа с HTTP и запросы на сервере

2 урока
1. Основы протокола HTTP и методы запросов ↗
2. Обработка ошибок в HTTP ответе ↗

Создание простого веб-сервера с использованием Django

3 урока
1. Введение в фреймворк Django и развертка своего сервера ↗
2. Работа с GitHub: создание репозитория, коммиты, пулл-реквесты ↗
3. Связка локального и удаленного репозиториев ↗

Создание простого веб-сервера с использованием Django

1 урок
1. Создание простого веб-сервера с использованием Django ↗

Реализация системы мониторинга здоровья пациентов

3 урока
1. Создание системы для мониторинга здоровья пациентов ↗
2. Распознавание лица на Python ↗
3. Практическое использование мониторинга ↗

Визуализация данных

3 урока
1. Установка и настройка библиотеки Matplotlib для визуализации ↗
2. Создание статических графиков с помощью Matplotlib ↗
3. Применение визуализации данных в медицинских исследованиях ↗

Создание интерактивных графиков с помощью Plotly

2 урока
1. Изучение библиотеки Plotly для создания интерактивных графиков ↗
2. Создание интерактивных графических элементов на веб-странице ↗

Визуализация данных на веб-странице с помощью Chart.js

2 урока
1. Интеграция библиотеки Chart.js с веб-приложением ↗
2. Создание интерактивных графиков на веб-странице ↗

Разработка виджетов для медицинских приложений

2 урока
1. Знакомство с библиотекой Pandas для работы с данными ↗
2. Импорт и предобработка данных из различных источников ↗

Математические вычисления в медицине с NumPy

2 урока
1. Основы библиотеки NumPy для математических вычислений ↗
2. Вычисление показателей и метрик на основе медицинских данных ↗

Медицинские графики и диаграммы с Seaborn

1 урок
1. Изучение библиотеки Seaborn для создания красивых графиков ↗

Автоматизация и обработка данных

3 урока
1. Основы работы с файловой системой на Python ↗
2. Чтение и запись данных в файлы ↗
3. Автоматизация процессов обработки данных в медицине ↗

Обработка текстовых данных с регулярными выражениями

3 урока
1. Изучение регулярных выражений для поиска и обработки текстовых ↗
2. Применение регулярных выражений в обработке медицинских текстов ↗
3. Извлечение информации из текстовых данных ↗

Аутентификация и авторизация

3 урока
1. Знакомство с библиотекой Selenium для автоматизации действий ↗
2. Создание сценариев для сбора медицинских данных с веб-сайтов ↗
3. Применение автоматизации для упрощения задач ↗

Машинное обучение в медицине (вводная часть)

2 урока
1. Основные понятия машинного обучения и его роль в медицине ↗
2. Типы задач машинного обучения и примеры их применения ↗

Подготовка данных для машинного обучения

3 урока
1. Очистка и преобразование данных для обучения моделей ↗
2. Разделение данных на обучающую и тестовую выборки ↗
3. Обработка пропущенных значений и выбросов в медицинских данных ↗

Обучение моделей машинного обучения в медицине

3 урока
1. Обучение различных типов моделей: регрессия, классификация ↗
2. Оценка качества моделей и выбор наилучшей модели ↗
3. Применение моделей для прогнозирования и классификации ↗

Интерпретация результатов и обеспечение безопасности в ML

3 урока
1. Интерпретация результатов работы моделей ↗
2. Обеспечение безопасности и защиты данных ↗
3. Этические аспекты применения машинного обучения ↗

Проекты в медицинской сфере

2 урока
1. Использование библиотеки OpenCV для обработки и анализа ↗
2. Разработка системы автоматической диагностики ↗

Создание инструмента для прогнозирования медицинских показателей

1 урок
1. Разработка модели для прогнозирования медицинских показателей ↗

Финальная работа

1 урок
1. Завершение и защита финального проекта ↗

Введение в frontend программирование

5 уроков
1. Структура HTML-документа: DOCTYPE, head, body, разметка ↗
2. Основы CSS: селекторы, свойства, значения, каскадность ↗
3. Селекторы CSS: классы, идентификаторы, псевдоклассы ↗
4. Основы работы с Codepen и GitHub ↗
5. Редакторы кода. GitHub (Создание удаленного репозитория) ↗

Теги для вёрстки структуры контента

6 уроков
1. Деление текста на блоки. Библиотеки, фреймворки ↗
2. Группировка элементов в HTML и CSS. ↗
3. Выделение контента на странице ↗
4. Верстка блока ↗
5. Строчные и блочные элементы ↗
6. Центрирование текста ↗

Публикация сайта online. Хостинг

1 урок
1. Публикация сайта на Netlify, Vercel ↗

Контентные теги и верстка основного текста

7 уроков
1. Шесть уровней заголовков ↗
2. Верстка основного текста ↗
3. Верстка списков ↗
4. Добавление изображений с использованием HTML и CSS ↗
5. Добавление рамки ↗
6. Отступы в CSS - создание пространства и выравнивание элементов ↗
7. Идентификаторы и классы в CSS ↗

Позиционирование блочных элементов

3 урока
1. Перенос flex-элементов ↗
2. Блоки вверху и внизу страницы ↗
3. Теги margin-top и margin-bottom ↗

Позиционирование блочных элементов

2 урока
1. Значение свойства Position ↗
2. Свойство text-transform и разметка контактной информации ↗

Верстка форм

11 уроков
1. Создание полей для ввода ↗
2. Размер контентной области ↗
3. Наследование ↗
4. Кнопки ↗
5. Поля для обязательного заполнения ↗
6. Выделение активных элементов ↗
7. Нестандартные элементы форм ↗
8. Поля с вариантами ответа ↗
9. Фон элемента и стрелка с вариантами ответа ↗
10. Радиокнопки, чекбоксы ↗
11. Псевдоэлементы before и after ↗

Всплывающие элементы

2 урока
1. Контентные изображения ↗
2. Позиционирование элементов ↗

Позиционирование flex-элементов

4 урока
1. Всплывающие окна ↗
2. Фиксация элемента ↗
3. Селекторы соседних элементов ↗
4. Свойства шрифтов и цвета ↗

Адаптивная верстка

3 урока
1. Использование процентных размеров и единиц измерения rem ↗
2. Функции calc для расчета размеров элементов ↗
3. Flexbox и оси для управления расположением элементов ↗

Flexbox и оси для управления расположением элементов

6 уроков
1. Создание отдельной мобильной версии сайта ↗
2. Использование медиа-запросов для адаптации верстки ↗
3. Режим эмуляции устройств в веб-инспекторе и его использование ↗
4. Использование медиа-функций и viewport ↗
5. Единица измерения em и ее применение ↗
6. Особенности margin collapsing при использовании flexbox ↗

Особенности верстки для мобильных устройств

4 урока
1. Использование графики и иконочных шрифтов ↗
2. Применение SVG для создания векторной графики ↗
3. Особенности верстки форм на мобильных устройствах ↗
4. Выравнивание элементов с помощью flexbox ↗

Верстка адаптивного макета

4 урока
1. Адаптивная верстка и ее особенности ↗
2. Взаимодействие с тач-устройствами и его учет при верстке ↗
3. Логические операторы и их использование ↗
4. Использование margin: auto для выравнивания элементов ↗

Адаптивная типографика

3 урока
1. Использование медиа-функций aspect-ratio и orientation ↗
2. Особенности HTML-элементов и их применение ↗
3. Единицы измерения rem и их использование при типографии ↗

Адаптивные изображения. Breakpoints

5 уроков
1. Использование flexbox для растягивания и сжатия элементов ↗
2. Применение flex-basis и размеров элемента при адаптивной верстке ↗
3. Использование тега picture для адаптации изображений ↗
4. Использование функции calc ↗
5. Единицы CSS, зависимые от размера окна браузера ↗

Адаптивные изображения с помощью srcset

2 урока
1. Повторение основных понятий и инструментов адаптивной верстки ↗
2. Проектирование и разработка адаптивного веб-приложения ↗

Основные понятия типов данных и ветвления

6 уроков
1. Переменные и числа. Строки ↗
2. Логический тип и ветвление ↗
3. Логический тип данных и его использование ↗
4. Простые и сложные условия ↗
5. Булева алгебра ↗
6. Логическое преобразование ↗

Массивы, циклы и основные приемы работы с ними

5 уроков
1. Концепция массива. Методы массива ↗
2. Создание и инициализация массивов ↗
3. Циклы в JavaScript ↗
4. Обход элементов массива с помощью цикла ↗
5. Заполнение массива циклом ↗

Ассоциативные массивы и функции.

4 урока
1. Ассоциативные массивы ↗
2. Операции с объектами ↗
3. Функции без параметров ↗
4. Зона видимости ↗

Параметры и возвращаемое значение

1 урок
1. Параметры и возвращаемое значение ↗

Модуль Основы JavaScript в браузере

6 уроков
1. Введение в занятие ↗
2. Получение DOM-элементов по их особенностям ↗
3. querySelector и querySelectorAll ↗
4. Методы получения родительских элементов ↗
5. Объект HTMLCollection. Объект NodeList ↗
6. $0 в консоли ↗

Объект события

3 урока
1. События. Определение, виды, примеры. Обработчики событий ↗
2. Контекст обработчика this ↗
3. Объект события. Событие onclick. События клавиатуры ↗

ООП. Объекты

5 уроков
1. Введение в занятие "Объекты" ↗
2. Объект-ориентированное программирование ↗
3. Spread, REST, деструктуризация ↗
4. Удаление свойств и объектов ↗
5. Функции-конструкторы, свойство prototype ↗

Функции в JavaScript.

5 уроков
1. .gitignore ↗
2. Введение в занятие "Функции". Функциональные выражения ↗
3. Стрелочные функции. Функции высшего порядка ↗
4. Контекст выполнения ↗
5. Анонимные и самовызывающиеся функции ↗

Обработка исключений и замыкания

4 урока
1. Создание собственных исключений. Перехват исключений ↗
2. Консольные методы ↗
3. Области видимости ↗
4. Замыкания ↗

Асинхронность

6 уроков
1. Понятие асинхронности ↗
2. setTimeout. setInterval ↗
3. Работа с HTTP ↗
4. Оптимизация вычислений ↗
5. Протокол передачи гипертекста HTTP ↗
6. Объект XMLHttpRequest ↗

Классы

5 уроков
1. Введение в занятие "Классы". Функции-конструкторы ↗
2. Методы get, set ↗
3. Наследование и super ↗
4. Статические методы ↗
5. Нововведения последних версий ES ↗

DOM

5 уроков
1. Работа с классами ↗
2. События Document Object Model ↗
3. Работа с атрибутами HTML-элементов ↗
4. Определение размеров и позиций элементов ↗
5. Навигация по элементам ↗

Работа с HTML-формами

6 уроков
1. Формы HTML-страницы. Document.form ↗
2. События текстовых полей. Элементы input "text" и textarea ↗
3. События списков. Элемент select ↗
4. События радио-группы. Элемент radio ↗
5. События флагов. Элемент checkbox ↗
6. Валидация полей форм при помощи checkValidity ↗

Хранение состояния на клиенте и отправка на сервер

5 уроков
1. Работа с LocalStorage ↗
2. JSON ↗
3. Использование document.cookie ↗
4. Сравнение localStorage, sessionStorage, cookie ↗
5. Кросс-доменные запросы, CORS, XHR.withCredentials ↗

POST-запросы и обработка данных на сервере

4 урока
1. Основы POST-запросов ↗
2. AJAX-запросы для отправки данных ↗
3. Обработка данных на сервере. Кибербезопасность ↗
4. Валидизация пользователя ↗

Маршрутизация между страницами

3 урока
1. Роутинг на клиентской стороне ↗
2. Роутинг на серверной стороне ↗
3. Навигация между страницами ↗

Разработка веб-интерфейса для работы с прототипом МИС

7 уроков
1. Разработка регистрации пользователя на React ↗
2. Авторизация, роли и уровень доступа к функциям системы ↗
3. Реализация основных модулей МИС ↗
4. Консультация врача, назначения ↗
5. Результаты обследований ↗
6. Госпитализация, переводы, выписка ↗
7. Понятие о статистической отчетности учреждения здравоохранения ↗

Сравнение фреймворков React, Next.js, Vue.js, Angular и Bottle

4 урока
1. Обзор фреймворков React, Next.js, Vue.js и Angular, Bottle ↗
2. Сравнение основных особенностей и преимуществ фреймворков ↗
3. Различия в подходах к разработке и архитектуре ↗
4. Примеры использования каждого фреймворка ↗

Основы баз данных и SQL

5 уроков
1. Системы управления базами данных в медицине ↗
2. Модели данных ↗
3. Классификация СУБД ↗
4. Проектирование баз данных ↗
5. Нормальные формы ↗

Введение в СУБД PostgreSQL

5 уроков
1. Установка СУБД PostgreSQL ↗
2. Интерактивный консольный клиент psql, pgAdmin4 и другие клиенты ↗
3. СУБД PostgreSQL как компонент микросервисного приложения. ↗
4. Модель данных учебной БД ↗
5. Язык SQL. Стандарты. Таблицы и ограничения целостности ↗

Основы языка SQL (PostgreSQL)

10 уроков
1. Команды языка SQL ↗
2. Команда SELECT ↗
3. Соединение таблиц в SQL-запросе ↗
4. Группировка данных в SQL-запросе. Агрегирующие функции ↗
5. Общее табличное выражение (СТЕ) в SQL-запросе ↗
6. Работа с множествами в SQL-запросе ↗
7. Представления (VIEW) в PostgreSQL ↗
8. Основы процедурного языка PL/pgSQL ↗
9. Триггеры в СУБД PostgreSQL ↗
10. Транзакции и согласованность базы данных ↗

Основы администрирования СУБД PostgreSQL

4 урока
1. Управление доступом в базах данных ↗
2. Резервное копирование и востановление базы данных ↗
3. Репликация и обеспечение высокой доступности ↗
4. Заключение ↗