Файл: В рамках проекта по ранней профессиональной ориентации учащихся 611 классов общеобразовательных организаций Билет в будущее.pdf

ПРОГРАММА ПРОФЕССИОНАЛЬНОЙ ПРОБЫ
в рамках проекта по ранней профессиональной ориентации
учащихся 6-11 классов общеобразовательных организаций
«Билет в будущее»
г. Москва 2022

1. Паспорт программы профессиональной пробы
Профессиональная среда: Умная
Наименование профессионального направления: разработчик Web и
мультимедийных приложений
Автор программы :Крючков М.В., преподаватель
Контакты автора: Москва, Email:kruchick@mail.ru,+7(903)738-1525
Вид
Формат проведени я
Время проведения
Возрастная категория
Доступность для участников с ОВЗ
ознакомительный очная
90 минут
6-7/8-9/10-11 классы нет
Название профпробы: 6-7, 8-9, 10-11 кл./Очно/Умная среда/
Разработчик Web и мультимедийных приложений
2.
Содержание программы
Введение (10 мин.)
1. Краткое описание профессионального направления. Разработчик Веб-приложений
- Web-программист – это специалист, разрабатывающий веб-приложения (любые сайты, в которых есть элементы интерактива), то есть фактически большую часть интернет- ресурсов: поисковики, интернет-магазины, соцсети, видеохостинги, сервисы заказа и бронирования, онлайн-калькуляторы и т. д. Современные веб-приложения, как правило, клиент-серверные. Клиентскую часть разрабатывает фронтенд-программист, а серверную – бэкенд разработчик.
Программный код пишется на специальном языке программирования. Он состоит из обычных слов и некоторых специальных символов.
Языки веб-программирования – это самое нижнее звено, на котором можно писать сайт. Здесь следует понимать, что «нижнее» в программировании – это не самое простое, как это мы привыкли понимать, а наиболее близкое к машинному коду. Т.е. на самом деле,
«нижний» уровень – наиболее трудоемок при использовании, но зато имеет меньше всего ограничений. Программист может написать любой код, ему не придется учитывать особенности уже разработанных инструментов и работать в их «рамках».
Наиболее популярные языки веб-программирования (привожу для примера, это не рейтинг): PHP, Javascript, Java, Python, Ruby, C#, Go, Erlang, Elixir, C++,
Rust и т.д.
Итак, язык программирования дает возможность написать любой сайт без ограничений. Это может быть важным, если вам не подойдет ни один фреймворк или CMS.
На самом деле, сами фреймворки и CMS также пишутся на языке программирования. Но о них мы поговорим чуть ниже.
Плюс написания сайта с нуля – отсутствие ограничений.
Минус такого подхода – нет готовых решений.
Например, вам необходимо создать систему авторизации пользователей на сайте.
Программист должен будет подробно на уровне команд описать – где будут храниться данные, как они будут защищены, как будет выглядеть форма ввода, как система будет проверять наличие пользователя и т.д. Эта работа потребует значительных затрат рабочего времени программиста. Если решение нужно действительно уникальное, расходы оправданы.

Но вы и сами, скорей всего, замечали, что в интернете огромное количество типовых решений. Те же формы регистрации и авторизации мало чем отличаются от сайта к сайту.
Писать каждый раз одинаковый код с нуля – это почти как «изобретать велосипед», бессмысленно и затратно. Потому и были придуманы инструменты для веб-разработки –
Frameworks и CMS.
3. Необходимые навыки и знания для овладения профессией.
Наверняка, вы сходу назовете 3 качества, которые отличают веб-программиста:
✓ логическое мышление
✓ математические способности
✓ усидчивость
Есть несколько компетенций, которые делают из хорошего веб-программиста лучшего:
✓ гибкость мышления
✓ хорошая память
✓ многозадачность
✓ развитое воображение
✓ умение ясно выражать свои мысли
✓ коммуникабельность
✓ работа в команде
Человек, который умеет придумывать новые идеи и хорошо взаимодействовать в коллективе таких же разработчиков, сможет попасть в самые интересные и передовые IT- проекты или открыть свой.
4. 1-2 интересных факта о профессиональном направлении.
Пользователю требуется меньше секунды, чтобы составить свое представление о компании, исходя из своего первого опыта взаимодействия с веб-сайтом. Очень важно произвести положительное первое впечатление на всех, кто заходит на страницу, с помощью правильно подобранной фоновой темы, шрифтов, дизайна значков, цветовых комбинаций, анимации, макета и поддержки разделов страницы.
Чтобы предоставить пользователям высокое качество взаимодействия с приложением, важно сделать его кроссплатформенным, это не только облегчит его использование на всех устройствах, но и позволит охватить большее количество пользователей.
5. Связь профессиональной пробы с реальной деятельностью.
Вы думаете о Веб-разработке или хотите в будущем работать в IT? Начать развиваться можно уже в сейчас:
✓ Углубленно изучать математику, информатику, русский и английский язык в школе.
✓ Программировать и создавать веб-сайты, небольшие редакторы и полезные утилиты.
✓ Читать новости из сферы IT: на порталах cnews.ru, habrahabr.ru, computerworld.ru, hightech.fm и github.com.
✓ Заниматься в кружках по программированию и школах юного программиста.
Постановка задачи (5 мин)
1.
Постановка цели и задачи в рамках пробы. Создание веб-проекта по прилагаемому заданию.
2.
Демонстрация итогового результата, продукта. Представление созданного веб-проекта в HTML-файл.

Выполнение задания (55 мин.)
1.
Подробная инструкция по выполнению задания. Профессиональная проба с онлайн-форме осуществляется путем подключения наставника и участников пробы к онлайн-конференции Zoom. Подключение осуществляется с использованием персональных компьютеров и ноутбуков, оснащенных веб-камерой.
№1
Создайте html-файл (кодировка utf-8) с заголовком "Задача 1", результат которого показан на рисунке. Используйте подходящий тег заголовков (-

), теги
,
,
, , , (необязательно все перечисленные). Выясните различие тегов и , тегов и . В html-код добавьте комментарии: дату решения данной задачи и ФИО.
№2
Создайте html-файл, результат которого показан на рисунке. Изображение можно получить в чате. Использовать тег c заданием альтернативного текста и всплывающей подсказки. Размер самого файла изображения не менять.
№3
создайте html-файл, результат которого показан на рисунке.
№4
создайте html-файл, результат которого показан на рисунке.

№1

Стихотворение

Мириады маленьких дел
Пьют по капле гаснущий день,
А дела большие сушит жажда.
Оставляя все на «потом»,
Прозреваем задним числом,
Только день не повторится дважды.
Иванов И.И

Silence is golden

Структура проекта

• index.html


• img


• css


• js


• fonts