HTML Diff
0 added 0 removed
Original 2026-01-01
Modified 2026-02-21
1 <p><a>#статьи</a></p>
1 <p><a>#статьи</a></p>
2 <ul><li>16 авг 2022</li>
2 <ul><li>16 авг 2022</li>
3 <li>0</li>
3 <li>0</li>
4 </ul><p>В веб-разработке множество инструментов - и подходят они не только для фронтенда. Рассказываем, кто их выбирает и применяет и как этому научиться.</p>
4 </ul><p>В веб-разработке множество инструментов - и подходят они не только для фронтенда. Рассказываем, кто их выбирает и применяет и как этому научиться.</p>
5 <p>Иллюстрация: Оля Ежак для Skillbox Media</p>
5 <p>Иллюстрация: Оля Ежак для Skillbox Media</p>
6 <p>Fullstack-разработчик на JavaScript - настоящий универсал. В одиночку он может сделать всё: сверстать страницу, оживить её с помощью ванильного JS или модификаций и применить подходящий фреймворк, библиотеку или API, а также собрать весь бэкенд.</p>
6 <p>Fullstack-разработчик на JavaScript - настоящий универсал. В одиночку он может сделать всё: сверстать страницу, оживить её с помощью ванильного JS или модификаций и применить подходящий фреймворк, библиотеку или API, а также собрать весь бэкенд.</p>
7 <p>Fullstack - это сфера деятельности разработчика широкого профиля, который умеет работать с <a><strong>фронтендом</strong></a><strong></strong>(клиентская сторона, пользовательский интерфейс) и <a><strong>бэкендом</strong></a><strong></strong>(сторона сервера + база данных).</p>
7 <p>Fullstack - это сфера деятельности разработчика широкого профиля, который умеет работать с <a><strong>фронтендом</strong></a><strong></strong>(клиентская сторона, пользовательский интерфейс) и <a><strong>бэкендом</strong></a><strong></strong>(сторона сервера + база данных).</p>
8 <p>Сам термин переводится как "полный стек", что можно считать отсылкой к одноимённой структуре для хранения данных - стеку. Однако, когда говорят о работе фулстек-специалиста, речь идёт не о структуре, а о наборе технологий для решения определённых задач.</p>
8 <p>Сам термин переводится как "полный стек", что можно считать отсылкой к одноимённой структуре для хранения данных - стеку. Однако, когда говорят о работе фулстек-специалиста, речь идёт не о структуре, а о наборе технологий для решения определённых задач.</p>
9 <p>Выходит, что фулстек-разработчик должен знать технологии и для создания фронтенда, и для создания бэкенда. В нашем случае - делать это всё на JavaScript и его инструментах (фреймворки, библиотеки и тому подобном).</p>
9 <p>Выходит, что фулстек-разработчик должен знать технологии и для создания фронтенда, и для создания бэкенда. В нашем случае - делать это всё на JavaScript и его инструментах (фреймворки, библиотеки и тому подобном).</p>
10 <p>Помимо знания нужных технологий, опытный фулстек-разработчик:</p>
10 <p>Помимо знания нужных технологий, опытный фулстек-разработчик:</p>
11 <ul><li>ориентируется в существующих новых инструментах и трендах;</li>
11 <ul><li>ориентируется в существующих новых инструментах и трендах;</li>
12 <li>мыслит системно и способен посоветовать, на чём лучше делать проект;</li>
12 <li>мыслит системно и способен посоветовать, на чём лучше делать проект;</li>
13 <li>может организовать работу специалистов более узкого профиля;</li>
13 <li>может организовать работу специалистов более узкого профиля;</li>
14 <li>может уменьшить стоимость проекта и сэкономить время на разработку.</li>
14 <li>может уменьшить стоимость проекта и сэкономить время на разработку.</li>
15 </ul><p>Однако есть и минусы: так как фулстек - универсал, то он, как правило, знает и фронтенд, и бэкенд хуже узких специалистов и не может угнаться за всеми новыми технологиями. А следовательно, может чаще ошибаться в выборе стека для проекта или не владеть нужными инструментами в необходимом объёме (грубо говоря, может наговнокодить).</p>
15 </ul><p>Однако есть и минусы: так как фулстек - универсал, то он, как правило, знает и фронтенд, и бэкенд хуже узких специалистов и не может угнаться за всеми новыми технологиями. А следовательно, может чаще ошибаться в выборе стека для проекта или не владеть нужными инструментами в необходимом объёме (грубо говоря, может наговнокодить).</p>
16 <p>Фулстек-разработчики бывают разными, и у всех своя специфика (к примеру, существует направление fullstack на PHP). Давайте посмотрим, какая связь между подходом fullstack и языком JavaScript.</p>
16 <p>Фулстек-разработчики бывают разными, и у всех своя специфика (к примеру, существует направление fullstack на PHP). Давайте посмотрим, какая связь между подходом fullstack и языком JavaScript.</p>
17 <p><a>JavaScript</a> - краеугольный камень фронтенда (вместе с HTML и CSS), который позволяет с помощью скриптов управлять поведением страницы и её элементов. Он поддерживается всеми браузерами (и выполняется прямо в них, встроенными средствами) и актуальности пока не теряет. Взглянем на него с точки зрения статистики (данные за август 2022 года):</p>
17 <p><a>JavaScript</a> - краеугольный камень фронтенда (вместе с HTML и CSS), который позволяет с помощью скриптов управлять поведением страницы и её элементов. Он поддерживается всеми браузерами (и выполняется прямо в них, встроенными средствами) и актуальности пока не теряет. Взглянем на него с точки зрения статистики (данные за август 2022 года):</p>
18 <ul><li>7-е место с 2,33% поисковых запросов в мире по <a>рейтингу TIOBE</a>;</li>
18 <ul><li>7-е место с 2,33% поисковых запросов в мире по <a>рейтингу TIOBE</a>;</li>
19 <li>согласно результатам <a>последнего</a>ежегодного исследования <a>Stack Overflow Annual Developer Survey (2022)</a>, JavaScript - самый популярный язык. Его выбрали 65,36% разработчиков;</li>
19 <li>согласно результатам <a>последнего</a>ежегодного исследования <a>Stack Overflow Annual Developer Survey (2022)</a>, JavaScript - самый популярный язык. Его выбрали 65,36% разработчиков;</li>
20 <li>в <a>рейтинге PYPL</a> JavaScript находится на 3-м месте с долей поисковых запросов руководств по языку, равной 9,48%;</li>
20 <li>в <a>рейтинге PYPL</a> JavaScript находится на 3-м месте с долей поисковых запросов руководств по языку, равной 9,48%;</li>
21 <li>аналитический портал W3Techs и вовсе <a>утверждает</a>, что JS используется на 98% сайтов в мире!</li>
21 <li>аналитический портал W3Techs и вовсе <a>утверждает</a>, что JS используется на 98% сайтов в мире!</li>
22 </ul><p>Да что там, просто посмотрите, сколько вакансий разработчиков на карьерных сайтах включают в себя требование знать JavaScript. Никаким питонам такое и не снилось.</p>
22 </ul><p>Да что там, просто посмотрите, сколько вакансий разработчиков на карьерных сайтах включают в себя требование знать JavaScript. Никаким питонам такое и не снилось.</p>
23 <p>То есть даже по этим данным уже можно оценить потребность в JavaScript-разработчиках. И конечно же, очень привлекает идея не изучать плюсом к JS ещё и PHP или какие-нибудь Go с Python, а делать фронтенд и бэкенд на одном языке. Это же логично и просто?</p>
23 <p>То есть даже по этим данным уже можно оценить потребность в JavaScript-разработчиках. И конечно же, очень привлекает идея не изучать плюсом к JS ещё и PHP или какие-нибудь Go с Python, а делать фронтенд и бэкенд на одном языке. Это же логично и просто?</p>
24 <p>Не совсем. Тут есть проблемы: некоторые функции на чистом JS реализовать нельзя - или же это проще сделать с помощью других языков. Правда, проблемы эти решаемы: существует множество основанных на JavaScript сред разработки, фреймворков, библиотек, модулей, API и даже альтернативных вариантов языка (типа TypeScript или уже отошедшего в мир иной CoffeeScript). Многие из них помогают упростить разработку на JS и обойти его ограничения, но требуют времени на изучение и даже могут считаться отдельными направлениями.</p>
24 <p>Не совсем. Тут есть проблемы: некоторые функции на чистом JS реализовать нельзя - или же это проще сделать с помощью других языков. Правда, проблемы эти решаемы: существует множество основанных на JavaScript сред разработки, фреймворков, библиотек, модулей, API и даже альтернативных вариантов языка (типа TypeScript или уже отошедшего в мир иной CoffeeScript). Многие из них помогают упростить разработку на JS и обойти его ограничения, но требуют времени на изучение и даже могут считаться отдельными направлениями.</p>
25 <p>Например, есть популярный фреймворк Node.js для работы с бэкендом, React - для создания интерфейсов. Компилируемый язык TypeScript - надстройка над JavaScript со статической типизацией и другими плюшками.</p>
25 <p>Например, есть популярный фреймворк Node.js для работы с бэкендом, React - для создания интерфейсов. Компилируемый язык TypeScript - надстройка над JavaScript со статической типизацией и другими плюшками.</p>
26 <p>Что мы имеем в итоге: существует популярный язык программирования для решения значительного числа задач и целая экосистема дополнительных решений (библиотек, фреймворков и тому подобного). Именно поэтому рынок решил, что нанимать специалистов, способных на основе JavaScript и его инструментов создавать и фронтенд, и бэкенд веб-приложений, - это отличная идея.</p>
26 <p>Что мы имеем в итоге: существует популярный язык программирования для решения значительного числа задач и целая экосистема дополнительных решений (библиотек, фреймворков и тому подобного). Именно поэтому рынок решил, что нанимать специалистов, способных на основе JavaScript и его инструментов создавать и фронтенд, и бэкенд веб-приложений, - это отличная идея.</p>
27 <em>Кадр: мультсериал "Футурама"</em><p>Вот небольшой чек-лист для проверки, подойдёт ли вам эта специальность:</p>
27 <em>Кадр: мультсериал "Футурама"</em><p>Вот небольшой чек-лист для проверки, подойдёт ли вам эта специальность:</p>
28 <ul><li>вы хотели бы развиваться в веб-разработке, и при обсуждении веба у вас горят глаза;</li>
28 <ul><li>вы хотели бы развиваться в веб-разработке, и при обсуждении веба у вас горят глаза;</li>
29 <li>вам было бы интересно решать разнообразные задачи - как во фронтенде, так и в бэкенде;</li>
29 <li>вам было бы интересно решать разнообразные задачи - как во фронтенде, так и в бэкенде;</li>
30 <li>вы любите язык JavaScript<em>и не даёте другим его ругать</em>;</li>
30 <li>вы любите язык JavaScript<em>и не даёте другим его ругать</em>;</li>
31 <li>вы хотите постоянно изучать что-то новое.</li>
31 <li>вы хотите постоянно изучать что-то новое.</li>
32 </ul><p>Если вы не отметили какой-то пункт, возможно, стоит обратиться к другим направлениям. Если же все пункты вам подходят - профессия точно для вас :)</p>
32 </ul><p>Если вы не отметили какой-то пункт, возможно, стоит обратиться к другим направлениям. Если же все пункты вам подходят - профессия точно для вас :)</p>
33 <p>Даже если у вас есть определённый опыт веб-разработки, чтобы стать фулстеком на JS, придётся много учиться. Необходимо не только уверенное владение самим JavaScript и созданием страниц на HTML/CSS, но и следующие скиллы:</p>
33 <p>Даже если у вас есть определённый опыт веб-разработки, чтобы стать фулстеком на JS, придётся много учиться. Необходимо не только уверенное владение самим JavaScript и созданием страниц на HTML/CSS, но и следующие скиллы:</p>
34 <ul><li>знание основ Computer Science и теории разработки ПО (алгоритмы, структуры данных, архитектура, паттерны проектирования);</li>
34 <ul><li>знание основ Computer Science и теории разработки ПО (алгоритмы, структуры данных, архитектура, паттерны проектирования);</li>
35 <li>понимание основных принципов работы интернета и клиент-серверного взаимодействия (протокол HTTP, WebSocket, REST API), а также знание баз данных (язык SQL и СУБД - MySQL, PostgreSQL или MongoDB);</li>
35 <li>понимание основных принципов работы интернета и клиент-серверного взаимодействия (протокол HTTP, WebSocket, REST API), а также знание баз данных (язык SQL и СУБД - MySQL, PostgreSQL или MongoDB);</li>
36 <li>знакомство хотя бы с парой наиболее популярных дополнительных инструментов JavaScript-разработчика - фреймворков и не только;</li>
36 <li>знакомство хотя бы с парой наиболее популярных дополнительных инструментов JavaScript-разработчика - фреймворков и не только;</li>
37 <li>умение пользоваться системой контроля версий Git;</li>
37 <li>умение пользоваться системой контроля версий Git;</li>
38 <li>представление об управлении проектами (Agile, Scrum) и тестировании.</li>
38 <li>представление об управлении проектами (Agile, Scrum) и тестировании.</li>
39 </ul><p>Список "идеального fullstack-JavaScript-разработчика" можно продолжать долго, но все с чего-то начинают - для этого в вашем распоряжении многочисленные статьи, книги, видео и онлайн-курсы.</p>
39 </ul><p>Список "идеального fullstack-JavaScript-разработчика" можно продолжать долго, но все с чего-то начинают - для этого в вашем распоряжении многочисленные статьи, книги, видео и онлайн-курсы.</p>
40 <p>Единого пути обучения не существует, так на что обратить внимание прежде всего? Существует определённое ядро технологий, поэтому на старте будет разумно методично освоить HTML, CSS и JavaScript. После этого изучите какой-нибудь из популярных инструментов - например, Node.js для бэкенда и React для фронтенда.</p>
40 <p>Единого пути обучения не существует, так на что обратить внимание прежде всего? Существует определённое ядро технологий, поэтому на старте будет разумно методично освоить HTML, CSS и JavaScript. После этого изучите какой-нибудь из популярных инструментов - например, Node.js для бэкенда и React для фронтенда.</p>
41 <p>Дальше - поработайте с базами данных. Довольно популярен PostgreSQL. Если разберётесь с ним, другие SQL-базы освоить будет гораздо легче. Конечно, понадобятся и основы языка запросов SQL.</p>
41 <p>Дальше - поработайте с базами данных. Довольно популярен PostgreSQL. Если разберётесь с ним, другие SQL-базы освоить будет гораздо легче. Конечно, понадобятся и основы языка запросов SQL.</p>
42 <p>И параллельно решайте как можно больше практических задач - на том же LeetCode или в рамках курса, который будете проходить, а также возьмитесь за пет-проект: он поможет продемонстрировать ваши навыки и знание различных технологий.</p>
42 <p>И параллельно решайте как можно больше практических задач - на том же LeetCode или в рамках курса, который будете проходить, а также возьмитесь за пет-проект: он поможет продемонстрировать ваши навыки и знание различных технологий.</p>
43 <p>Однако помните, что фулстек-разработчик - специалист уровня middle или senior. Начинать карьеру всё-таки придётся с фронтенда или бэкенда.</p>
43 <p>Однако помните, что фулстек-разработчик - специалист уровня middle или senior. Начинать карьеру всё-таки придётся с фронтенда или бэкенда.</p>
44 Количество вакансий fullstack-JavaScript-разработчиков на HeadHunter в августе 2022 года<em>Скриншот: Skillbox Media</em><p>По данным hh.ru, прямо сейчас открыто более 400 вакансий fullstack-JavaScript-разработчиков (однако надо понимать, что в выборку неизбежно попадают и некоторые вакансии с другим стеком). Почти половина предложений (192) - в Москве, на втором месте - Санкт-Петербург (90).</p>
44 Количество вакансий fullstack-JavaScript-разработчиков на HeadHunter в августе 2022 года<em>Скриншот: Skillbox Media</em><p>По данным hh.ru, прямо сейчас открыто более 400 вакансий fullstack-JavaScript-разработчиков (однако надо понимать, что в выборку неизбежно попадают и некоторые вакансии с другим стеком). Почти половина предложений (192) - в Москве, на втором месте - Санкт-Петербург (90).</p>
45 Приблизительные зарплаты fullstack-JavaScript-разработчиков на HeadHunter в августе 2022 года<em>Скриншот: Skillbox Media</em><p>В большей части вакансий предполагается зарплата в размере 105-205 тысяч рублей, в чуть меньшей - 205-310 тысяч. Опытные специалисты могут рассчитывать на 500 тысяч и более.</p>
45 Приблизительные зарплаты fullstack-JavaScript-разработчиков на HeadHunter в августе 2022 года<em>Скриншот: Skillbox Media</em><p>В большей части вакансий предполагается зарплата в размере 105-205 тысяч рублей, в чуть меньшей - 205-310 тысяч. Опытные специалисты могут рассчитывать на 500 тысяч и более.</p>
46 <p>Требования вакансий примерно соответствуют статистике использования инструментов: ищут разработчиков с опытом на Node.js, TypeScript, React, Vue, Angular, но за пределами JS могут также попросить знание SQL, PHP, Nginx и Linux.</p>
46 <p>Требования вакансий примерно соответствуют статистике использования инструментов: ищут разработчиков с опытом на Node.js, TypeScript, React, Vue, Angular, но за пределами JS могут также попросить знание SQL, PHP, Nginx и Linux.</p>
47 <p>Давайте взглянем на реальные объявления о поиске fullstack-разработчиков на JavaScript. Первой попалась вакансия, где обещают платить 10 тысяч долларов.</p>
47 <p>Давайте взглянем на реальные объявления о поиске fullstack-разработчиков на JavaScript. Первой попалась вакансия, где обещают платить 10 тысяч долларов.</p>
48 Поисковая выдача портала hh.ru: пример вакансии<em>Скриншот Skillbox Media</em><p>Что требуется от специалиста, которого оценивают настолько высоко? Список длинный: знание JavaScript, Node.js, TypeScript, Vue.js, MySQL, PostgreSQL, Docker, Kubernetes и других технологий.</p>
48 Поисковая выдача портала hh.ru: пример вакансии<em>Скриншот Skillbox Media</em><p>Что требуется от специалиста, которого оценивают настолько высоко? Список длинный: знание JavaScript, Node.js, TypeScript, Vue.js, MySQL, PostgreSQL, Docker, Kubernetes и других технологий.</p>
49 <p>Посмотрим другое объявление - здесь обещают 350-550 тысяч рублей.</p>
49 <p>Посмотрим другое объявление - здесь обещают 350-550 тысяч рублей.</p>
50 <em>Скриншот: Skillbox Media</em><p>В данном случае работодателю нужен разработчик, разбирающийся в блокчейне и знающий JavaScript, TypeScript, React или Angular и Web3.js.</p>
50 <em>Скриншот: Skillbox Media</em><p>В данном случае работодателю нужен разработчик, разбирающийся в блокчейне и знающий JavaScript, TypeScript, React или Angular и Web3.js.</p>
51 <p>Третье интересное объявление - здесь предлагают 2500-4500 долларов.</p>
51 <p>Третье интересное объявление - здесь предлагают 2500-4500 долларов.</p>
52 <em>Скриншот: Skillbox Media</em><p>Работодатель ищет разработчика на Node.js, React и Vue.js, уточняя: "В основе Node.js и MongoDB. На фронте Webpack/React/Vue.js. Основная часть кода написана на TypeScript".</p>
52 <em>Скриншот: Skillbox Media</em><p>Работодатель ищет разработчика на Node.js, React и Vue.js, уточняя: "В основе Node.js и MongoDB. На фронте Webpack/React/Vue.js. Основная часть кода написана на TypeScript".</p>
53 JavaScript - захватывающий, как "Звёздные войны"<em>Кадр: фильм "Звёздные войны: Эпизод 3 - Месть ситхов"</em><p>Должно быть, у вас сложилось впечатление, что стать фулстеком на JS не так-то просто. Это верно, однако, как сказал Гёте: "И великий человек - всего лишь человек". Поэтому просто наберитесь терпения, изучайте актуальные инструменты и практикуйтесь - ваша идеальная вакансия из будущего уже формируется.</p>
53 JavaScript - захватывающий, как "Звёздные войны"<em>Кадр: фильм "Звёздные войны: Эпизод 3 - Месть ситхов"</em><p>Должно быть, у вас сложилось впечатление, что стать фулстеком на JS не так-то просто. Это верно, однако, как сказал Гёте: "И великий человек - всего лишь человек". Поэтому просто наберитесь терпения, изучайте актуальные инструменты и практикуйтесь - ваша идеальная вакансия из будущего уже формируется.</p>
54 <a><b>Бесплатный курс по Python ➞</b>Мини-курс для новичков и для опытных кодеров. 4 крутых проекта в портфолио, живое общение со спикером. Кликните и узнайте, чему можно научиться на курсе. Смотреть программу</a>
54 <a><b>Бесплатный курс по Python ➞</b>Мини-курс для новичков и для опытных кодеров. 4 крутых проекта в портфолио, живое общение со спикером. Кликните и узнайте, чему можно научиться на курсе. Смотреть программу</a>