Профессия ВЕБ-РАЗРАБОТЧИК
198 subscribers
20 photos
2 videos
9 links
Группа про обучение веб-разработке от Лилии Сапожниковой
Download Telegram
Профессия ВЕБ-РАЗРАБОТЧИК

Пока мой курс по веб-разработке ещё находится в работе, уже сейчас здесь Вы получите много полезной информации и начнёте учиться!

Здесь Вы познакомитесь ближе с профессией и поймёте, подходит ли она вам.

На этом канале мы будем говорить о профессии «веб-разработчик»:

▪️ какие виды программирования бывают?
▪️чем занимаются веб-разработчики?
▪️какую зарплату получают программисты?
▪️можно ли обучиться профессии с нуля?
▪️кому эта профессия не подходит?
▪️каких ошибок следует избежать во время обучения?
▪️где искать работу?
▪️какие языки программирования изучать?
▪️чем веб-дизайнер отличается от веб-разработчика?
▪️и многое другое!

Пару раз в неделю я буду выкладывать здесь информацию и разбирать ваши самые популярные вопросы.

Оставайтесь! Все полностью бесплатно и здесь Вы определитесь, хотите Вы заниматься программированием или нет.

Также участники этой группы первыми узнают о старте курса и смогут занять места на курсе по самым выгодным ценам!
Какие сферы программирования существуют?

1. Веб-разработка.
Веб-разработчики создают сайты и веб-приложения - сложные сайты, например, личный кабинет банка или сайт обучающей платформы.

2. Разработка мобильных приложений.
Для iOS и Android используют разные языки программирования, а разработчики обычно специализируются на чем-то одном. Поэтому обычно у приложения две версии - для android и iOS.

3. Разработка десктопных приложений.
Это приложения, которые мы устанавливаем на компьютер.

4. Разработка игр.

5. Машинное обучение.
Это работа с искусственным интеллектом.
Например, когда Инстаграм выбирает, какое видео нам порекомендовать или какую рекламу показать, работают специальные сложные алгоритмы. Такие алгоритмы на основе большого объема данных программируют разработчики машинного обучения.
Веб-разработка - та сфера, в которую легче всего войти.

Здесь реально начать с нуля.

Для старта не нужна математика или технические знания, как например, разработчикам искусственного интеллекта.

А начать обучение можно с любым компьютером или ноутбуком.

Про преимущества профессии поговорим следующий раз. 😊
Какие веб-разработчики бывают? Объясняю на пальцах про фронтенд и бэкенд.
Рассказываю, кого на курсе буду готовить я.

Все, чем мы пользуемся в мире, имеет интерфейс для пользователя и некоторый внутренний механизм, выполняющий действия.

Когда мы включаем стиральную машинку, мы только нажимаем на кнопку, а она уже передает команду крутить барабан. Мы не крутим барабан вручную, мы через интерфейс - кнопки на панели - передаем сигнал.

Когда мы заводим машину, мы просто поворачиваем ключ, а это действие передает сигнал двигателю, запуская все механизмы. Мы снова использовали интерфейс, а не пошли соединять руками провода.

Когда мы хотим закипятить чайник, мы только нажимаем на кнопку и уже внутри срабатывает механизм, застявляющий воду кипеть. Мы его даже не видим.

🔸🔸🔸

Также работают и сайты.

То, что мы видим в браузере - это пользовательский интерфейс (или фронтенд).
Через него пользователи могут передавать сигналы “сделать что-то” на сервер (или бэкенд) - это компьютерная программа, тот самый внутренний механизм, который выполняет уже эти действия.

Представьте, Вы зашли на сайт заказать роллы. Вы вводите адрес доставки и нажимаете на кнопку “купить” - все это вы делаете через интерфейс, через страницу сайта.
Потом информация передается на сервер и тут запускаются шестеренки: сервер отправит уведомление ресторану, найдет курьера поблизости, назначит его на заказ, расчитает время доставки. А Вы всего лишь нажали на кнопку.

Без интерфейса людям пришлось бы тяжело - как общаться с сервером (с программой), который понимает только компьютерный код?

Через страницу в браузере пользователи могут “общаться” с сервером. Интерфейс (фронтенд) - как переводчик между нашим человеческим языком и языком сервера (компьютерным кодом), который выполняет наши команды: заказать еду, перевести деньги, узнать срок доставки, создать профиль в соцсети.

Поэтому веб-разработчики делятся на фронтенд и бэкенд разработчиков.

🔸Фронтенд-разработчики (frontend-разработчики) создают пользовательский интерфейс - страницы сайтов. Добавляют всю верстку на сайт - кнопки, тексты, изображения.
Создают формы, где пользователь может вводить информацию, и отправляют ее на сервер.
Следят, что сайт хорошо выглядел и на компьютерах, и на телефонах, работал во всех браузерах.

