Javascript стоит ли изучать: Зачем изучать JavaScript в 2020 году? — Разработка на vc.ru
Зачем изучать JavaScript в 2020 году? — Разработка на vc.ru
Кроссплатформенный язык программирования, который не имеет аналогов и значимых конкурентов. Для чего нужен, где пригодится и чем так популярен этот язык в мире сети, обсудим в нашей статье.
На сегодняшний день, JavaScript — единственный в своем роде язык, который работает во всех браузерах — Яндекс, Google Chrome, Safari, поддерживается всеми современными операционными системами, любыми мобильными платформами и т.д. Если ты планируешь связать свою будущую жизнь с программированием клиентской части сайта или хотя бы версткой — надо понимать, что без умения работать с JavaScript, там делать нечего.
Прогресс развития JavaScript идёт семимильными шагами. В 2009 году, благодаря гениальному Райану Далу, появилась платформа Node js. С помощью этой платформы, возможности JavaScript расширились и стали использоваться не только в браузерах, но и во многих других устройствах, приложениях и играх. Например, этот процесс можно запустить в бытовой технике, в той же посудомойке или робототехнике. Но в чём заключается роль JS? На JavaScript пишутся программы, которыми управляют микропроцессоры устройств. Это говорит о том, что сегодня JavaScript используется повсеместно.
JavaScript — это обработка событий
При работе с любым сайтом, совершая какое-либо кликабельное действие, включается JavaScript и обрабатывает
Язык JavaScript: плюсы, минусы, стоит ли изучать
Изучение языков программирования – процесс постоянный. Изучение языка касается не только тех, кто начинает свой путь в сфере высоких технологий, но и тех, кто уже в этой профессии. Если программист хочет быть востребованным и высокооплачиваемым, он должен постоянно учиться. Обусловлено это тем, что языки претерпевают изменения, появляются новые. Они удобнее в использовании и имеют более широкие возможности. Ярким примером является JavaScript – молодой, но невероятно популярный язык программирования.
Если представить, что сайт – это слоеный пирог, то технологии HTML и CSS являются коржами и кремом. А вот JavaScript – определенно вишенка на этом пироге. Если на странице не просто отображается текст, а происходит нечто большее – это JS в действии. Например, отображается карта с возможностью изменения масштаба, воспроизводится видео, работает анимация или даже просто автоматически обновляется текст. JavaScript отвечает за динамический контент.
Преимущества и возможности языка JavaScript
- Широкая распространенность. Любой браузер, любая операционная система поддерживает этот язык. Не будет проблем с запуском, ни на стационарном компьютере, ни на мобильном устройстве. Разработчику сайта теперь не нужно писать отдельные версии для разных типов устройств, тестировать и бороться с неожиданными ошибками. Достаточно проверить работоспособность кода в наиболее популярных браузерах. Любые, даже малоизвестные, браузеры разрабатываются с возможностью выполнения скриптов.
- JavaScript-приложение не требует установки на компьютер пользователя. Сценарии выполняются непосредственно в браузере, когда загружается страница. Пользователь не только не предпринимает каких-то действий для этого, он даже не замечает, что запустилось веб-приложение. Поэтому не требуется специальных знаний и навыков, чтобы использовать продукты разработки JS.
- Прост в изучении. Именно этому языку успешно обучают детей в школах. JavaScript отлично подходит для обучения программированию игр, мотивирует и заинтересовывает детей. Также этот язык позволяет быть уверенным, что написанный код может быть запущен кем угодно и на какой угодно платформе без установки дополнительных программ и настройки устройства. Это неоспоримое преимущество для учителя при обучении большого числа учащихся.
- Взаимодействие с Office. Как правило, для написания кода на том или ином языке необходимо загрузить и использовать предназначенную для этого среду, где впоследствии код будет написан и скомпилирован. Но редактировать код JS можно в редакторе Open Office и не загружать дополнительно специальную среду разработки. Язык JavaScript также используется в написании макросов для офисных программ.
- Язык высокого уровня. Это означает, что существует уже определенный набор команд, с помощью которых можно написать код. Не нужно прописывать действия на машинном коде. Язык высокого уровня упрощает работу программисту, но при этом не сужает спектр его возможностей.
- Быстрый для пользователя. Преимущество скорости JS получает благодаря тому, что код не компилируется на стороне клиента, ведь скрипт выполняется в браузере пользователя. Это значительно уменьшает нагрузку на сервер по сравнению с веб-приложениями, написанными на других языках.
Учитывая такую распространенность и доступность JavaScript, ему не нужно даже быть лучшим языком программирования. Достаточно быть просто хорошим со своими особенностями, противоречиями и некоторыми минусами.
Недостатки языка JavaScript
- В JavaScript не поможет компилятор. Невозможно узнать, работает ли программа до тех пор, пока ее выполнение не дойдет до нужной строчки. Если, например, в этой строке есть опечатка или программа не сможет сложить число с текстом. Тогда выполнение программы остановится. Но в других языках это можно выявить гораздо раньше – на этапе компиляции. Здесь же компилятор не укажет заранее на ошибки и опечатки или на то, что можно оптимизировать код.
- Необходимость использовать сторонние библиотеки. Язык не поддерживает возможность работы с файлами. Не работает с потоками ввода и вывода. В этих случаях приходится применять фреймворки и библиотеки от других разработчиков. И здесь программист не уверен, не возникнет ли конфликтов в системе в будущем.
- Низкая безопасность. В интернете легко можно найти и скачать исходные коды для популярных скриптов. Они находятся в свободном доступе. Поэтому сложно гарантировать, что веб-приложение на JS не будет взломано. Ухудшает ситуацию и то, что скрипт выполняется на стороне пользователя каждый раз во время загрузки страницы, а не на сервере, где можно было бы отследить поломку кода.
- Повсеместное использование. В случае возникновения более совершенного, более удобного языка, который позволит решать те же задачи, но с меньшим количеством ошибок и быстрее – все программы, написанные на JavaScript просто уйдут в небытие. Годы работы впустую. А попытки уже есть, например, google dart – возможная альтернатива.
- Непривычная объектная модель. Если новичкам учиться на JS отлично, то этого не скажешь про опытных программистов, которые привыкли к реализации классов и их наследованию в языках С# и C++. Здесь реализован другой подход, основанный на прототипах, и придется перестраиваться. То есть класс объектам не присваивается, а наследуется от других объектов (прототипов).
Вывод
Язык JavaScript, как и любой другой, обладает рядом преимуществ и имеет свои недостатки. Учить его или нет, пользоваться им в работе или нет – решать каждому самостоятельно. Но важно понимать, что как первый язык для изучения JS – отличный вариант. Он прост, доступен и имеет широкое распространение. Этого вполне достаточно, чтобы отдать ему предпочтение. Что касается опытных разработчиков, то понимать и уметь использовать JavaScript – это дополнительный показатель профессионализма.
Похожие записи
Каково оно учить JavaScript в 2016 / Хабр
— Эй, я получил новый веб-проект, но, если честно, я не занимался веб-кодингом в течение нескольких лет, и я слышал, все немного поменялось. Ты же самый современный веб-разработчик, правда?
— Это теперь называется Front-End инженер, но да, я — именно он. Я работаю с вебом в 2016. Визуализации, музыкальные плееры, летающие дроны, которые играют в футбол, все что угодно. Я только что вернулся из JsConf и ReactConf, так что я знаю новейшие технологии для создания веб-приложений.
— Круто. Мне нужно создать страницу, которая отображает последние действия со стороны пользователей, так что мне просто нужно получить данные от REST и отобразить их в какой-то фильтруемой таблице, ну и обновлять её, если что-то изменится на сервере. Я думал, может быть, использовать JQuery для извлечения и отображения данных?
— О, Мой Бог! Нет! Никто больше не использует JQuery. Ты должен попробовать React: это — 2016!
— Интересно. Что такое React?
— Это — очень крутая библиотека, сделанная ребятами из Facebook. Она реально дает полный контроль и повышает производительность приложения, позволяя очень легко обрабатывать любые изменения представлений.
— Звучит заманчиво. Могу ли я использовать React для отображения данных с сервера?
— Ага, но сначала нужно добавить React и React DOM в виде библиотек.
— Подожди, почему две библиотеки?
— Ну, одна — это сама библиотека, а вторая — для манипулирования DOM, который ты теперь можешь описать в JSX.
— JSX? Что такое JSX?
— JSX — это просто расширение синтаксиса JavaScript, который выглядит очень похоже на XML. Это своего рода еще один способ описать DOM. Думай о нем, как об улучшенном HTML.
— Что случилось с HTML?
— Это 2016. Никто больше не пишет на сыром HTML.
— Ну хорошо. Если я добавляю эти две библиотеки, то я могу использовать React?
— Не совсем. Нужно добавить Babel, а затем можно использовать React.
— Другая библиотека? Что за Babel?
— О, Babel — это транспайлер, он позволяет ориентироваться на конкретные версии JavaScript, в то время как пишешь код в любой версии JavaScript. Тебе не обязательно добавлять Babel для того, чтобы писать на ReactJS, но если ты это не сделаешь, то ты застрял с ES5, ну а это 2016, ты должен кодить в ES2016+ как и все крутые чуваки.
— ES5? ES2016+? Я потерялся. Что за ES5 и ES2016+?
— ES5 означает ECMAScript 5. Это версия, на которую ориентируется большинство, поскольку она реализована в большинстве браузеров на сегодняшний день.
— ECMAScript?
— Да, знаешь стандарт JavaScript, который был основан в 1999 году после его первоначального выпуска в 1995 году? Тогда, когда JavaScript был назван LiveScript и только работал в Netscape Navigator. Это было очень запутано тогда, но, к счастью, теперь все ясно, и у нас есть 7 версий этой реализации.
— 7 версий. Серьезно. А ES5 и ES2016+ это?…
— Пятое и седьмое издание соответственно.
— Подожди, а что случилось с шестым?
— ES6? Да, каждое издание является надстройкой предыдущего, так что если ты используешь ES2016+, то ты используешь все функции предыдущих версий.
— Хорошо. А зачем использовать ES2016+ над ES6 тогда?
— Ну, ты можешь использовать ES6, но для интересных штук, типа async и await, тебе нужно использовать ES2016+. В противном случае ты застрял с ES6 генераторами и сопрограммами для блокировки асинхронных вызовов и нормального управления потоком.
— Я понятия не имею, что ты только что сказал, и все эти имена запутаны. Слушай, я просто хочу загрузить кучу данных с сервера, просто подключить JQuery из CDN и просто получить данные с помощью AJAX. Почему я не могу сделать это?
— Чувак, это 2016. Никто не использует JQuery больше, это заканчивается кучей запутанного кода. Все же это знают.
— Ясно. Так что моя альтернатива — это загрузить три библиотеки для извлечения данных и отображения таблицы HTML.
— Ну, ты включаешь эти три библиотеки, но связываешь их с менеджером модулей, чтобы загрузить только один файл.
— Понятно. А что за менеджер модулей?
— Определение зависит от окружающей среды, но для веба мы обычно подразумеваем все, что поддерживает модули AMD или CommonJS.
— Хорошооооо. А AMD и CommonJS это?…
— Определения. Есть куча способов, чтобы описать, как несколько библиотек и классов JavaScript должны взаимодействовать. Ты можешь написать несколько файлов JavaScript, определяющих API AMD или CommonJS, и использовать что-то вроде Browserify, чтобы связывать их.
— Хорошо, имеет смысл… наверное. А что такое Browserify?
— Это инструмент, который позволяет связать CommonJS описанния зависимостей для файлов, которые могут быть запущены в браузере. Он был создан, потому что большинство людей публикуют эти зависимости в NPM.
— NPM?
— Это очень большое общественное хранилище, где умные люди постят код и зависимости в виде модулей.
— Как CDN?
— На самом деле, нет. Это больше похоже на централизованную базу данных, где каждый желающий может опубликовать и скачать библиотеки, так что ты можешь использовать их локально для разработки, а затем загрузить их на CDN, если захочешь.
— О, как Bower!
— Да, но это 2016, сейчас никто больше не использует Bower.
— Хм, ясно… так мне нужно загрузить библиотеки из NPM?
— Да. Например, если ты хочешь использовать React, то загружаешь модуль React и импортируешь его в коде. Это можно сделать для почти каждой популярной библиотеки JavaScript.
— О, это как в Angular!
— Angular это слишком 2015. Но да. Angular тоже там есть, наряду с VueJS, RxJS и другими интересными библиотеками из 2016. Хочешь узнать о них?
— Давай придерживаться React, я уже узнал слишком много о нем. Так что, если мне нужно использовать React, я вытяну его из этого NPM, а затем использую Browserify?
— Да.
— Это кажется слишком сложным, чтобы просто взять кучу зависимостей и связать их вместе.
— Ага, именно поэтому ты используешь менеджер задач, типа как Grunt или Gulp, или Broccoli для автоматизации запуска Browserify. Ты даже можешь использовать Mimosa.
— Grunt? Gulp? Broccoli? Mimosa? Черт возьми, о чём мы говорим сейчас?
— Task менеджеры. Но они уже не такие крутые. Мы использовали их в стиле 2015 с Makefiles, но теперь мы перешли на Webpack.
— Makefiles? Я думал, что в основном это используется для C или C++ проектов.
— Ага, но, видимо, в вебе мы любим делать вещи сложными, а затем вернуться к основам. Мы делаем это типа каждый год. Ты подожди, через год или два мы еще запилим сборки (assemblies) в вебе.
— Пффф. Ты упомянул что-то под названием Webpack?
— Это другой менеджер модулей для браузера, в то же время он и своего рода Task менеджер. Это как улучшенная версия Browserify.
— ОК. А почему он лучше?
— Ну, может быть не лучше, но более гибкий в плане того, как зависимости связаны. Webpack позволяет использовать различные менеджеры модулей, а не только CommonJS. Например, родные модули ES6.
— Я очень запутался в этих CommonJS/ES6.
— Да все в этом запутались, но можешь больше не париться, потому что есть SystemJS.
— О, Боже, опять что-то-JS. Хорошо, а что это за SystemJS?
— Ну, в отличие от Browserify и WebPack 1.x, SystemJS представляет собой динамический модуль загрузчика, который позволяет связать несколько модулей в нескольких файлах, а не связывая их в один большой файл.
— Подожди, я думал, что мы хотели объединить наши библиотеки в один большой файл и загрузить его!
— Да, но из-за HTTP/2 несколько HTTP запросов на самом деле лучше.
— Стоять! Так чего же мы не можем просто добавить три оригинальные библиотеки для React?
— Ты, конечно, можешь добавить их в качестве внешних скриптов с CDN, но все равно нужно будет добавить Babel.
— Эх. И это плохо, не так ли?
— Да, придется включить полностью Babel-core, а это не будет эффективным для production. На production необходимо выполнить ряд предварительных задач, чтобы проект был полностью готов, а это ритуал, в сравнении с которым вызвать дьявола — это рецепт как сварить яйцо. Надо будет минимизировать файлы, сделать uglify, поиграться со стилями, подумать о загрузке скриптов…
— Понял, понял. Но если не скачивать библиотеки непосредственно с CDN, то как иначе?
— Я бы сделал транспайл из TypeScript с помощью комбо Webpack + SystemJS + Babel.
— TypeScript? Я думал, что мы пишем код на JavaScript!
— Typescript — это и есть JavaScript, или, лучше сказать, надмножество JavaScript. Более конкретно — JavaScript на версии ES6. Ну, та шестая версия, о которой мы говорили.
— Я думал, что ES2016+ — уже надмножество ES6! Почему нам сейчас нужен еще и TypeScript?
— Потому что это позволяет нам использовать JavaScript как типизированный язык и уменьшить количество ошибок во время выполнения. Это 2016, надо добавить некоторые типы в код на JavaScript.
— И TypeScript, очевидно, делает это.
— И Flow, хотя он проверяет только типы, в то время как TypeScript является надстройкой JavaScript, который нужно скомпилировать.
— Эээ… и Flow?
— Это — инструмент для проверки статической типизации, сделанный парнями из Facebook. Они написали его на OCaml, так как функциональное программирование является удивительно крутым.
— OCaml? Функциональное программирование?
— Ну это то, что сегодня юзают крутые пацаны, ну типа, знаешь, 2016. Функциональное программирование. Функции высокого порядка. Currying. Pure функции.
— Я понятия не имею, что это.
— Никто не понимает, в начале. Надо просто знать, что функциональное программирование лучше, чем объектно-ориентированное программирование, и это то, что мы должны использовать в 2016 году.
— Подожди, я учил ООП в универе, я думал, что это круто?
— Ну так было пока Oracle не купил Java. Я имею в виду, что ООП был хорош раньше, и его используют до сих пор, но теперь каждый понимает, что манипулировать состояниями эквивалентно пинанию младенцев, так что теперь все движется к immutable объектам и функциональному программированию. Ребята из Haskell уже 100 лет кричат об этом, и это я еще не упоминал Elm. Но, к счастью, в сети теперь у нас есть такие библиотеки, как Ramda, которые позволяют нам использовать функциональное программирование на простом JavaScript.
— Ты что, просто придумываешь имена? Что еще за Ramnda?
— Нет. Ramda. Как и Lambda. Ну, знаешь, библиотека Дэвида Чембера?
— Дэвида кого?
— Дэвида Чембера. Крутой чел. Один из авторов Ramda. Глянь еще работы Эрика Мейера, если серьезно относишься к изучению функционального программирования.
— А Эрик Мейер это?…
— Тоже функциональщик. Крутой чел. У него есть куча презентаций, где он в странной цветной футболке громит Agile. Еще глянь что делают Tj, Jash Kenas, Sindre Sorhus, Paul Irish, Addy Osmani…
— ОК. Притормози. Все это хорошо и прекрасно, но я думаю, что все это слишком сложно и ненужно для простой выборки данных и их отображения. Я уверен, что я не должен знать этих людей или все эти вещи, чтобы создать таблицу с динамическими данными. Давай вернемся к React. Как я могу извлечь данные с сервера в React?
— Ну, на самом деле для выборки данных не надо React, он отображает данные.
— О, черт. Так а что используется для выборки данных?
— Используй Fetch для получения данных с сервера.
— Использовать Fetch для выборки данных? Тот, кто называет эти вещи, нуждается в тезаурусе.
— О, да. Fetch это имя нативной реализации для выполнения XMLHttpRequests.
— О, AJAX.
— AJAX это просто запросы XMLHttpRequest. А Fetch позволяет делать AJAX на основе промисов, которые затем можно резолвить, чтобы избежать callback hell.
— Callback hell?
— Да. Каждый раз, когда выполняется асинхронный запрос, ты должен ждать его ответа, который заставляет добавить функцию внутри функции, которая называется пирамида callback hell.
— О, хорошо. А промисы решают эту проблему?
— Еще бы! Манипулируя коллбеками через промисы, ты можешь писать более понятный код, тестировать его, а также выполнять несколько одновременных запросов одновременно и ждать, пока все они отработают.
— И это можно сделать с помощью Fetch?
— Да, но только в некоторых браузерах, в противном случае необходимо включить Fetch polyfill или использовать Request, Bluebird или Axios.
— Сколько библиотек мне нужно знать, ради бога? Сколько из них?
— Это JavaScript. Тут тысячи библиотек, которые делают одно и то же. Мы знаем эти библиотеки. Наши библиотеки огрооооомные, а иногда мы добавляем картинки с Guy Fieri в них.
— Guy Fieri? Давай покончим с этим. Что эти Bluebird, Request и Axios делают?
— Это библиотеки для выполнения XMLHttpRequests, которые возвращают промисы.
— А методы AJAX JQuery не возвращают промисы?
— Мы больше не используем «J» в 2016. Просто используйте Fetch polyfill или Bluebird, Request или Axios. Затем управляй промисами с async, await и Бац!, у тебя правильный поток управления.
— Это третий раз, когда ты говоришь о await, но я понятия не имею, что это такое.
— Await позволяет блокировать асинхронный вызов, что позволяет лучше все контролировать во время получения данных и увеличивает читаемость кода. Это потрясающе, просто нужно, чтобы убедиться, что ты добавил stage-3 в Babel, или использовать синтаксис асинхронных функций и плагин transform-async-to-generator.
— Это безумие.
— Нет, безумие — что нужно перекомпилировать код TypeScript, а затем транспайлить его с Babel, чтобы использовать await.
— Шта!? Это не входит в TypeScript?
— Входит в следующей версии, но в версии 1.7 он только ES6, так что если хочешь использовать await в браузере, сначала нужно скомпилировать код TypeScript в ES6, а затем транспайлить с Babel в ES5.
— Я не знаю, что сказать.
— Слушай, это легко. Пиши весь код в TypeScript. Все модули, использующие Fetch компилируй в ES6, транспайль их с Babel с stage-3, и загружай с SystemJS. Если у тебя нет Fetch, используй polyfill, или Bluebird, Request или Axios, и обрабатывай промисы с await.
— У нас очень разные определения «легко». Так, с этим ритуалом я, наконец, получил данные и теперь я могу показать их с помощью React правильно?
— А приложение будет обрабатывать любые изменения состояния?
— Грр, я не думаю. Мне просто нужно отобразить данные.
— О, слава богу. В противном случае мне пришлось бы объяснить Flux и реализации, такие как Flummox, Alt, Fluxible. Хотя, если быть честным ты должен использовать Redux.
— Как же достали эти имена. Опять же, мне просто нужно отобразить данные.
— А, если просто отобразить данные, не надо начинать с React. Можно взять движок шаблонов.
— Ты шутишь, что ли? Думаешь, это смешно?
— Да я просто объяснил, что ты мог бы использовать.
— Стоп. Просто остановись.
— Я имею в виду, даже если просто использовать шаблонизатор, я бы все равно использовал комбо TypeScript + SystemJS + Babel на твоем месте.
— Мне нужно отобразить данные на странице, а не выполнить оригинальный фаталити Sub Zero из Мортал Комбат. Просто скажи мне, какой движок шаблонов использовать.
— Их много, с каким ты знаком?
— Уф, не могу вспомнить название. Это было давно.
— jTemplates? jQote? PURE?
— Не то. Еще один?
— Transparency? JSRender? MarkupJS? KnockoutJS?
— Другой
— PlatesJS? JQuery-tmpl? Handlebars? Некоторые люди до сих пор используют его.
— Может быть. А есть что-то похожее на последний?
— Mustache, underscore? Я думаю, что теперь даже у lodash есть шаблонизатор, но это своего рода 2014.
— Грр… возможно он был поновее.
— Jade? DustJS?
— Нет.
— DotJS? EJS?
— Нет.
— Nunjucks? ЕСТ?
— Нет.
— Чувак, никто не любит синтаксис CoffeeScript в любом случае. Jade?
— Нет, ты уже сказал Jade.
— Ну я имел в виду Pug. Я имел в виду Jade. Я имею в виду, Jade теперь Pug.
— Пф. Нет. Не помню. Какой из них ты бы использовал?
— Наверное, нативный ES6 template strings.
— Дай угадаю. Это требует ES6.
— Да.
— Который, в зависимости от того, какой браузер я использую требует Babel.
— Да.
— Который, если я хочу включить без добавления всей библиотеки, нужно, загрузить в качестве модуля NPM.
— Да.
— Который, требует Browserify или Wepback, или, скорее всего, SystemJS.
— Да.
— Который, если это не Webpack, в идеале должен управляться Task runner-ом.
— Да.
— Но, так как я должен использовать функциональное программирование и типизированные языки, я в первую очередь должен предварительно скомпилировать TypeScript или добавить этот Flow.
— Да.
— А потом отправить это на обработку в Babel, если я хочу использовать await.
— Да.
— Так что я могу затем использовать Fetch, промисы и управление потоком и всю эту магию.
— Только не забудь polyfill Fetch, если он не поддерживается, Safari до сих пор не может справиться с этим.
— Знаешь что. Я думаю, мы закончим здесь. На самом деле, я думаю, я закончил. Я закончил с этим вебом и с JavaScript в целом.
— Хорошо, через несколько лет мы все будем кодить в Elm или WebAssembly.
— Я просто хочу вернуться к бэкэнду. Я не могу справиться со всеми этими изменениями, версиями, изданиями, компиляторами и транспайлерами. Сообщество JavaScript безумно, если оно думает, что кто-то может идти в ногу с этим.
— Понятно. Тебе тогда надо попробовать сообщество Python.
— Почему?
— Слышал о Python 3?
Как и где учить JavaScript c нуля бесплатно в 2020 году
Автор статьи: admin
Метки: JavaScript / Новичку
В этой статье расскажу как JavaScript учить с нуля и бесплатно, надеюсь многим это будет интересно и полезно.
Также если вы не учили HTML и CSS, то надо сначала их выучить, для этого посмотрите статью Как начать изучать HTML и CSS.
С чего и где начать учить JavaScript:
Обычно я рекомендую всем купить хорошую книгу по языку программированию который вы изучаете, но с JavaScript всё сложнее, так как, не нашёл хороших книг для новичков.
Но где учить JavaScript, а для этого сначала стоит зайти на сайт learn.javascript.ru, это сайт с очень большим количеством материала по JavaScript, а точнее там есть целый учебник по этому языку программирования.
Там вы научитесь всему самому основном, что нужно знать и даже больше, поэтому стоит начать обучение с него, в целом вы его за месяц, может два, сможете изучить.
Практика:
Теперь что касается практики, при изучение любого языка программирования нужна практика и JavaScript не исключение. Вы можете начать делать, например, слайдер, или игру пинг понг, если вы не знаете что хотите создать или как это сделать, то просто зайдите на нашем сайте по тегу «Как сделать» или по тегу «Игры».
В остальном ещё можете стараться делать какие нибудь динамические элементы на сайте, когда верстаете по PSD макету, по практике на JavaScript больше нечего сказать.
Изучение фреймворка:
После того как вы будите на достаточно хорошем уровне работать с JavaScript, можете начать изучать какой нибудь фреймворк, например, Vue.js, React.js или Angular.js, для этого используете их стандартные справочники на официальных сайтах.
Также ещё можете изучить JQuery, но его стоит учить зависимо от ваших потребностей, решить это, стоит ли учить его или нет, поможет статья: Стоит ли учить JQuery в 2020 году.
Какой язык учить после JavaScript:
Когда вы выучили работу с любым JS фреймворком, то вам надо начать работать со серверным языком программирования, или с языком beck-end.
Тут порекомендую два языка, PHP и Python, первый для тех, кто хочет максимально быстро и просто начать работать с beck-end, так как он на мой взгляд достаточно простой язык, также на нём работает большинство популярных CMS систем, например, WordPress или OpenCart, как изучать PHP, можете посмотреть здесь, второй же, подойдёт тем, кто хочет максимальную скорость своих программ, но его будет сложнее и дольше учить, так как, вам сначала надо понять сам язык, а потом ещё фреймворк.
Я же рекомендую начать с Python, так как, он становится всё популярнее и зарплаты у него больше, хотя на фрилансе его мало.
Вывод:
В этой статье было рассказано как JavaScript учить с нуля бесплатно, надеюсь вам эта статья была полезна.
Рекомендации:
Когда вы уже выучите всё выше перечисленное и не захотите учить отдельный язык программирования для beck-end, то тогда приступайте к изучению Node.js, благодаря ему вы сможете делать beck-end на JS.
В остальном больше нечего порекомендовать я не могу, только больше практики и всё.
Подписываетесь на соц-сети:
Оценка:
Количество оценивших: 1
Средняя оценка: 5,00
Загрузка…
Также рекомендую:
Как изучать и использовать JavaScript с удовольствием: нюансы разработки
От автора: еще пару месяцев назад я не мог смотреть на JS без нервов. Я на 100% устал от JS и не мог выйти из этого состояния. Оно продолжалось много лет. Сегодня я люблю использовать JavaScript и его экосистему. Что произошло?
Я использовал JS в той или иной форме с 90-ых. У меня есть книги, которые сейчас смотрятся довольно смешно. В них полно выражений document.write.
За последние пару лет JS сильно изменился. Поначалу я не успевал изучать все эти изменения. Я не мог принять столько много нового за раз. JS менялся, я же сопротивлялся. Я так долго его учил, а он вдруг стал меняться.
Я нашел комментарий в популярной статье «Modern JavaScript Explained For Dinosaurs». Там говорилось, что «изучать современный JS очень сложно, если не делать это с самого начала»:
«Я бы сказал, что учить с самого начала (да, я «такой» старый) еще сложнее — Tim Tate»
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнее
В 2012 я серьезно погрузился в JS и Node.js. ES6 для меня стал самым большим изменением в языке за все время, я такого раньше не видел. Предыдущее большое изменение было в 2009 с ES5. ES6 буквально все изменил. Это было настолько крупное обновление JS, что каждый день было столько много новых фишек, которые могли попасть в спецификацию, но вы не знали, попадут они или нет. И приходилось наверстывать упущенное, пока все в Twitter обсуждали, что же будет следующим крупным нововведением.
Var ушел в прошлое.
Function больше нет.
Прототипное наследование, на изучение которого ушло так много времени, исчезло, скрылось под классами.
И это было только начало.
Построение всего
Один из больших сдвигов – построение.
Мы ушли от простого подключения JS файлов через тег script и получили этапы построения, во время которых наш язык компилируется в непонятный огромный файл. Сначала я сильно сопротивлялся, я стоял в своей башне, вооруженный до зубов, готовый к бою с этим построением.
Когда подошло подкрепление Babel, поначалу я сражался еще жестче. Но все же в конце я поднял белый флаг и присоединился к врагу.
Я понял, что Babel это не какая-то прикольная библиотека, которая предлагает будущее, самые новые функции, и когда все это появится в браузерах, мы забудем о Babel. Нет, Babel в обозримом будущем останется.
Когда ES2017 будет полностью поддерживаться в браузерах, Babel разрешит ES2018, ES2019 и т.д. Выхода нет. Прими будущее, Babel – твой друг.
Используйте простейшие альтернативы
Инструменты – одна из сложнейших частей JS сейчас. Да, можно изучить вдоль и поперек Webpack, но если начнете, игнорируйте все и используйте готовые решения типа create-react-app, React Boilerplate, которые прячут мелкие детали от вас и позволяют сосредоточиться на коде.
Не начинайте с настройки окружения, учите с помощью Glitch: в изучении современного JS нет простейших тем.
Больше никаких огромных релизов
ES6 был настолько большим, что комитет ECMAScript решил делать релизы поменьше. Вот почему ES6 также называют ES2015, это был первый релиз с годом – теперь релизы будут выходить каждый год. Так легче изучать что-то. Будет меньше изменений, так как время их введения ограничено, и это предсказуемо (сдавайтесь, грядут изменения).
Игнорируйте шум
Если вы похожи на меня, вы фоловите в Twitter много людей, которые всегда находятся на самой передовой. Может быть, следующим трендом станут некие лидеры, которые будут диктовать свои мысли. Говорят использовать Х, все используют Х.
Может, им нравится показывать свой код в последних API, которые совсем не стандартизированы, но их можно включить в браузере через флаг.
У них могут быть хорошие причины для этого. У вас нет. Не ведитесь на новые блестяшки, сосредоточьтесь на работе.
Новые фреймворки не выходят каждую неделю
В сети ходит шутка про «фреймворк месяца» или «новую библиотеку недели». Это правда, с JS работает огромное количество людей, и это замечательно. Это приносит инновации и эволюцию, характерный опыт JS за последние пару лет (что для экосистемы языка очень много).
Но что-то большое зачастую мало что меняет.
React 5 лет.
Vue 4 года.
4 года – очень много в IT. Это стабильные технологии. Учите их, они останутся надолго, слишком надолго (и не уйдут).
«У вас полно времени, чтобы стать экспертом в любом из этих фреймворков. В ближайшее время они никуда не уйдут.»
Примите тот факт, что все приходит и уходит
У всего есть жизненный цикл.
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнее
Пару лет назад везде использовали jQuery. Сейчас на нем редко начинают новые проекты.
В 2013 был популярен Backbone.js. Сейчас он пропал.
CoffeeScript стерли с лица земли.
Ember.js, Angular.js и Meteor выстрелили и держатся в топе несколько лет. Сейчас больше всего говорят за React, Vue и Angular (это не Angular.js).
Цикл таких основных фреймворков длится пару лет. У меня все еще много приложений на Ember.js, и все они хорошо работают. Если они работают, их не нужно обновлять. Я не планирую трогать их.
«Технология развивается и созревает. После о ней уже не говорят, ее используют.»
Вы не так глупы, чтобы использовать jQuery
Некоторых людей не пробить, но если вы много читаете, вы видели таких людей, кто презирает технологию, которая когда-то все использовали – они-то лучше знают и хотят сказать вам, что вы ошибаетесь.
Программирую на PHP уже долгое время, привык к нему. Нормально, что люди критикуют что-то популярное. Даже Go иногда критикуют за простоту, хотя в этом и фишка. Всегда найдутся такие люди.
В качестве примера процитирую твит Pieter Levels, который построил огромный независимый бизнес на одном PHP файле. Почитайте комментарии.
Как новичку, вам могут сказать, что вы выбрали старую технологию, которую больше никто не использует, и что нужно использовать React.
Не слушайте их.
Помните: если для вас это работает, это правильный стек.
«Если для вас это работает, это правильный стек.»
Почти всегда технологии больших компаний создаются под нужды, которые отличаются от ваших или вашей небольшой команды. Используйте, что знаете, и делайте что-то отличающееся, даже без последних технологий.
Сейчас, скорее всего, вам не нужен jQuery. Но не вместо фреймворка – обычный JS очень хорош.
Другой важный момент – чрезмерное усложнение. Не используйте технологию просто, чтобы казаться умнее. Узнайте ее получше. Узнайте, когда фреймворк или библиотека помогут вам.
Вам не нужно знать все. Найдите баланс
Это может прозвучать как цитата из Twitter, но никто не знает всего. Никто не может выучить все, что сейчас происходит во front end разработке. Это вечная школа. Закончить ее не удастся.
Изучайте технологии с user-friendly документацией
Не случайно у React и Vue такая хорошая документация.
Это ключевая часть успеха.
JavaScript снова изменится
В прошлом году язык ECMAScript представил await/async. Сейчас они очень часто используются. Код на Promise выглядит просто ужасно, вы захотите все переписать.
vНо не делайте этого, лучше используйте новые функции под новый код.
То же самое будет в этом году с ES2018. Все поговорят о нем какое-то время, а потом вернутся к работе и начнут говорить о функциях ES2019.
Примите изменения. Это намного лучше, чем использовать технологию, которая через пару лет будет никому не нужна: JS никуда не денется!
Учите основы и ищите свой путь
Разработка под веб-платформу требует частого обязательного изучения чего-то нового, даже просто для того, чтобы знать возможности.
Иногда вам хватит и 20% потраченного времени на 80% новых функций, не углубляясь в крайние случаи.
Путешествие только началось
По сравнению с другими языками JS все еще молод. Он очень популярен и за последние пару лет ему удалось сильно измениться. Язык каждый день привлекает много талантливых разработчиков. Удивительно представить, как мы будем писать через 10 или 20 лет.
Автор: Flavio Copes
Источник: https://hackernoon.com/
Редакция: Команда webformyself.
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Узнать подробнее
JavaScript. Быстрый старт
Изучите основы JavaScript на практическом примере по созданию веб-приложения
Смотреть
Стоит ли изучать JavaScript? (Обновлено на 2020 год)
Если вы хотите стать веб-разработчиком, вам будет интересно, какие языки программирования изучать. Не только это: вам нужно знать, на каких языках вам следует сосредоточиться в первую очередь.
Вы, несомненно, слышали, что JavaScript — важная веб-технология, но, возможно, вы не уверены, так ли он актуален в наши дни. При таком большом количестве фреймворков JavaScript, предоставляющих готовый к использованию код, действительно ли необходимо изучать JavaScript с нуля?
В этом руководстве мы узнаем, что делает JavaScript и насколько он полезен.Затем мы рассмотрим некоторые из основных причин для изучения JavaScript и рассмотрим, почему необходимо сначала изучать простой JavaScript, а не библиотеки и фреймворки.
Если вы хотите перейти к определенному разделу, просто используйте интерактивное меню ниже:
- Что такое JavaScript и для чего он нужен?
- Стоит ли изучать JavaScript в 2019 году?
- Зачем изучать JavaScript?
- Стоит ли вам сначала изучить JavaScript?
- Как лучше всего изучить JavaScript?
Итак: стоит ли изучать JavaScript?
Давай узнаем.
1. Что такое JavaScript и для чего он нужен?
Прежде чем вы начнете изучать что-то новое, важно точно понять, что это такое и что делает. Это особенно полезно, когда речь идет об освоении нового языка программирования.
Проще говоря, JavaScript — это язык программирования, используемый для интерактивности веб-сайтов. Если вы думаете о базовой структуре веб-сайта, у вас есть HTML, который описывает и определяет основное содержимое и структуру веб-сайта, затем у вас есть CSS, который сообщает браузеру, как этот HTML-контент должен отображаться, определяя такие вещи, как цвет и шрифт.Используя только HTML и CSS, у вас есть веб-сайт, который хорошо выглядит, но на самом деле мало что дает. JavaScript оживляет сайт, добавляя функциональность. JavaScript отвечает за элементы, с которыми может взаимодействовать пользователь, такие как раскрывающиеся меню, модальные окна и контактные формы. Он также используется для создания таких вещей, как анимация, видеоплееры и интерактивные карты.
В настоящее время JavaScript — это универсальный язык программирования, то есть он работает во всем программном стеке. Самое популярное приложение JavaScript находится на стороне клиента (также известное как интерфейс), но поскольку Node.js, многие люди также запускают JavaScript на стороне сервера (он же backend). При использовании на стороне клиента код JavaScript считывается, интерпретируется и выполняется в веб-браузере пользователя. При использовании на стороне сервера он запускается на удаленном компьютере. Вы можете узнать больше о разнице между интерфейсным и внутренним программированием здесь.
JavaScript используется не только для создания веб-сайтов. Его также можно использовать для создания браузерных игр и, с помощью определенных фреймворков, мобильных приложений для различных операционных систем.Создание новых библиотек и фреймворков также позволяет создавать серверные программы с помощью JavaScript, такие как веб-приложения и серверные приложения.
2. Стоит ли изучать JavaScript в 2020 году?
Мир веб-разработки постоянно меняется. Поскольку постоянно появляется так много новых инструментов, может быть чрезвычайно сложно понять, на чем следует сосредоточить свои усилия. Как начинающий разработчик, вы должны быть уверены, что то, что вы изучаете, по-прежнему актуально в современной индустрии.
Если у вас есть сомнения по поводу JavaScript, важно знать, что с момента его создания в 1995 году JavaScript практически повсюду в Интернете, и вряд ли в ближайшее время это изменится. Согласно опросу разработчиков StackOverflow 2019 года, JavaScript является наиболее часто используемым языком программирования седьмой год подряд. В настоящее время он используется на 94,5% всех веб-сайтов, и, несмотря на то, что изначально он был разработан как язык на стороне клиента, теперь JavaScript проник на серверную часть веб-сайтов (благодаря Node.js), мобильных устройств (благодаря React Native и Ionic) и настольных компьютеров (любезно предоставлено Electron).
Пока люди взаимодействуют с Интернетом, можно предположить, что JavaScript очень актуален — нет никаких сомнений в том, что этот язык стоит знать! Имея это в виду, давайте рассмотрим некоторые ключевые преимущества становления экспертом по JavaScript.
3. Зачем изучать JavaScript?
Наиболее очевидная причина для изучения JavaScript — это если вы надеетесь стать веб-разработчиком. Даже если вы не задумывались о технической карьере, знание JavaScript позволит вам создавать веб-сайты с нуля — довольно полезный навык на сегодняшнем рынке труда!
Если вы действительно хотите стать веб-разработчиком, вот некоторые из основных причин, по которым вам следует изучить JavaScript:
Универсальные специалисты по JavaScript
JavaScript — чрезвычайно универсальный язык.После того, как вы освоите его, возможности безграничны: вы можете кодировать на стороне клиента (интерфейс), используя Angular, и на стороне сервера (бэкэнд), используя Node.js. Вы также можете разрабатывать веб-приложения, мобильные и настольные приложения с помощью React, React Native и Electron, и вы даже можете участвовать в машинном обучении.
Если вы хотите стать фронтенд-разработчиком, JavaScript является обязательным условием. Однако это не единственная карьера, доступная вам как эксперту по JavaScript. Освоение этого ключевого языка программирования позволит вам продолжить работу в области разработки полного стека, игр, разработки программного обеспечения для обеспечения информационной безопасности, машинного обучения и искусственного интеллекта — и это лишь некоторые из них!
В конечном счете, если вы хотите карьеру разработчика или инженера, знание JavaScript просто необходимо.
Специалисты по JavaScript востребованы (и хорошо оплачиваются)
JavaScript — самый популярный язык программирования в мире, поэтому неудивительно, что JavaScript сегодня является одним из самых востребованных навыков в индустрии веб-разработки.
Согласно отчету Devskiller Global Technical Hiring & Skills Report 2019, 70% компаний хотят нанять экспертов по JavaScript. Введите поисковый запрос «JavaScript» на сайте вакансий Indeed, и вы найдете более 40 000 вакансий, требующих этого навыка (в США).Запустите тот же поиск в LinkedIn, и результаты превысят 125 000.
В то же время глобальный спрос на JavaScript, кажется, перевешивает опыт, доступный на рынке. Согласно отчету HackerRank за 2018 год, 48% работодателей во всем мире нуждаются в разработчиках с навыками JavaScript, в то время как только 42% студентов-разработчиков заявляют, что владеют JavaScript.
Эксперты по JavaScript не только востребованы, но и хорошо оплачиваются. В Соединенных Штатах разработчики JavaScript получают среднюю годовую зарплату 111 953 долларов в год.Мы рассмотрели эту тему более подробно в нашем руководстве по заработной плате JavaScript, но, как видите, изучение JavaScript действительно может повысить ваш потенциал заработка как разработчика.
JavaScript для начинающих
По сравнению со многими другими языками программирования, JavaScript предлагает одну из наиболее удобных для начинающих точек входа в мир программирования. Самое замечательное в JavaScript заключается в том, что он устанавливается в каждом современном веб-браузере — нет необходимости настраивать какую-либо среду разработки, а это значит, что вы можете сразу начать кодирование с помощью JavaScript!
Еще одно преимущество изучения JavaScript как вашего первого языка программирования заключается в том, что вы получаете мгновенную обратную связь; с минимальным количеством кода JavaScript вы сразу увидите видимые результаты.На таких сайтах, как Stack Overflow, также есть огромное сообщество JavaScript, так что по мере обучения вы найдете много поддержки.
JavaScript не только удобен для новичков; это также даст вам некоторые чрезвычайно ценные передаваемые навыки. JavaScript поддерживает объектно-ориентированный, функциональный и императивный стили программирования — навыки, которые можно перенести на любой новый язык, который вы выучите позже, например Python, Java или C ++. JavaScript обеспечивает важное введение в ключевые принципы и практики, которые вы будете использовать на протяжении всей своей карьеры разработчика.
4. Стоит ли сначала изучить простой JavaScript или можно перейти к фреймворкам и библиотекам?
Принимая решение, изучать JavaScript или нет, вы действительно спрашиваете, следует ли вам изучать «ванильный» JavaScript. Ванильный JavaScript означает простой JavaScript без каких-либо библиотек или фреймворков. Давайте теперь рассмотрим, что это означает, более подробно.
Что подразумевается под обычным JavaScript, библиотеками и фреймворками?
Если вы исследуете термин «ванильный JavaScript», вы можете столкнуться с некоторой путаницей; однако все, что вам нужно знать, — это то, что ванильный JavaScript используется для обозначения стандартного нерасширенного JavaScript.Нет никакой разницы между обычным JavaScript и JavaScript — это просто для того, чтобы подчеркнуть использование простого JavaScript без использования библиотек и фреймворков.
Так что же такое библиотеки и фреймворки?
Библиотеки и фреймворки
JavaScript содержат наборы предварительно написанного, готового к использованию кода JavaScript, но это не одно и то же. Вы можете думать о фреймворке как о своем проекте для создания веб-сайта: он дает вам структуру для работы и содержит готовые компоненты и инструменты, которые помогают вам создавать определенные элементы намного быстрее, чем если бы вы создавали их с нуля.Некоторые популярные фреймворки JavaScript включают Angular, React, Vue и Node.js.
Framework также содержат библиотеки. Библиотеки меньше, чем фреймворки, и, как правило, используются для более конкретных случаев. Библиотека JavaScript содержит наборы кода JavaScript, которые можно вызывать для реализации определенных функций и возможностей. Представим, что вы хотите добавить на свой сайт определенный элемент. Вы можете написать, скажем, десять строк JavaScript с нуля или взять сжатую готовую версию из выбранной библиотеки JavaScript.Некоторые примеры библиотек JavaScript включают jQuery, Lodash и Underscore.
Самый простой способ понять, как фреймворки и библиотеки работают вместе, — это представить, что вы строите дом. Фреймворк обеспечивает основу и структуру, а библиотека позволяет добавлять готовые компоненты (например, мебель), а не создавать свои собственные с нуля.
Вы можете узнать больше о взаимосвязи между языками и библиотеками в этом посте, в котором объясняются основные различия между JavaScript и jQuery.А пока давайте вернемся к нашему первоначальному вопросу: насколько важно изучать ванильный JavaScript?
Стоит ли сначала выучить ванильный JavaScript?
Когда дело доходит до изучения JavaScript, может возникнуть соблазн сразу перейти к тем экономящим время фреймворкам и библиотекам, о которых мы только что говорили, — и многие разработчики так и делают. Однако есть много веских аргументов в пользу того, чтобы сначала изучить простой JavaScript.
Хотя фреймворки JavaScript могут помочь вам выполнить работу быстрее, вы сможете зайти так далеко, только если не понимаете основные концепции, лежащие в основе этих фреймворков.Frontend-разработчик Абхишек Нагекар описывает, как отказ от изучения ванильного JavaScript снова укусил его, когда он начал изучать фреймворки JavaScript Node и Express:
«По мере того, как я писал все больше и больше кода на Node и Express, я начал зацикливаться даже на самых крошечных проблемах. Внезапно меня окружили такие слова, как обратные вызовы, замыкания, цикл обработки событий и прототип. Мне казалось, что я заново познакомился с JavaScript, но на этот раз это был не малыш, играющий в колыбели, это было что-то вроде таинственного монстра, бросающего мне вызов на каждом шагу за то, что я не воспринимал его всерьез.”
В приведенном выше твите упоминается давняя шутка в сообществе разработчиков, и, хотя она датируется 2015 годом, она все еще актуальна сегодня. Если вы хотите стать разработчиком, который может вводить новшества, а не просто выполнять, вам необходимо понимать основные принципы Интернета, а не только ярлыки. Это означает изучение ванильного JavaScript, прежде чем переходить к фреймворкам. Фактически, понимание простого JavaScript поможет вам позже, когда вы решите, использовать ли фреймворк для определенного проекта, и если да, то какой фреймворк использовать.
В конечном счете, если вы хотите работать веб-разработчиком, вы неизбежно столкнетесь с JavaScript почти на каждом шагу. Изучение простого JavaScript в первую очередь сделает вас универсальным инженером, который сможет работать как с интерфейсом, так и с серверной частью, и даст вам возможность самостоятельно решать сложные задачи — ключевой навык в отрасли.
5.Как лучше всего начать изучать JavaScript?
Итак: если вы хотите стать любым веб-разработчиком, вам абсолютно необходимо выучить JavaScript — и сначала вы должны начать с простого старого ванильного JavaScript.
Лучший способ начать изучение JavaScript — это получить практические навыки.Как только вы прочитаете, что такое JavaScript и как он работает, попробуйте его в браузере. Если вы используете Google Chrome, просто нажмите «Просмотр» и выберите «Разработчик» в раскрывающемся меню. Оттуда выберите «Консоль JavaScript», и все готово!
Как и в большинстве случаев, в сети есть множество хороших ресурсов для самостоятельного обучения JavaScript. Однако, если вам нужен более структурированный подход, подумайте о курсе веб-разработки с наставником.Какой бы маршрут вы ни выбрали, убедитесь, что вы потратили достаточно времени на изучение всех основ. Зная JavaScript наизнанку, вы хорошо подготовитесь к работе с более сложными языками Интернета.
Если вы хотите узнать больше о карьере веб-разработчика, ознакомьтесь со следующими статьями:
.
Насколько сложно выучить JavaScript? Профи весят
Если вы думаете об обучении программированию и вам интересно, с каких именно языков кодирования начать, возможно, вы захотите поднять JavaScript (JS) в начало списка. JS — это язык сценариев, используемый для создания и управления динамическим содержанием веб-сайтов (например, анимированной графикой, интерактивными формами и прокруткой видео), и с 2014 года он считается самым популярным языком программирования на форуме разработчиков Stack Overflow.Эта популярность только возросла с широким использованием фреймворков JavaScript — коллекций библиотек кода JS, позволяющих разработчикам выполнять рутинные задачи, не переписывая каждый раз код, — и это мнение находит отклик на рынке вакансий, связанных с JavaScript. На момент написания этой статьи Indeed перечисляет более 28 000 вакансий разработчиков JavaScript, а Glassdoor указывает среднюю зарплату разработчиков JavaScript в размере 72 500 долларов в год.
Но хотя необходимость изучать JavaScript звучит как препятствие, насколько это реально достижимая цель? Чтобы получить ответы на эти вопросы, я поговорил с двумя экспертами по JavaScript.Вот что они сказали.
Ожидайте, что потратите месяцы (а не годы) на изучение основ JavaScript
Один из первых вопросов, которые люди задают при изучении языка программирования, — сколько времени это займет. Хотя JavaScript — это шаг вперед по сравнению с самыми фундаментальными навыками веб-разработки (такие языки, как HTML и CSS, которые можно выучить менее чем за месяц), вы все равно можете рассчитывать на изучение основ JS в течение нескольких месяцев, а не лет — и это то, вы учитесь на онлайн-курсах или учитесь самостоятельно, изучая книги.
Время, необходимое для изучения JavaScript, во многом зависит от вашей методологии. Выбирайте между онлайн-курсами, очными занятиями или книгами в зависимости от того, что лучше всего подходит для вашей жизни.
Ариэль Кимбаровски, специалист по цифровому маркетингу в агентстве Codal, занимающемся дизайном пользовательского интерфейса и мобильных приложений, прошла курс онлайн-занятий и говорит, что ей потребовалось около года, чтобы овладеть языком. Кимбаровски училась в своем собственном темпе в качестве побочного проекта (с указанием временных рамок в год), что является одним из преимуществ онлайн-классов: изучение JS не было ее основным направлением, поэтому она могла и хотела не торопиться.Однако, если изучение JavaScript занимает более высокое место в вашем списке приоритетов, онлайн-курсы, такие как «Break into Tech Blueprint» от Skillcrush, предназначены для обучения JavaScript всего за три месяца (если вы рассчитываете на час в день).
Мара Белес Дин, инженер по обеспечению качества в компании MX, занимающейся разработкой программного обеспечения для финансовых данных, изучала JavaScript в составе группы коллег. Эта группа собиралась несколько раз в неделю в течение нескольких месяцев для работы над Eloquent JS (вводная книга по JavaScript).Дин говорит, что в группу входили как опытные JS-разработчики, так и новички, подчеркивая тот вид постоянного обучения и повышения квалификации, которое может происходить даже после того, как вы работаете на технической должности. Дин смогла продолжить свое участие в этой учебной группе, пройдя стажировку в команде разработчиков внешнего интерфейса своей компании, и надеется перейти на роль младшего интерфейсного инженера.
Итак, легко ли выучить JavaScript?
Если время для быстрого освоения основ JavaScript — это управляемый вопрос месяцев, значит ли это, что это легко? Кимбаровски говорит, что с ее точки зрения JS определенно не самый сложный язык программирования, но она также говорит, что нужно помнить, что все сталкиваются с разными препятствиями на пути к обучению.
По словам Кимбаровски, при изучении JavaScript (независимо от ваших собственных потребностей или стиля обучения) необходимо иметь в виду одну важную вещь — не поддаваться искушению пройти слишком быстро и быстро изучить основы. Для Кимбаровски ее собственные проблемы с изучением JS были вызваны тем, что слишком быстро переходили к новым концепциям и забывали более простые вещи, которым она уже научилась. «JavaScript — это язык, который строится сам на себе», — говорит Кимбаровски. «Это значительно усложняет написание и понимание более сложного кода JavaScript, если у вас нет основательных знаний по основам.”
Хорошая новость: имеется множество ресурсов, которые помогут вам оставаться в курсе изменений и справиться с любыми проблемами JavaScript, с которыми вы можете столкнуться, хотя для Дина это было проблемой само по себе. Дин говорит, что поле ресурсов JavaScript настолько заполнено, что фактически напугало ее, когда она пыталась начать работу. Оглядываясь назад, Дин рекомендует новым изучающим JavaScript просто сначала выбрать один ресурс, зафиксировать его и двигаться дальше. Некоторые из этих ресурсов включают участие в форумах разработчиков, таких как Stack Overflow, Codepen и Github, использование онлайн-руководств с таких сайтов, как Codeacademy и Coursera, или участие в платных онлайн-курсах под руководством инструктора из школ программирования, таких как Skillcrush.Дин также говорит — когда дело доходит до конкретных проблем, связанных с концепцией, — быть настойчивым и продолжать работать, несмотря на любое разочарование или замешательство, которые могут возникнуть. «Программирование становится проще с практикой, независимо от того, какой язык вы изучаете, — говорит Дин. «Чем больше вы это делаете, тем лучше у вас получается».
Следующий шаг: фреймворки JavaScript
Частью роста JavaScript как ведущего языка программирования среди веб-разработчиков является рост фреймворков JavaScript. В общих чертах, JS Frameworks — это коллекции предварительно написанного кода JavaScript, который можно использовать для выполнения базовых и повторяющихся функций разработки вместо кодирования каждой из этих функций самостоятельно каждый раз, когда они появляются.Предоставляя кодерам JavaScript скелет для работы, они могут тратить больше времени и энергии на сложные части веб-сайта (вместо того, чтобы увязнуть в создании основных элементов с нуля). Но с таким большим количеством заранее написанного кода, доступного через фреймворки, означает ли это, что начинающие разработчики могут обойтись без изучения JavaScript в целом?
Кимбаровски считает, что понимание JavaScript как языка до того, как приступить к работе с JS-фреймворком, чрезвычайно важно. По словам Кимбаровски, без более высокого уровня представления о JavaScript вы не сможете по-настоящему понять, как работает JS-фреймворк, а это означает, что в конечном итоге вы будете ограничены в том, для чего вы можете его использовать.Однако Кимбаровски советует также иметь в виду, что это работает в обоих направлениях: понимание JavaScript как языка не означает, что вам не нужно тратить некоторое время на ознакомление с тем, как работают конкретные JS-фреймворки. «В конце концов, обучение использованию фреймворков похоже на изучение множества различных языковых расширений», — говорит Кимбаровски. «К счастью, существует множество документации и поддержки популярных JS-фреймворков. И — если вы понимаете концепции JavaScript — это действительно значительно упрощает исследование этих фреймворков.”
Вывод? Изучение JavaScript не обязательно будет самым простым делом, которое вы делали в своей жизни, но это будет далеко не самым сложным. Настойчивая практика и работа в течение нескольких месяцев должны дать вам возможность освоить основы — и если вы столкнетесь с какими-либо препятствиями на этом пути, вам в помощь придет множество документации и поддержка сообщества.
.