Home

Автор: Алан Ричардсон (Alan Richardson)
Оригинал статьи
Перевод: Ольга Алифанова

Краткое содержание: в мире множество хороших ресурсов для изучения JavaScript. Вам не нужно устанавливать IDE, вы можете научиться JS в консоли.

Для чего нужно учить JavaScript?

• Тестируя веб-приложение, вы можете смотреть на код.
• Для понимания кода.
• Для понимания ошибок в консоли разработчика.
• Для поиска обходных путей через дефекты приложения.
• Для автоматизации в браузере.
• Для создания вспомогательных инструментов вроде BookMarklets.
• Для улучшения использования WebDriver JavascriptExecutor.
• Для странных и загадочных открытый, которые вас поразят, когда вы выучите JavaScript.

Изучение JavaScript увеличивает площадь поверхности системы, с которой мы можем получать информацию (то есть моделировать систему), и мы сможем потенциально наблюдать за ней, опрашивать ее и манипулировать ей в большем количестве измерений.

Это увеличивает наши возможности, и как следствие – нашу способность работать с большим разнообразием приложений и технологий.

Как насчет ресурсов? Если вы тестировщик и хотите выучить JavaScript…

Совет 1. Автоматизация в браузере.

Мой курс в Test Automation University:

https://testautomationu.applitools.com/automating-in-the-browser-using-javascript/

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

Совет 2. Изящный JavaScript.

Прочитайте (бесплатно) Eloquent JavaScript

• https://eloquentjavascript.net/
• Песочница - https://eloquentjavascript.net/code/

Эти ресурсы хороши для понимания языка, а песочница – для просмотра запущенного кода.

Разберитесь в языке, чтобы понимать его с точки зрения разработчика.

Совет 3. Просвещение по JavaScript

Прочитайте (бесплатно) JavaScript Enlightenment

• https://frontendmasters.com/books/javascript-enlightenment/

Глубокий взгляд на особенности "современного" JavaScript.

Совет 4. Говорим на JavaScript

Прочитайте (бесплатно) Speaking JavaScript

• http://speakingjs.com/

Хороший обзор языка и синтаксиса.

Совет 5. Просвещение по DOM

Прочитайте (бесплатно) DOM Elightenment

• http://domenlightenment.com/

Добейтесь глубокого понимания в обращении с DOM. Мы будем часто этим заниматься, автоматизируя из браузера.

Совет 6. Паттерны дизайна JavaScript

Прочитайте (бесплатно) JavaScript Design Patterns

• https://addyosmani.com/resources/essentialjsdesignpatterns/book/

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

Совет 7. Страница поддержки.

Страница поддержки моего курса на Test Automation U (там еще больше ссылок):

• https://www.eviltester.com/page/onlinetraining/testautomationujs/

Совет 8. Иди и делай

Подпишитесь на рассылку Криса Фердинанди "Иди и делай" по JavaScript.

Краткие регулярные посты с простыми для чтения и понимания сниппетами кода.

• https://gomakethings.com/articles

Совет 9. Полезные сниппеты

Установите расширение для Chrome “Useful Snippets”

• https://github.com/eviltester/usefuljssnippetextension

Этот инструмент мы написали совместно с Вив Ричардс.

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

Совет 10. JavaScript для кошек.

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

• http://jsforcats.com/

Вы сможете быстро начать применять знания в браузере.

Совет 11. В каком порядке всем этим пользоваться

1. Подпишитесь на "Иди и делай" и получайте капельку информации регулярно - gomakethings.com
2. Прочитайте JavaScript для кошек jsforcats.com
3. Пройдите мой курс на Test Automation U Automating in the browser
4. Прочитайте Speaking JavaScript speakingjs.com
5. Прочитайте Eloquent JavaScript eloquentjavascript.net
6. Прочитайте DOM Elightenment domenlightenment.com
7. Прочитайте JavaScript Design Patterns addyosmani.com/resources/essentialjsdesignpatterns/book/
8. Страница поддержки курса - eviltester.com/page/onlinetraining/testautomationujs
9. Полезные сниппеты - github.com/eviltester/usefuljssnippetextension
10. Прочитайте JavaScript Enlightenment frontendmasters.com/books/javascript-enlightenment

Обсудить в форуме