🔸Бэкенд-разработчики (backend-разработчики) не работают со страницами в браузере. Они получают и данные, обрабатывают их, сохраняют в базах данных, делают проверки и вычисления, отправляют письма и уведомления.
У некоторых сайтов нет бэкенда вообще, например, у лендингов. Там мы просто отображаем информацию в браузере.

🔸Еще существуют фуллстэк (fullstack) разработчики. Они одновременно создают и фронтенд, и бэкенд сайта.



Я занимаюсь подготовкой фронтенд-разработчиков. Здесь самый легкий порог входа, не требуется технических знаний. Фронтенд-разработчик - это реальная возможность получить профессию с нуля, не потратив на обучение годы. Кроме того, в какую область вы бы не пошли в дальнейшем, базовые знания фронтенда обязательно нужны каждому веб-разработчику. 😉
👍1
Какую зарплату получают программисты в России в 2021 году?

Медианная зарплата фронтенд-разработчиков - 120 000 рублей.


*Медианная зарплата - это почти как средняя, но даже точнее: половина фронтенд-программистов получают больше 120 000 рублей, половина меньше.


В Москве медианная зарплата, конечно, выше - 165 000 рублей,
в Санкт-Петербурге - 135 000 рублей,
в регионах - 100 000 рублей.

При этом зарплаты в IT (в отличие от других сфер) постоянно растут. Даже сейчас в 2021 году зарплаты фронтенд-разработчиков выросли почти на 10%.

И это зарплата среднего специалиста. Вы сможете получать гораздо больше, если будете развивать свои навыки и иметь опыт.

Для тех, кто хочет почитать подробнее:
Я опираюсь на вот это большое исследование. Здесь про всю сферу IT в России, ищите раздел “Зарплаты разработчиков” - https://habr.com/ru/article/569026/
Какие преимущества работы веб-разработчиком?

🔸 Высокий заработок. В любой стране мира все программисты зарабатывают значительно выше среднего. Приятно осознавать, что ты никогда не будешь бедным.

🔸Большая востребованность специалистов.
IT отрасль развивавается огромными темпами и IT специалистов не хватает во всем мире. При этом набор технологий достаточно стандартизован. Тебе не надо переучиваться и получать какие-то сертификаты, подтвержать свои знания в другой стране или в другой компании. Если ты научился писать код, ты можешь работать на любых проектах в любой стране.

🔸Ты делаешь действительно что-то важное и ценное для других людей. Твоя работа имеет значение и приносит что-то хорошее в этот мир. У нас у всех есть это желание.
У меня было непередоваемое ощущение, когда я только начала работать программистом и впервые осознала, что моим продуктом сейчас пользуются тысячи, десятки тысяч, сотни тысяч людей.

🔸Гибкий график позволяет проводить время с семьей, заниматься любимыми делами.

🔸Путешествия - у вас есть на это и деньги и время. Я была уже почти в 30 странах и ничего бы из этого не было, если бы у меня была другая работа.

🔸Возможность переезда в другую страну или город:

1. У IT компаний есть программы релокации - когда специалистов внутри компании переводят на ту же должность в другом городе или стране. Так можно переехать из регионов в Москву или Санкт-Петербург, в Европу или Америку.

2. Можно получить рабочую визу от зарубежной компании и переехать в Европу или Америку.

3. Для тех, кто работает на фрилансе, многие страны сейчас выдают специальные визы для айтишников. Например, Грузия, Хорватия, Польша, Чехия, Эстония, Германия, Норвегия, Португалия, Испания, Мексика и многие другие. С ними переезд гораздо проще.

🔸Бонусы от компаний. К тебе всегда относятся с уважением. Работодатели хотят, чтобы ты у них работал: привлекают крутыми офисами, зарплатой, дополнительными медицинскими страховками, оплатой спортзалов и языковых курсов, бесплатными вкусняшками на обеде.

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

🔸Окружение таких же прогрессивных людей, которые хотят учиться, хотят зарабатывать, развиваться, у которых иной уровень дохода уже и совсем другой уровень проблем и интересов.

🔸Самое главное здесь - свобода выбирать, как ты хочешь жить и работать - удаленно или в офисе,
свобода выбирать, где ты хочешь жить - хоть в Москве, хоть у моря, хоть в Европе, хоть в Азии,
свобода выбирать, сколько ты хочешь работать и зарабатывать, находить баланс.

Эта профессия даёт огромную свободу и гибкость. Ты можешь выбирать среди кучи вариантов и подстраивать работу под жизнь, а не наоборот.
План по шагам: что нужно изучить, чтобы стать фронтенд-разработчиком с нуля?

