Общая информация
Веб-разработка - это современная, динамичная, постоянно развивающаяся сфера деятельности, которая включает в себя технологии формирования и поддержки функционирования разных информационных ресурсов и сервисов, размещенных в сети Интернет. Задачи веб-специалиста: дизайн, верстка, программирование на стороне клиента (язык JavaScript) и на сервере (язык PHP)
Программное обеспечение
Основные инструменты веб-разработчика - это текстовый редактор с подсветкой кода и браузер. На соревнованиях будет доступно следующее ПО:
текстовые редакторы: Bluefish, Visual Studio Code, Geany
браузеры: Chromium, Yandex Браузер, Mozilla Firefox.
5-7 классы
Технологии:
HTML (HyperText Markup Language, язык разметки гипертекста) задаёт структуру и содержимое веб-страницы;
CSS (Cascading Style Sheets) или каскадные таблицы стилей — это язык,
созданный для оформления внешнего вида контента на веб-странице;
JS (JavaScript) - язык программирования для управления элементами сайта.
Ожидаемый результат:
создание сайта на определённую тему с использованием технологий HTML-CSS-JS в соответствии с требованиями конкурсного задания.
Роли в команде:
веб-дизайнер - проектирует структуру сайта и веб-страниц, координирует работу команды, готовит презентацию проекта;
контент-менеджер - создаёт контент для сайта;
верстальщик - выполняет вёрстку веб-страниц.
Другие соревнования по этому направлению:
Молодые профессионалы (компетенция "Веб-дизайн и разработка")
Ресурсы для подготовки:
https://stepik.org/course/82108/ - курс "Web-технологии: начальный уровень" на Stepik;
https://htmlacademy.ru/ - платформа для обучения веб-разработчиков, 130 интерактивных заданий - бесплатные;
https://html5book.ru/ - уроки и справочная информация по HTML-CSS-JS.
Конкурсные задания прошлых лет:
ШТЛ 2022-23: Разработать и сверстать сайт специалиста по одной из профессий будущего. Требования к сайту: не менее 3 веб-страниц (например, главная, фото, обратная связь); единая навигационная панель на каждой веб-странице; единый дизайн сайта задаётся с помощью технологии CSS; подключение хотя бы одного скрипта JavaScript.
ШТЛ 2023-24: Cоздать веб-сайт с помощью технологии HTML-CSS-JS.Требования к сайту: посвящён одному из направлений Российского движения детей и молодёжи (РДДМ); не менее 3 страниц (например: главная, фото, обратная связь); единая навигационная панель на всех страницах; единый дизайн сайта задаётся с помощью технологии CSS; подключение хотя бы одного скрипта JavaScript.
8-11 классы
Технологии:
HTML-CSS - базовые технологии для создания веб-страниц;
PHP - языков программирования, применяющийся для создания динамических веб-сайтов и веб-приложений;
MySQL - свободная реляционная система управления базами данных.
Ожидаемый результат:
создание сайта на определённую тему с использованием технологий PHP-MySQL в соответствии с требованиями конкурсного задания.
Роли в команде:
веб-дизайнер - проектирует структуру сайта и веб-страниц, координирует работу команды, готовит презентацию проекта;
контент-менеджер - создаёт контент для сайта;
верстальщик - выполняет вёрстку веб-страниц.
Другие соревнования по этому направлению:
Молодые профессионалы (компетенция "Веб-дизайн и разработка")
Ресурсы для подготовки:
https://stepik.org/course/82108/ - курс "Web-технологии: начальный уровень" на Stepik;
https://htmlacademy.ru/ - платформа для обучения веб-разработчиков, 130 интерактивных заданий - бесплатные;
https://html5book.ru/ - уроки и справочная информация по HTML-CSS-JS;
https://itproger.com/course/php-mysql - курс видеоуроков по PHP-MySQL
Конкурсные задания прошлых лет:
ШТЛ 2022-23: Разработать и сверстать сайт новостного блога своей школы. Требования к сайту: не менее 3 веб-страниц формата php; подключение разделов header, nav, aside, footer с помощью php-скрипта; единый дизайн сайта задаётся с помощью технологии CSS; вывод записей из базы данных MySQL.
ШТЛ 2023-24: 1. создать веб-сайт с помощью технологии php-mysql. Требования к сайту: сайт компании (организации), которая работает в будущем, и производит продукты (вещи, услуги), которые сегодня не существуют; не менее 4 веб-страниц формата php; подключение разделов nav, footer, aside с помощью php-скрипта; единый дизайн сайта задаётся с помощью технологии CSS; вывод не менее 4 записей из базы данных MySQL.