С чего начать изучение JavaScript?
![]()
31.03.2015
![]()
1394
Рейтинг: 5 . Проголосовало: 1
Вы проголосовали:
Для голосования нужно авторизироваться

JavaScript – прототипно-ориентированный язык программирования, который используется для написания сценариев, выполняемых специальным программным обеспечением. JavaScript часто используется при написании сценариев для веб приложений, но в последнее время язык начал активно применяться и в других областях разработки – в серверных приложениях (node.js), на мобильных платформах (PhoneGap) и даже для разработки приложений для Windows (Windows Store with JS). Как вы видите, язык достаточно активно используется и входит в 10 популярных языков программирования, поэтому многие начинающие разработчики и уже опытные изучают этот язык программирования. В сети можно найти самоучители, книги с примерами кода и видео уроки по JavaScript в достаточном количестве. Но проблема в том, что уроков для начинающих и других учебных материалов очень много, и у большинства возникает проблема — «что и в какой последовательности учить?». Задача данной статьи помочь вам найти правильный путь в изучении JavaScript.

Тема связана со специальностями:

Каждый для себя выбирает наиболее удобную и эффективную форму обучения – это могут быть книги по JavaScript и самоучители для самостоятельного обучения, очные курсы программирования, где тренер может ответить на вопросы, или видео уроки по JavaScript и примеры JavaScript кода. Какой бы из подходов вы ни выбрали – главное, последовательно и планомерно следовать программе обучения и максимально много практиковаться, так как без практики запомнить и научится применять большое количество разнообразных языковых конструкций достаточно тяжело.
Если вы выберите самостоятельное изучение, обязательно приобретите следующие книги по JavaScript. Настольная книга любого JavaScript разработчика – Дэвид Флэнаган «JavaScript Подробное руководство». Вторая книга, которая позволит вам правильно организовывать свой код — Стоян Стефанов «JavaScript Шаблоны», но она пригодится вам позже, когда вы разберете примеры JavaScript кода из предыдущей книги.
Видео курсы по схожей тематике:

HTML5 и CSS3 Стартовый (2018)

Photoshop. Базовый курс для web-разработчика

Верстка сайта на Flexbox CSS
В изучении JavaScript можно выделить несколько этапов:
- Изучение языковых конструкций: переменные, циклы, условные конструкции, функции.
- Освоение объектов и массивов.
- Изучив основы работы с языковыми конструкциями и основными типами данных, можно перейти к освоению главной задачи JavaScript – манипулированию DOM дерева. Вы должны научится работать с элементами, которые находятся на странице, динамически создавать новые узлы и изменять существующие.
- Изучение шаблонов проектирования и кодирования, которые позволят разрабатывать понятный и сопровождаемый код.
- Изучение дополнительных библиотек и фреймворков, например, jQuery.
Бесплатные вебинары по схожей тематике:

Подготовка к собеседованию в IT

Как стать Full-Stack разработчиком

WordPress. Gutenberg для разработчиков
Изучая материалы книги Дэвида Флэнагана, вы сможете пройти первые 3 этапа, а книга Стояна Стефанова поможет научиться правильно организовывать JavaScript код. В дополнение к книгам вам могут помочь видео уроки по JavaScript для начинающих и JavaScript для профессионалов.
Как правильно учить Javascript?
Больше месяца назад начал изучение javascript, и кажется я застрял. Изучаю в основном по книгам: JavaScript: «The Definitive Guide»,» Секреты javaScript ниндзя», «JavaScript. Шаблоны»
и на сайте http://javascript.ru/.
Хочу сказать что книги не читаю «от корки до корки», вместо этого я их просматриваю, изучаю примеры, некоторые из них повторяю.
Смотрю на примеры и вроде бы понимаю что и зачем делается, но сам, без этих примеров практически ничего сделать не могу.
Это первый язык и не очень понятно что делать. С одной стороны нужна практика, но откуда ее брать, и что такого можно сделать на Javascript? Вот по PHP к примеру почти в каждой книге то создаем свой интернет магазин, то мини соц сеть, и становится более понятно. А что на Javascript?
Или может я что-то упускаю и стоит более внимательно изучать книги и справочники?
- Вопрос задан более трёх лет назад
- 127549 просмотров
Комментировать
Решения вопроса 1

JavaScript developer. IonDen.com
Вы наверное слышали, что каждый уважающий себя программист обязан написать несколько велосипедов? И JavaScript-программисты тоже так делают и еще как! Так вот в этом нет ничего плохого, это отличное самообучение.
Для начала заходите на любой каталог плагинов для JavaScript или jQuery. Находите интересный, не очень сложный на вид плагинчик (например карусель, лайтбокс, слайдер и т.п.) и пытаетесь сделать похожий, только лучше. Поначалу будет выходить черти что, но, это будет уже реальная задача, где вы начнете сталкиваться с реальными особенностями языка. Вот тут то знания и начнут обретать какую-то структуру у вас в голове.
Не пытайтесь брать сразу сложные вещи, начинайте с малого. Как заметили выше, не смотрите пока что на очень сложные книжки, их читать сейчас почти бесполезно.
Ответ написан более трёх лет назад
Нравится 123 6 комментариев
Спасибо за советы!

