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>3 май 2018</li>
2
<ul><li>3 май 2018</li>
3
<li>0</li>
3
<li>0</li>
4
</ul><p>Среди разработчиков возникает много споров, какой язык программирования стоит выучить первым. На личном опыте рассказываем, почему JavaScript.</p>
4
</ul><p>Среди разработчиков возникает много споров, какой язык программирования стоит выучить первым. На личном опыте рассказываем, почему JavaScript.</p>
5
<p>Охотник за авторским контентом - ищет спикеров, помогает им делать авторские колонки, берёт интервью. Писал тексты для TJournal, vc.ru, Reed.media, Apparat, "Секрета фирмы", Accent.</p>
5
<p>Охотник за авторским контентом - ищет спикеров, помогает им делать авторские колонки, берёт интервью. Писал тексты для TJournal, vc.ru, Reed.media, Apparat, "Секрета фирмы", Accent.</p>
6
<p>Чтобы не прыгать с одного языка на другой, важно определиться с тем, какие задачи вы хотите решать программированием. Одни рекомендуют Ruby on Rails, Java, PHP, Python, JavaScript. Кто-то советует начать с C++ или GO. В этой статье я расскажу, почему первый язык программирования для меня - это JavaScript.</p>
6
<p>Чтобы не прыгать с одного языка на другой, важно определиться с тем, какие задачи вы хотите решать программированием. Одни рекомендуют Ruby on Rails, Java, PHP, Python, JavaScript. Кто-то советует начать с C++ или GO. В этой статье я расскажу, почему первый язык программирования для меня - это JavaScript.</p>
7
<p>В веб-разработке JavaScript преподносится как язык по умолчанию. Он идеально подходит, если вы хотите создавать что-то большое и сложное. Но это не единственная причина, по которой стоит выбрать JavaScript в качестве первого языка программирования.</p>
7
<p>В веб-разработке JavaScript преподносится как язык по умолчанию. Он идеально подходит, если вы хотите создавать что-то большое и сложное. Но это не единственная причина, по которой стоит выбрать JavaScript в качестве первого языка программирования.</p>
8
<p>Чтобы работать с JavaScript, не нужно ничего скачивать, устанавливать и компилировать, как для большинства других языков. Для новичка в программировании это особенно важно. Командная строка и компилятор - это, конечно, важно, но вначале они только усложняют учёбу и отбивают интерес к программированию. Всё, что нужно для работы с <a>JavaScript</a>, - это браузер.</p>
8
<p>Чтобы работать с JavaScript, не нужно ничего скачивать, устанавливать и компилировать, как для большинства других языков. Для новичка в программировании это особенно важно. Командная строка и компилятор - это, конечно, важно, но вначале они только усложняют учёбу и отбивают интерес к программированию. Всё, что нужно для работы с <a>JavaScript</a>, - это браузер.</p>
9
<p>Кликните правой кнопкой мыши в любом месте на странице, выберите "Просмотреть код".</p>
9
<p>Кликните правой кнопкой мыши в любом месте на странице, выберите "Просмотреть код".</p>
10
<p>Далее выберите<em>Console</em>. Перед вами откроется окно консоли разработчика. Другой способ - клавиша<em>F12</em>на Windows или<em>Cmd+Opt+J</em>на Маке.</p>
10
<p>Далее выберите<em>Console</em>. Перед вами откроется окно консоли разработчика. Другой способ - клавиша<em>F12</em>на Windows или<em>Cmd+Opt+J</em>на Маке.</p>
11
<p>Попробуйте написать первую стандартную команду -<em>console.log ('Hello, JS! ');</em>и нажмите<em>Enter</em>. В скобках вместо<em>'Hello, JS! '</em>может быть любое предложение. Главное - не забудьте кавычки, если это набор букв. Ниже строкой консоль выведет ваше сообщение.</p>
11
<p>Попробуйте написать первую стандартную команду -<em>console.log ('Hello, JS! ');</em>и нажмите<em>Enter</em>. В скобках вместо<em>'Hello, JS! '</em>может быть любое предложение. Главное - не забудьте кавычки, если это набор букв. Ниже строкой консоль выведет ваше сообщение.</p>
12
<ul><li><a>Книга "Выразительный JavaScript"</a>.</li>
12
<ul><li><a>Книга "Выразительный JavaScript"</a>.</li>
13
<li><a>Современный учебник Javascript</a>.</li>
13
<li><a>Современный учебник Javascript</a>.</li>
14
<li><a>Ресурсы по JavaScript на Mozilla Developer Network</a>.</li>
14
<li><a>Ресурсы по JavaScript на Mozilla Developer Network</a>.</li>
15
<li><a>Курс JavaScript от CodeCademy</a>(на английском).</li>
15
<li><a>Курс JavaScript от CodeCademy</a>(на английском).</li>
16
<li><a>FreeCodeCamp</a>(на английском).</li>
16
<li><a>FreeCodeCamp</a>(на английском).</li>
17
<li><a>Вебинар "Программируем на JavaScript" от Skillbox</a>.</li>
17
<li><a>Вебинар "Программируем на JavaScript" от Skillbox</a>.</li>
18
<li><a>Вебинар "JavaScript, PHP и MySQL" от Skillbox</a>.</li>
18
<li><a>Вебинар "JavaScript, PHP и MySQL" от Skillbox</a>.</li>
19
</ul><p>Базовых знаний JavaScript и принципов работы DOM достаточно для создания хоть и примитивных, но всё же рабочих приложений: органайзер для ведения списка дел, калькулятор, конвертер температур. Два месяца активного изучения основ JavaScript было достаточно, чтобы разобраться с простейшим приложением для списка гостей - RSVP app.</p>
19
</ul><p>Базовых знаний JavaScript и принципов работы DOM достаточно для создания хоть и примитивных, но всё же рабочих приложений: органайзер для ведения списка дел, калькулятор, конвертер температур. Два месяца активного изучения основ JavaScript было достаточно, чтобы разобраться с простейшим приложением для списка гостей - RSVP app.</p>
20
function createLI(text) { const li = document.createElement('li'); const span = document.createElement('span'); span.textContent = text; li.appendChild(span); const label = document.createElement('label'); label.textContent = 'Confirmed'; const checkbox = document.createElement('input'); checkbox.type = 'checkbox' label.appendChild(checkbox); li.appendChild(label); const editButton = document.createElement("button"); editButton.textContent = 'edit'; li.appendChild(editButton); const removeButton = document.createElement('button'); removeButton.textContent = 'remove'; li.appendChild(removeButton); return li; } form.addEventlistener('submit', (e) => { e.preventDefault(); const text = input.value; input.value = ''; const li = createLI(text); ul.appendChild (li); });Пример кода для приложения RSVP<p>Возможно, что по мере знакомства с программированием сфера ваших интересов изменится: вместо фронтенда вы сфокусируетесь на бэкенде или захотите углубиться в мобильную разработку. JavaScript не ограничивается лишь интерактивностью сайтов и клиентской стороной.</p>
20
function createLI(text) { const li = document.createElement('li'); const span = document.createElement('span'); span.textContent = text; li.appendChild(span); const label = document.createElement('label'); label.textContent = 'Confirmed'; const checkbox = document.createElement('input'); checkbox.type = 'checkbox' label.appendChild(checkbox); li.appendChild(label); const editButton = document.createElement("button"); editButton.textContent = 'edit'; li.appendChild(editButton); const removeButton = document.createElement('button'); removeButton.textContent = 'remove'; li.appendChild(removeButton); return li; } form.addEventlistener('submit', (e) => { e.preventDefault(); const text = input.value; input.value = ''; const li = createLI(text); ul.appendChild (li); });Пример кода для приложения RSVP<p>Возможно, что по мере знакомства с программированием сфера ваших интересов изменится: вместо фронтенда вы сфокусируетесь на бэкенде или захотите углубиться в мобильную разработку. JavaScript не ограничивается лишь интерактивностью сайтов и клиентской стороной.</p>
21
Пример визуализации данных с D3.js.<a>Источник</a><p>Фреймовики и библиотеки JavaScript позволяют создавать десктопные приложения -<em>Electron</em>, мобильные приложения -<em>React Native</em>, игры -<em>Phaser</em>, а также работать с визуализацией данных -<em>D3.js</em>, базами данных -<em>mongoDB</em>, анимацией -<em>Three.js</em>.</p>
21
Пример визуализации данных с D3.js.<a>Источник</a><p>Фреймовики и библиотеки JavaScript позволяют создавать десктопные приложения -<em>Electron</em>, мобильные приложения -<em>React Native</em>, игры -<em>Phaser</em>, а также работать с визуализацией данных -<em>D3.js</em>, базами данных -<em>mongoDB</em>, анимацией -<em>Three.js</em>.</p>
22
<p><strong>JavaScript - один из самых популярных и быстроразвивающихся языков.</strong></p>
22
<p><strong>JavaScript - один из самых популярных и быстроразвивающихся языков.</strong></p>
23
<p>Ваш первый язык программирования не обязательно будет основным, мало кто ограничивается одной технологией. Но если вы планируете сделать JavaScript профильным языком, то международное JS-сообщество вам в помощь. Согласно<a>исследованию TIOBE</a>в 2021 году JavaScript был на седьмом месте среди 10 наиболее популярных языков.</p>
23
<p>Ваш первый язык программирования не обязательно будет основным, мало кто ограничивается одной технологией. Но если вы планируете сделать JavaScript профильным языком, то международное JS-сообщество вам в помощь. Согласно<a>исследованию TIOBE</a>в 2021 году JavaScript был на седьмом месте среди 10 наиболее популярных языков.</p>
24
10 наиболее популярных языков по версии TIOBE<p>Кроме этого, JavaScript находится на третьем месте среди самых популярных языков на GitHub.</p>
24
10 наиболее популярных языков по версии TIOBE<p>Кроме этого, JavaScript находится на третьем месте среди самых популярных языков на GitHub.</p>
25
Наиболее популярные языки по версии GitHub<p>Платят JavaScript-разработчикам тоже прилично. Например, Junior-специалистам на hh.ru компании предлагают зарплаты в среднем от 60 тысяч.</p>
25
Наиболее популярные языки по версии GitHub<p>Платят JavaScript-разработчикам тоже прилично. Например, Junior-специалистам на hh.ru компании предлагают зарплаты в среднем от 60 тысяч.</p>
26
<p>Очевидно, что такой к такой зарплате прилагается список технических и софт скиллов. Вот некоторые из них:</p>
26
<p>Очевидно, что такой к такой зарплате прилагается список технических и софт скиллов. Вот некоторые из них:</p>
27
<ul><li>Знать HTML, CSS, JS;</li>
27
<ul><li>Знать HTML, CSS, JS;</li>
28
<li>Желательно иметь представление о TypeScript, Git, Angular, SCSS, WebComponents, React и Vue;</li>
28
<li>Желательно иметь представление о TypeScript, Git, Angular, SCSS, WebComponents, React и Vue;</li>
29
<li>Уметь эффективно общаться с менеджерами и коллегами;</li>
29
<li>Уметь эффективно общаться с менеджерами и коллегами;</li>
30
<li>Знать про препроцессорами, оптимизацию кода и переиспользование его в новых проектах;</li>
30
<li>Знать про препроцессорами, оптимизацию кода и переиспользование его в новых проектах;</li>
31
<li>Понимать принципы ООП, шаблонов проектирования, структур данных и алгоритмов;</li>
31
<li>Понимать принципы ООП, шаблонов проектирования, структур данных и алгоритмов;</li>
32
<li>Технический английский на уровне чтения документации.</li>
32
<li>Технический английский на уровне чтения документации.</li>
33
</ul><p>JavaScript не идеален, а иногда хаотичный, бессистемный и бесконтрольно развивающийся язык, который путает новичков. Бесполезно гуглить "какой язык программирования мне выучить первым", потому что только вы знаете, для чего вам программирование и веб-разработка.</p>
33
</ul><p>JavaScript не идеален, а иногда хаотичный, бессистемный и бесконтрольно развивающийся язык, который путает новичков. Бесполезно гуглить "какой язык программирования мне выучить первым", потому что только вы знаете, для чего вам программирование и веб-разработка.</p>
34
<p><strong>Изучите статистику вакансий и определитесь, в каком из направлений программирования вы себя видите. Сперва поймите, какую проблему вам хочется решать. После обычный выбор средств для ее решения - это два-три языка и технологии.</strong></p>
34
<p><strong>Изучите статистику вакансий и определитесь, в каком из направлений программирования вы себя видите. Сперва поймите, какую проблему вам хочется решать. После обычный выбор средств для ее решения - это два-три языка и технологии.</strong></p>
35
<p><strong>Борис Горячев</strong></p>
35
<p><strong>Борис Горячев</strong></p>
36
<p>бэкенд-разработчик в Meduza (объявлена в России нежелательной организацией)</p>
36
<p>бэкенд-разработчик в Meduza (объявлена в России нежелательной организацией)</p>
37
<p>Новички бросают программирование по разным причинам. Одна из них - непонимание, как и для кого их код может работать. Хочется создавать продукты и приложения, которые приносят пользу. Ведь это лучшая мотивация как для начинающего, так и для опытного специалиста.</p>
37
<p>Новички бросают программирование по разным причинам. Одна из них - непонимание, как и для кого их код может работать. Хочется создавать продукты и приложения, которые приносят пользу. Ведь это лучшая мотивация как для начинающего, так и для опытного специалиста.</p>
38
<a><b>Бесплатный курс по Python ➞</b>Мини-курс для новичков и для опытных кодеров. 4 крутых проекта в портфолио, живое общение со спикером. Кликните и узнайте, чему можно научиться на курсе. Смотреть программу</a>
38
<a><b>Бесплатный курс по Python ➞</b>Мини-курс для новичков и для опытных кодеров. 4 крутых проекта в портфолио, живое общение со спикером. Кликните и узнайте, чему можно научиться на курсе. Смотреть программу</a>