Что за веб? Что там разрабатывать?
Что нужно знать: вспомогательное
Что нужно знать: узконаправленные инструменты
Что за веб? Что там разрабатывать?
Есть такая штука — сайты. До того, как появились приложения и голосовые ассистенты, в интернете люди пользовались только сайтами. С тех пор многое изменилось, но сайты всё равно составляют основу интернета.
Веб-разработчик — это как раз тот, кто создает сайты и всё, что на них завязано
- Интернет-магазины, сайты-визитки, информационные и новостные порталы, сайты школ и институтов, управляющих компаний и благотворительных фондов, в общем — любые сайты, где люди размещают информацию и ведут бизнес.
- Приложения на основе сайтов — так сложилось, что теми же инструментами, которыми делают сайты, сейчас делают полноценные приложения. Например, приложение Slack — это веб-приложение. Если вы заказываете суши с мобильного телефона, скорее всего, вы пользуетесь веб-приложением.
- Игры и приложения для соцсетей — почти все пишутся на технологиях веба.
Проще сказать так: существует целая вселенная приложений и сайтов, которые используют веб-технологии. И всем им нужна разработка, поддержка и улучшения. Для этого и нужен разработчик.
Сколько платят
По данным из России за 2020 год:
- Медиана — 100 тысяч
- Средняя — 116 тысяч
- Максимум — 385 тысяч
Для начинающих — около 50 тысяч рублей.
Что нужно знать: база
HTML — язык разметки документа. Он рассказывает вашему компьютеру, где у вас на странице текст, где — картинка, где «шапка», а где «подвал».
CSS — язык описания внешнего вида документа. Цвет, размеры элементов, положение на странице, анимация, скругления углов и т. д. — это всё CSS.
JavaScript — язык программирования. На нем делается всё нестандартное взаимодействие пользователя с приложением или сайтом. Например, отправить ваши данные на сайт можно и без JS, но проверить корректность данных прямо во время ввода — нужен JS.
Посмотрите еще проекты на JS:
- Полезное: орфокорректор, туду-лист, генератор паролей
- Игры: змейка, понг, тетрис, арканоид
- Спецэффекты: звук меча на сайте, снежинки
- Подключаем нейронку к веб-камере
Что нужно знать: вспомогательное
Git — это программа, которая помогает безопасно и контролируемо обновлять проект, над которым вы работаете с кем-то другим. Несколько разработчиков могут параллельно работать над разными частями кода и иметь резервные копии.
Webpack — это утилита, которая систематизирует подготовку файлов для выгрузки на сайт или в приложение. Необходима в больших проектах, где много страниц, экранов, разработчиков и подключенных библиотек.
NPM — программа, которая помогает подключать к вашему проекту сторонние библиотеки JavaScript. Устанавливается вместе с сервером NodeJS (о нем ниже).
Что нужно знать: узконаправленные инструменты
Базовый сайт вы сможете написать, используя одни лишь инструменты выше. Но если на сайте нужен особый интерфейс, какой-то навороченный интерактив или особое поведение на мобильных экранах, потребуются специализированные инструменты. Всё это — надстройки поверх HTML, CSS и JS.
Этих инструментов много, покажем лишь некоторые:
Bootstrap — набор инструментов для быстрой верстки больших сложных сайтов и приложений. В комплекте — компоненты для интерфейса, приложений и информационных блоков.
React — инструменты для создания интерфейса.
Angular — инструменты для разработки приложений на одном экране, разработчик — Гугл.
jQuery — старинная, но работающая на огромном количестве сайтов библиотека для прямого обращения к странице.
NodeJS — сервер для программ, написанных на JS. Потребуется тем, у кого клиентская и серверная сторона приложения написаны на JavaScript.
Где учиться
Мы рекомендуем учиться веб-разработке в «Практикуме». Вот причины:
- Бесплатный пробный период — чтобы понять, ваше это или нет
- Интерактивный тренажер — чтобы учиться не по лекциям, а на практике
- Наставники — чтобы был живой человек, который поможет и поддержит
- Есть бесплатная программа трудоустройства для выпускников