🔺Шаг 1. В первую очередь изучаем базу:

🔸HTML - язык, с помощью которого мы добавляем на сайт различные элементы, как кирпичики - кнопки, текст, заголовки, ссылки, списки, формы. HTML-элементы еще не имеют никаких визуальных стилей - это скелет нашей страницы. 

🔸CSS - добавляет визуальные стили элементов. С помощью коротких css-правил мы задаем, какие цвета будут у кнопок, какого размера должен быть текст, как разместить фотографии на странице и так далее.

🔸JavaScript - это язык программирования, который делает страницу “живой”, интерактивной. Он нужен, чтобы пользователь мог взаимодействовать со страницей: заполнять и отправлять формы, нажимать на кнопки, скачивать и загружать файлы, сортировать и фильтровать товары и многое другое. 

🔺Шаг 2. Что еще изучаем дополнительно:

🔸Git (система контроля версий) - это система, которая сохраняет разные версии файлов с кодом. Она защищает нас от случайного удаления файла, может показать все изменения в файле, позволяет работать над проектом одновременно нескольким людям, а потом соединять код в один проект. 

🔸Публикация сайтов в Интернете. После того, как вы закончили писать код, у вас на компьютере в итоге получается несколько файлов с кодом. Вы можете открыть сайт на своём компьютере. Но чтобы люди могли находить и открывать его в интернете, нужно научиться публиковать сайты.

🔺Шаг 3. А что потом:

🔸Изучение JavaScript-фреймворков. Фреймворк - это набор инструментов, с которыми программист может написать сайт быстрее и удобнее. Их строят на основе HTML и JavaScript. Фрейворков много, наиболее распространенные сейчас: React.js, Vue.js, Angular. Как правило, разработчики выбирают какой-то один основной фреймворк, с которым работают, и глубоко изучают его. 

‼️Самое главное - основательно изучить базу. Новые технологии появляются и исчезают, но все строится на одной и той же базе. С твёрдым пониманием HTML, CSS и JavaScript вы сможете и работать, и изучать дополнительные технологии.
Веселая иллюстрация про разницу между HTML, CSS и JavaScript 😀:

HTML - скелет страницы.
CSS - визуальные стили страницы.
JavaScript - добавляет возможность пользователя взаимодействовать с сайтом.
А что будет на курсах у меня?

Всю подготовку фронтенд-разработчиков я разделила на 2 ступени. 

🔸Ступень 1. Веб-верстка: HTML + CSS. Запись открою в декабре. Длительность ~3 месяца.

Здесь мы изучаем HTML и CSS. Без них сделать сайт нельзя никак!

Мы изучаем с нуля всю базу: как создавать страницы, как на них добавлять разные элементы, как верстать сайты под разные размеры экрана (для мобильного телефона и компьютера), в каких программах работать. Мы также уже научимся публиковать сайты в интернете и немного познакомимся с системами контроля версий.

Далее можно продолжить учиться со мной или самостоятельно. Можно искать первые заказы на фрилансе по верстке.

🔸Ступень 2. Веб-разработка - JavaScript. Старт не раньше марта. Длительность ~7 месяцев.

На вторую ступень нельзя пойти без знаний HTML и CSS. Здесь мы будем изучать язык программирования JavaScript и делать сложные интерактивные сайты. Также же глубже разберемся с системой контроля версий и изучим JavaScript-фреймворки.

После курса вы будете уверенным начинающим фронтенд-разработчиком. Можно искать работу и на фрилансе, и в IT-компаниях.
Сегодня поговорим о том, чем фронтенд-разработчик отличается от веб-дизайнера.

🔸Дизайнер рисует макет сайта. Он придумывает, как будут расположены элементы на сайте, как они будут выглядеть. Он работает в специальных программах, например, Figma, Photoshop или Sketch.

В результате работы дизайнера получается макет сайта - это картинка того, какой сайт должен быть. Но самого сайта пока нет.

🔸Фронтенд-разработчик пишет код и создаёт реальный сайт. Он получает макет от дизайнера и воплощает его в жизнь. Он верстает сайт по макету - создает страницы, добавляет все элементы сайта (тексты, изображения, формы) и визуально оформляет их так, как это изображено на макете.

В результате работы фронтенд-разработчика получаются реальные страницы сайта, соответствующие макету.

Можно ли создавать сайты сразу без макета?

Конечно, но тогда вы все берете из своей головы.

С профессиональным дизайнером, конечно, красивее, но иногда дизайнера нет - например, вы делаете проекты для тренировки или портфолио.

В таком случае стоит все равно спланировать в общих чертах, как будет выглядеть сайт (можно в специальных программах, а можно хоть на бумаге нарисовать расположение элементов), какие будут цвета, в каком стиле будут все элементы.

