JavaScript, С, PHP и Python: магистранты Университета ИТМО рассказывают, как создать сайт с нуля за 45 минут

Какие языки программирования стоит начать изучать в 2017 году, чтобы создать полнофункциональный сайт, как правильно разработать дизайн-макет, а потом свести все воедино, да еще и сделать так, чтобы сайт «смотрелся» и на ПК, и на мобильном устройстве? Все этапы работы в Photoshop и сотни строчек кода магистранты кафедры компьютерного проектирования и дизайна Университета ИТМО могут уложить всего в 45 минут и на коротких скринкастах объяснить даже начинающему веб-разработчику, как с нуля создать современный адаптивный сайт. Чему можно научиться за такое короткое время и как подобрать «свой» язык программирования, мы спросили у авторов и кураторов проекта.

С чего все начиналось

Сайт для веб-студии или кофейни, ресурс о восхождении на Эверест или обучении дайвингу — всего на главной странице проекта «Сайт за 45 минут» уже 19 скринкастов. В среднем всего за 45 минут здесь можно узнать, как с нуля создается современный адаптивный ресурс для разных целей, будь то некоммерческая организация или сайт для развивающегося бизнеса. Авторы уроков — магистранты кафедры компьютерного проектирования и дизайна Университета ИТМО. Многие из них уже являются штатными разработчиками в компаниях и работают над собственными проектами. Делиться опытом и записывать обучающие скринкасты они начали в прошлом семестре в рамках учебного задания, которое позже переросло в самостоятельно развивающийся проект.

«В 2016 году в результате высокого конкурса на нашу магистерскую программу „Веб-технологии“ мы набрали действительно „звездных“ студентов. Многие наши магистранты уже являются веб-разработчиками, поэтому, кроме классической учебной и научной работы, нам хотелось привнести что-то новое. И мы предложили ребятам записать скринкаст, в котором они всего лишь за 45 минут покажут, как создать современный адаптивный сайт „с нуля и под ключ“», — рассказывает заведующий кафедрой компьютерного проектирования и дизайна Университета ИТМО Дмитрий Шуклин.

Университет ИТМО. Илья Государев и Дмитрий Шуклин
Университет ИТМО. Илья Государев и Дмитрий Шуклин

Почему именно 45 минут?

Во-первых, это стандартная академическая единица времени, привычная еще со школы, рассказывает Дмитрий Шуклин, а во-вторых, команда сознательно ушла от длинных двухчасовых скринкастов, дослушать которые до конца терпения хватит далеко не у всех.

Всего в записи роликов приняли участие порядка 40 магистрантов, работа над скринкастами продолжалась около двух месяцев, в итоге отобрали 19 лучших. А вот единым, самостоятельным проектом ролики стали не сразу — такую идею в конце прошлого года предложил один из магистрантов кафедры Дмитрий Верхоумов. Он и создал платформу под названием «Сайт за 45 минут», где и соединились все наработки ребят. Основными идеями проекта стали популяризация веб-технологий, структурирование разрозненных знаний и понятное объяснение технологии даже для тех, кто только начал заниматься веб-разработкой.

«В самом начале пути, когда человек еще совершенно не умеет делать сайты, часто он даже не знает, с чего начать, не представляет, как построен весь процесс и как происходит работа по созданию дизайн-макета и по проектированию. Но, если посмотреть наши ролики, можно сразу понять, что зачастую не все так сложно, как кажется. Сразу видно, как ведется разработка, как создается дизайн. Поэтому одной из первых задач нашего проекта — показать весь процесс в комплексе, чтобы людям — тем, кто только начинает заниматься веб-разработкой, — было понятно, с чего начать и в каком ключе развиваться», — отмечает магистрант кафедры компьютерного проектирования и дизайна Университета ИТМО Дмитрий Верхоумов.

Проект «Сайт за 45 минут». Источник: site45min.ru
Проект «Сайт за 45 минут». Источник: site45min.ru

Как с этим работать

В отличие от многочисленных бесплатных конструкторов сайтов, где пользователю уже на готовом шаблоне без программирования предлагают создать достаточно простой, но при этом рабочий сайт-визитку или несложный лендинг, здесь можно дать свободу творчеству, продолжает Дмитрий Верхоумов. Пользователь сам может выбрать, какой технологии он будет учиться, будь то создание сайта на JavaScript или Python. Для этого ему лишь придется отфильтровать ролики по определенным параметрам.

