Веб-технологии: как устроен сайт
Полный вводный курс о том, как работает интернет и веб-страницы: от ввода URL до рендера, HTTP, HTML, CSS, JavaScript, API и основ безопасности.
Кому подойдёт этот курс?
Программа рассчитана на разный старт — найдите себя.
Начинаете с нуля — ведём от базовых понятий к первым рабочим навыкам, без пробелов.
Входите в сферу из смежной области — даём понятный маршрут и структуру.
Собираете разрозненные знания в цельную картину и закрепляете их обратной связью.
Чему вы научитесь
Навыки, которые останутся с вами после курса — основные выделены.
Целостная модель работы интернета: клиент-серверная архитектура, путь запроса от URL до рендера, роли DNS, TCP, TLS.
Методы, коды состояния, заголовки, тело запроса и ответа, идемпотентность, REST-подход к проектированию API.
Семантическая разметка, основные теги, формы, корректная структура HTML-страницы.
Селекторы, box-model, каскад и специфичность, базовые раскладки Flexbox и Grid.
Роль JS на клиенте, работа с DOM, обработка событий, обмен данными с сервером через fetch и JSON.
Куки, сессии, localStorage, зачем нужен HTTPS и почему нельзя доверять клиенту.
Как проходит обучение?
Учитесь онлайн в удобном темпе — теория, проверка и практика в одном маршруте.
Текстовые лекции и справочники, к которым удобно возвращаться по ходу.
Проверяете, что усвоили, сразу после темы — без зубрёжки.
Выполняете задания и получаете обратную связь от преподавателя.
Подробнее о курсе
Бесплатный вводный курс платформы Secenta для тех, кто хочет понять, как на самом деле устроены сайты и веб-приложения. Мы пройдём весь путь от момента, когда вы вводите адрес в браузер, до отрисованной страницы: разберём DNS, TCP, TLS, протокол HTTP с его методами, кодами и заголовками. Затем построим понимание трёх китов фронтенда — HTML (структура и семантика документа), CSS (оформление, box-model, селекторы, каскад) и JavaScript (DOM, события, обмен данными с сервером через fetch). Вы узнаете, как браузер превращает код в пиксели (DOM, CSSOM, render tree), что такое API, JSON и REST, как работают куки, сессии и localStorage, в чём разница между статикой и динамикой, фронтендом и бэкендом. Завершим базовым пониманием веб-безопасности: зачем нужен HTTPS и почему нельзя доверять данным, пришедшим от клиента. Курс рассчитан примерно на 8 часов вдумчивой работы: чтение, интерактивные тесты, практические лабораторные стенды и итоговое задание с разбором реального сайта через инструменты разработчика. Подходит начинающим без опыта в программировании.
4 модуля · 14 уроков
Как работает веб и HTTP
01 / модульКлиент-серверная модель, полный путь запроса от ввода URL до получения ответа, и подробный разбор протокола HTTP.
HTML и структура страницы
02 / модульКак устроен HTML-документ: структура, семантические теги, основные элементы и формы для ввода данных.
CSS и оформление
03 / модульКак CSS оживляет внешний вид: селекторы, каскад и специфичность, box-model и современные раскладки.
JavaScript, DOM и взаимодействие с сервером
04 / модульКак JavaScript оживляет страницу: работа с DOM, события, обмен данными с сервером через fetch, API, JSON, куки и базовая безопасность.