Как раз для таких ситуаций мы на курсе будем проходить основы дизайна для веб-разработчиков.

Можно ли совмещать и веб-разработку, и веб-дизайн?

Можно, если вы хотите изучить две разные профессии, требующие разных навыков и знаний.

Потом можно выбрать одно направление, плюс знания из одной области будут помогать в другой.

В компаниях отдельно нанимают дизайнеров и отдельно разработчиков, а на фрилансе разработчикам макет предоставляет заказчик.
Что будет с IT в России?

В марте Россию покинуло до 70 тыс. IT-специалистов, далее еще ожидается вторая волна массовых отъездов. Это произошло, потому что:

◾️Многие в IT работали удаленно и имели возможность быстро сорваться с места.
◾️Программисты востребованны везде, а одинаковые во всем мире it-технологии позволяют найти работу в других странах.
◾️Работали с зарубежными клиентами
◾️Работали на иностранную компанию, которая помогла с релокацией, и, возможно, ушла с российского рынка.

⁉️Какие у этого последствия? Продолжит ли расти IT-отрасль в России?

Конечно, да.

Сложности сейчас возникли у тех компаний и фрилансеров, кто работает на зарубежном рынке.

1️⃣ На российском рынке бизнесы также продолжают работать. Жизнь продолжается - мы продолжаем переводить деньги в банковском приложении, покупать одежду в интернет-магазине, искать языковую школу в интернете и заказывать доставку роллов домой. Для каждой этой системы нужны программисты.

2️⃣ Я верю, что в России будут создаваться и новые компании.

Многие зарубежные онлайн-сервисы ушли с российского рынка. Это не значит, что теперь российские IT-компании вырастут, как грибы после дождя.

Чтобы, например, создать отечественный Booking или Airbnb понадобится далеко ни один год и ни два.
Но мы также хотим бронировать жилье онлайн или сдавать квартиры посуточно, поэтому медленно будут создаваться аналоги того, к чему мы уже все привыкли.

3️⃣ Кроме того, от государства бОльшую поддержку сейсас получает именно IT-сфера: отмена налога на прибыль, сниженные ставки на кредиты и гранты. Правительство выделило на IT 21.5 млрд рублей в начале апреля. Можно почитать здесь и здесь.

🔶 Населению в России все также нужны онлайн-услуги, интернет-сервисы и IT-решения для бизнеса. Конечно, IT-специалисты будут востребованными в России.

Поэтому пока одни уезжают заграницу, находя там больше для себя перспектив, другие в России могут воспользоваться возможностями и занять освободившееся вакансии.
Какие востребованные профессии есть в IT?

🔶 Веб-разработчик

Тут все понятно - веб-разработчик создает сайты.
Есть три направления: фронтенд, бэкенд и фуллстек. Подробно можно почитать в этом посте - там с примерами и картинками.

🔶 Разработчик мобильных приложений

В разработке мобильных приложений есть 2 направления: ios-разработчики и android-разработчики. Как правило, программисты специализуются на каком-либо одном, потому что приложения для ios и android пишутся даже на разных языках программирования.

Удивительно, но на наши любые мобильные приложения - это 2 разные версии для 2-х операционных систем, написанные разными командами програмистов. 😊

🔶 Тестировщики

Они проверяют, что сайт или приложение работает корректно. В тестировании есть два направление: ручное и автоматизированное.

При ручном тестировании человек в прямом смысле “руками” проверяет работу сайта - ходит по страницам, выполняет действия, щелкает на кнопки.
При автоматизированном тестировании тестировщик пишет программу, которая проводит тестирование автоматически. По сути в это случае автотестировщик пишет код для проверки кода программиста.

🔶 UI/UX-дизайнер

Создает макет сайта. В результате работы дизайнер передает макет (изображение сайта) веб-разработчикам, которые на основе макета создают работающий сайт.
UI-дизайнер (от user interface - пользовательский интерфейс) - делает “красиво”.
UX-дизайнер (от user experience - пользовательский опыт) - заботится об удобстве сайта, чтобы интерфейс был интуитивно понятным и удобным.
Сейчас в большистве случаев один человек выполняет обе роли.

🔶 Machine Learning инженер

Инженеры по машинному обучению обрабатывает большие объемы данных и создает системы искусственного интеллекта.

Это намного ближе к нам, чем кажется на первый взгляд. Например, когда вы в Яндекс.еде заказываете роллы, а приложение в корзине рекомендует вам купить еще и том ям - это алгоритмы искусственного интеллекта, который на основе миллионов покупок прогнозирует, что, возможно, вы еще можете купить.😉

⁉️ В каких профессиях сейчас самый низкий порог входа?

Это фронтенд-разработка, дизайн и тестирование. 😊
1