«Для кого может быть полезен сайт? Во-первых, для людей, которые имеют какой-то базовый набор знаний о веб-технологиях, которые знают, к примеру, html, css — самые основы — и наслышаны о каких-то более сложных вещах, но очень поверхностно: знают названия технологий, но не знают, что за ними стоит и как эти технологии применяются при создании сайтов, как строится процесс разработки, что делается сначала, что потом, а что на завершающем этапе. Так как роликов у нас много, можно, воспользовавшись фильтром, посмотреть альтернативные варианты применения различных технологий для схожих задач. Каждый интересующийся пользователь может провести собственный анализ, понять, какой подход ему понравился больше», — добавляет Дмитрий Шуклин.

JQuery, React и Babel — что будет забыто уже завтра?

Университет ИТМО. Авторы проекта «Сайт за 45 минут»
Университет ИТМО. Авторы проекта «Сайт за 45 минут»

Технологии, применяемые для создания веб-сайтов и приложений, меняются, пожалуй, чаще, чем выходят новые версии iPhone. И если вчера работодатели требовали проекты на JQuery, то уже сегодня вам заявят, что JQuery — это прошлый век и все используют React, приводит пример доцент кафедры компьютерного проектирования и дизайна Университета ИТМО Илья Государев. Именно поэтому проекты, подобные «Сайту за 45 минут», — это не только прикладной обучающий ресурс, но и пополнение базы электронных образовательных ресурсов и, своего рода, фиксация истории, говорит он.

«Вчера были одни лучшие практики, сегодня — другие, а уже завтра будут третьи. К примеру, сейчас мы пользуемся Angular 2, а нам говорят, что на подходе уже четвертый. Или сейчас вы программируете на JavaScript, а далее вам предлагают, например, TypeScript в качестве языковой основы. И при этом сразу становится ясно, что так уже не будет в следующем году, — добавляет Илья Государев. — Поэтому через определенный промежуток времени будет поучительно вспомнить, как это делалось в прошлом году или два года назад и сравнить. Этот проект в том числе полезен исследователю будущего, который будет смотреть на эту хронологию, на линейку развития и сравнивать одно с другим. Ну и конечно, кроме того, это хороший практикум или, своего рода, полигон для студентов, многие из которых уже действующие специалисты. Здесь они могут поучиться друг у друга и поделиться интересным опытом.

К слову, пока же идущие годами споры о том, какой язык программирования лучше, и не думают утихать. Чтобы понять, какая из технологий наиболее востребована уже сейчас и будет популярна в будущем, многие компании ведут собственные рейтинги. Данные берутся из разных источников — специализированных форумов, приложений для работы программистов и даже из соцсетей. На выходе у каждой организации появляются свои «пятерки» лучших. К примеру, в середине прошлого года аналитическая компания RedMonk выдвинула в лидеры JavaScript, Java, PHP, Python и C#, а IEEE Spectrum (журнал, который издается Институтом инженеров электротехники и электроники) отдал предпочтение C, Java, Python, C++ и R (последнему — из-за его востребованности в системах обработки больших объемов данных и в целом из-за растущего интереса к Big Data).

Университет ИТМО. Дмитрий Верхоумов
Университет ИТМО. Дмитрий Верхоумов

Чтобы систематизировать данные и подходы и мыслить на перспективу, авторы «Сайта за 45 минут» планируют продолжить работу и развивать проект. В будущем разработчики не только будут добавлять на сайт новые уроки, но и чутко следить за эволюцией веб-технологий.

«Вокруг JavaScript существует совершенно монструозная экосистема, это огромное количество фреймворков. Можете даже почитать хабраистории типа „Каково это — программировать на JavaScript в 2016 году“, а теперь уже в 2017 году, там огромная простыня, десятки пестрых названий. Как во все это проникнуть, особенно новичку? Поэтому самая общая best practice, которую мы также берем на вооружение, состоит еще и в формальном изучении стандарта, хронологии его развития. Мы работаем с моноязыковой платформой, но сопоставляем с другими языковыми средствами. Это большая аналитическая работа, которую мы будем продолжать», — заключает Илья Государев

Редакция новостного портала
Персоны
  • Дмитрий Шуклин

    Заведующий кафедрой компьютерного проектирования и дизайна 
     

Архив по годам:
Пресс-служба