Artem Arsenowitch @Arsenowitch
jQuery — библиотека)



Роман @lastuniverse
Превосходно сформулировано, плюсую.
Ответы на вопрос 6
Сейчас на Hexlet проходит интересный курс по Java Script. Он чисто об особенностях языка. Думаю, будет интересно.
Ваша проблема, как я понял, Вы не знаете, что делать с полученными знаниями. Тогда поставьте себе цель какую-то, например, написать змейку или тетрис. Попробуйте отправить заявку на вакансию js программиста и попросите тестовое задание.
Drink coffee write JavaScript 🙂
Ответ написан более трёх лет назад
Комментировать
Нравится 15 Комментировать
Ставь задачи сам, например, сделать такое же меню как на Тостере, отличная задача. Изучая отдельно теорию ты 80% не поймешь зачем что и как реализовано. Будет казаться что много бесполезного и зачем вообще так делать, когда ставишь задачу и начинаешь делать, вот тут то и всплывают всяческие нюансы из теории
Ответ написан более трёх лет назад
Комментировать
Нравится 10 Комментировать
По поводу книг, кто бы, что не говорил, но Definitive Guide конченая книга, имхо! Человека не знающего программирования по мере чтения грузят разрознеными терминами, и чем дальше тем хуже. В итоге чтение превращается постоянное прыгание назад в попытках понять тот или иной термин. Вообще не рекомендую эту книгу.
Секреты нинзя обязательна к прочтению, но не сейчас. Шаблоны тем более.
Учебник на javascript.ru достойное руководство, вот его и читайте не прыгая.
На javascript можно теже самые и интернет-магазины, и мини соц. сети, но вы себе башку не забивайте этим. Изначально он был разработан для выполнения скриптов на стороне браузера (клиента). Добавление динамики для статичного html. Элементарные примеры: анимация (сложная), обработка событий (например мышки: клик, даблклик, пермещение).
Ответ написан более трёх лет назад
Нравится 9 8 комментариев
karpyuk7 @karpyuk7 Автор вопроса
Те же выводы сделал насчет Definitive Guide, много мест которые я как новичок осилить не смог.
По этому и читайте javascript.ru и как ранее рекомендовал @davex69 курсы Hexlet. Постоянное желание «точечного» изучения для решения той или иной задачи рано или поздно сделает свое дело, но это не лучший вариант. Все лучше изучить основу, с ней «поиграться», по придумывать элементарные себе задачки. Вот пару примеров и наверника без пособия вы уже и не вспомните как сделать: 1. Создать пустой div 2. Вывести с помощью JS в этом div`е фразу «Hello, world!» 3. Назначить стили, в частности зеленый цвет тексту Вот простая задача, при чем в необходимой последовательности. В целом ваша задача просто знать, что есть какие то уже предопределенные объекты, что с ними можно что-то делать. Например выше описаная задача порождать подобную мысль «так, нужно вставить в что-то в документ, аха, значит мне нужен объект document» и блаблабла. Общее понимаение нужно. И пока его нету, даже не пытайтесь змейки писать или тетрисы. Вот например еще задача: сделайте часы, которые будут «тикать», ну всмысли секунды, минуты и часы будут «идти». И если вы уже сразу же знаете, что вам нужен предопределенный объект Date, уже не плохо.
karpyuk7 @karpyuk7 Автор вопроса
Огромное спасибо, буду экспериментировать)
Ырий Ведомый @yrijvedomy
А по-моему, на то он и Definitive Guide, что не для самых маленьких. Новички должны страдать (как и многие из нас в своё время), пытаясь выхватить суть из разных источников (как то видеоуроки всякие, статьи, лисапеты с часами и прочее). Со временем знания систематизируются и становится проще. Я вот сейчас, например, снова начал читать этот самый Definitive Guide (год назад дропнул почти в самом начале), и получаю удовольствие, потому что больше не кажутся страшными слова вроде Объект, Класс, Итератор, Интерпретатор или, например, Регулярные Выражения.

Я начинал с Definitive Guide, ничего плохого сказать не могу. Отличный учебник

@dakiesse Спасибо большое за комментарий!
А что делать если нет понимания самой «инфраструктуры» языка? Я посмотрела на Hexlet первую лекцию, и как раз, того, чего я не понимаю, нет.
Самый примитивный вопрос где писать JS код? Можно ли сразу в html документе?
Как весь этот стек (html, css, js, jquery) между собой взаимодействуют? Про html и css я понимаю, а в вот как я JS? Спасибо!
