Как и где учить JavaScript c нуля бесплатно в 2020 году

Содержание
  1. Предыстория
  2. С чего начать изучение JavaScript и сколько времени это займет?
  3. Где еще можно бесплатно изучать программирование?
  4. Где используют язык JavaScript и для чего?
  5. Написание технических текстов как способ обучения
  6. Тесты на знание
  7. Не торопитесь
  8. Найдите ментора
  9. Практика:
  10. Книги для изучения javascript
  11. Фримен, Робсон – Изучаем программирование на JavaScript
  12. Минник, Холланд – JavaScript для чайников
  13. Д. Крокфорд – Как устроен JavaScript
  14. Э. Браун – Изучаем JavaScript. Руководство по созданию современных веб-сайтов
  15. Д. Дакетт – Javascript и jQuery. Интерактивная веб-разработка
  16. Резиг, Бибо, Марас – Секреты JavaScript ниндзя
  17. М. Хавербеке – Выразительный JavaScript. Современное веб-программирование
  18. Какой язык учить после JavaScript:
  19. Путь к профессии
  20. В какой последовательности можно учить язык JavaScript?
  21. Не переставайте учиться
  22. Как быстро выучить JavaScript с нуля? Советы для новичков
  23. Бесплатные курсы и материалы для новичков
  24. Что такое GIT и для чего он нужен?
  25. "Я знаю основы, что дальше?"
  26. Изучение фреймворка
  27. Как преодолеть разочарование
  28. Как наработать опыт и найти работу?
  29. Вывод

Предыстория

JavaScript был создан Бренданом Эйхом в 1995 году. Брендан был принят в компанию Netscape Communication, задачей которой было сделать веб более динамичным. Через 10 дней, Брендан создал прототип языка, с синтаксисом, очень похожим на Java. Это был день рождения JavaScript.

В 1996, JavaScript был передан ECMA (Европейская ассоциация производителей компьютеров), чтобы зарегистрировать новый стандарт языка. Это привело к официальному выпуску ECMA-262. Несмотря на то, что JavaScript употребляется чаще, официальное название стандарта – ECMAScript.

Сегодня каждый браузер поддерживает его, тем самым делая JavaScript языком веба.

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

С чего начать изучение JavaScript и сколько времени это займет?

Как в любом языке, в JavaScript имеются определенные команды и правила их составления. Начать изучение этого языка можно со следующих вещей:

  1. Структура кода (как составляется программа, с чего начинается, в какой последовательности задаются команды и т.д.).
  2. Переменные (что это такое, для чего нужны, как задаются и используются в скриптах).
  3. Типы данных, например: число, строка, логический тип, и преобразование типов.
  4. Операторы, например, как производится сложение. Приоритет операторов (какие действия выполняются в первую очередь, какие – во вторую и т.д.). Бывают операторы сравнения, условные операторы, логические.
  5. Выучить, как использовать циклы (что это такое, для чего нужны, как их задавать). Говоря простыми словами, циклы позволяют производить одну и ту же операцию несколько раз (пока не наступит условие, которое завершит цикл).
  6. Функции.
  7. Объекты и их свойства.
  8. Прототипы, наследование.
  9. Классы и наследование классов.
  10. Интерфейсные события (обработка движения курсора, кликов мышки, нажатия кнопок на клавиатуре).
  11. Программирование элементов интерфейса: кнопок, форм и других.
  12. Выучить, как писать асинхронный код на JavaScript.
  13. Отладка программ в браузере, написанных на JS.
  14. Обработка ошибок.
  15. Качество кода: как писать программу правильно, чтобы в ней было легко и просто ориентироваться как автору, так и другому разработчику.

Выучить простейшие азы можно за срок от 2-3 недель до 1,5 месяцев в зависимости от времени, которое вы сможете уделять программированию каждый день. Далее вам потребуется более глубоко погружаться в предметную область, о чем поговорим ниже.

Где еще можно бесплатно изучать программирование?

  1. Помимо сайтов, обучающих программированию, много бесплатных уроков можно найти на YouTube. Советуем посмотреть подборку образовательных каналов, где можно учиться программировать.
  2. В Клубе фрилансеров собрана по веб-разработке, верстке, анализу данных, ООП и другим темам. Также выкладываются новые курсы, в том числе по программированию, поэтому советуем на нее подписаться.

Где используют язык JavaScript и для чего?

Java Script (Ява или Джава скрипт или сокращенно JS) – один из самых популярных языков программирования в мире. Чаще всего на нем создают интерактивные элементы на сайтах, с помощью которых сайты «оживают», начинают реагировать на действия пользователей. Примеры таких элементов:

  • Кнопки.
  • Формы.
  • Слайдеры.
  • Фотогалереи.
  • Виджеты и многое другое.

Однако данный язык востребован не только в создании сайтов. Его используют для разработки прикладных программ, например, браузеров, приложений для SMART-телевизоров, фитнес-трекеров, умных часов, приставок, в макросах для офисных программ. Подробно о сфере применения Джава скрипт можно прочитать в описании профессии JavaScript-разработчика.

Написание технических текстов как способ обучения

В процессе обучения я записывал все свои достижения. Сделать это можно создав блог или любым другим удобным для вас способом. Если же публиковать свои достижения вы не считаете нужным, ведите записи на своём ПК. Результаты будут видны практически сразу, кроме того, способ помогает тренировать память. Это способствует пониманию пройденного.

Тесты на знание

Этот способ является одним из наиболее быстрых. Несмотря на то, что зачастую многие выступают против тестов, как способа проверки знаний, это действительно помогает в самообразовании.

Лучшим способом является использование карточек. В приложении можно создавать карточки по каждой пройденной теме. Выполнять тесты желательно регулярно, поэтому каждое утро я посвящаю 10-15 минут на их выполнение. Это помогает не только развивать память, но и запоминать, как правильно задавать вопросы.

Не торопитесь

Наихудшее время для обучения – когда вы чувствуете усталость. В такие моменты, главное не заставлять себя. Сделайте перерыв на несколько дней, когда будете готовы продолжайте обучение. Кроме того, я настоятельно рекомендую использовать метод помидора. Суть в том, чтобы 25 минут заниматься, и 5 минут отдыхать. Этот способ помогает повысить продуктивность.

Найдите ментора

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

Практика:

Теперь что касается практики, при изучение любого языка программирования нужна практика и JavaScript не исключение.

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

Книги для изучения javascript

Применение шаблонов в JS во многом похоже на другие языки программирования, но имеет свои особенности. Информация в этой книге подкрепляется понятными примерами из реальной жизни, которые помогут лучше уяснить методы решения распространённых задач.

Преимущества:

  • понятность изложения;
  • доступность среднему уровню и выше;
  • в книге описывается масса примеров хорошего и плохого кода;
  • рекомендуется всем тем, кому “грозит” процедура вхождения в JavaScript-фреймворки.

Недостатки:

  • русский перевод очень «механический», что портит общее впечатление.

Фримен, Робсон – Изучаем программирование на JavaScript

Если до этого момента вы не написали ни строчки кода, не беда – эта книга поможет в доступной форме войти в курс дела. Вы узнаете, почему браузеры по-разному реагируют на программы JavaScript и как писать универсальный, понятный всем код. Учебник подойдёт начинающим программистам – формат не покажется скучным или однообразным.

Здесь и далее мы приводим преимущества и недостатки каждой книги, отмеченные читателями на онлайн-площадках книжных магазинов. Непосредственно ознакомиться с отзывами можно, перейдя по ссылкам под обложками книг.

Несмотря на незатейливый дизайн обложки, читатели отмечают следующие преимущества самоучителя Фримена и Робсон:

  • доступная подача и простой язык описаний;
  • разносторонний подход к запоминанию материала;
  • многочисленные примеры.

Недостатки:

  • несколько отвлекающие иллюстрации;
  • большой размер книги;
  • мягкий переплёт.

Минник, Холланд – JavaScript для чайников

Поскольку JavaScript является ключевым языком программирования современных сайтов, важно сразу начинать изучение с правильных источников. Данный труд позволит быстро, качественно с небольшими усилиями постигнуть применение CSS, работу с HTML5 и общение с онлайн-графикой. Все темы (настройка среды, циклы, массивы, jQuery, анимация, JSON) сопровождаются проверкой полученных знаний онлайн на сайте издательства.

Преимущества:

  • содержательное и доступное для понимания пособие по основам JavaScript;
  • подробное описание всех ключевых тем.

Недостатки:

  • мягкая обложка;
  • бледные иллюстрации;
  • мало разбора кода.

Д. Крокфорд – Как устроен JavaScript

Специалист в области JS в доходчивой форме объясняет основы и устройство языка: имена, числа, логические значения, символы и прочее. У всех новичков бывают трудности с типизацией – эта книга поможет научиться их избегать. В конце вас ждут объектно-ориентированный подход, программирование без классов и функции высшего порядка.

Книга вышла в издательстве Питер в 2019 г., поэтому отзывов пока немного, вот один из них:

Весьма оригинальная книга для книжной JavaScript-арены. Субъективный взгляд на то, как работать с этим языком от одного из самых продвинутых его знатоков. JS хорош тем, что на нем можно писать в очень разных стилях, есть множество подходов, которые работают тут, в отличие от более узконаправленных языков. И Дуглас Крокфорд рассказывает о своём видении языка и работы с ним, без особой любви к JS и сюсюканья с ним, но довольно субъективно, тем не менее. Приводит много своих личных «трюков», которые мне понравились, многое не знал, хотя пишу веб-приложения довольно давно.

Э. Браун – Изучаем JavaScript. Руководство по созданию современных веб-сайтов

Это издание познакомит вас с правилами, спецификациями и инструментальными методами, используемыми в ES6, опираясь на практическую основу, а также научит создавать эффективные приложения на клиентской стороне и в Node.js. Вот неполный список того, с чем вам придётся иметь дело в процессе обучения:

  • использование ES6 для транскомпиляции;
  • механика применения функций JavaScript;
  • объекты и объектно-ориентированное программирование;
  • итераторы, генераторы и прокси-объекты;
  • асинхронное программирование;
  • Node.js.

Книга предназначена для программистов, имеющих опыт работы с другими языками, но незнакомых с JavaScript. Однако и для новичков найдётся полезная информация.

Преимущества:

  • качественная печать и переплёт;
  • простой язык, интересная подача;
  • Хорошо описан фундамент JS и асинхронное программирование.

Недостатки:

  • там, где должны стоять обратные кавычки (`) стоят обычные одинарные () или обычные двойные ("
  • некоторые примеры и конструкции недостаточно ясно разобраны, объяснения малочисленны;
  • прикладная разработка, например, в браузере, дана поверхностно.

Д. Дакетт – Javascript и jQuery. Интерактивная веб-разработка

Тот редкий случай, когда книга рассчитана на программистов, контент-менеджеров и веб-дизайнеров. Автор рассматривает все необходимые основы для того, чтобы начать разработку простого софта. По окончании обучения вы сможете создавать JS-сценарии и интерактивные сайты, использовать библиотеку jQuery для упрощения кода, улучшать формы и проверять данные.

Преимущества:

  • много иллюстраций, качественная печать, твёрдый переплёт.

Недостатки:

  • не весь код из книги корректно работает.

Резиг, Бибо, Марас – Секреты JavaScript ниндзя

Этот труд является переработанным изданием, в котором были внесены дополнительные сведения по следующим темам: функции, замыкания, объекты, прототипы и промисы. Вы изучите: DOM, события и таймеры, передовые практики программирования, тестирование и кросс-браузерный код.

Преимущества:

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

Недостатки:

  • иногда реализация издания неправильно сброшюрована, надо проверять при покупке.

М. Хавербеке – Выразительный JavaScript. Современное веб-программирование

Книга для начинающих специалистов, которая поможет погрузиться в JavaScript и начать создавать продукт. Среди базовых синтаксических вещей вам встретятся стрелочные и асинхронные функции, итераторы, шаблонные строки и область видимости. Будут полезны практический опыт автора, множество примеров и обучающие проекты. С повышением сложности будут появляться более интересные темы: управляющие структуры, структуры данных, обработка ошибок и исправление багов, модульность и асинхронное программирование.

Преимущества:

  • много материала, примеров, практических заданий;
  • есть интернет-песочница для упражнений.

Недостатки:

  • в переводе используется слово «привязка» вместо «переменная»;
  • мягкая обложка.

Какой язык учить после JavaScript:

Когда вы выучили работу с любым JS фреймворком, то вам надо начать работать со серверным языком программирования, или с языком beck-end.

Тут порекомендую два языка, PHP и Python, первый для тех, кто хочет максимально быстро и просто начать работать с beck-end, так как он на мой взгляд достаточно простой язык, также на нём работает большинство популярных CMS систем, например, WordPress или OpenCart, как изучать PHP, можете посмотреть здесь, второй же, подойдёт тем, кто хочет максимальную скорость своих программ, но его будет сложнее и дольше учить, так как, вам сначала надо понять сам язык, а потом ещё фреймворк.

Я же рекомендую начать с Python, так как, он становится всё популярнее и зарплаты у него больше, хотя на фрилансе его мало.

Путь к профессии

Несмотря на то, что книги дают значительный объем знаний, нужно уметь применять их на практике.

Человека нельзя назвать кузнецом своего дела, если он знает всё, но ничего не умеет. То же самое с программированием. Если вы не практикуетесь, вы ничего не получите. Так что мой совет – учитесь и практикуйтесь одновременно. Не стоит волноваться по поводу того, что ваш код не будет идеальным. Главное – практика. Создайте аккаунт, пишите код ежедневно, сделайте это одним из пунктов распорядка дня. Когда вы создадите свой проект, поделитесь с сообществом и ждите отзывов. Обратная связь, особенно если это мнение аргументированно, дорогого стоит. В процессе работы над проектом, вы приобретёте навыки, которые помогут вам не только в программировании, но и в других делах.

Человека нельзя назвать кузнецом своего дела, если он знает всё, но ничего не умеет.

Если у вас есть шанс посетить мастер-класс, конференцию или любой другое мероприятие, посвящённое JavaScript, не упускайте его! Подобные встречи мотивируют. Вы познакомитесь с такими же, как и вы, сможете обменяться опытом, что пойдёт вам на пользу.

В какой последовательности можно учить язык JavaScript?

1. Изучите основы языка. Список того, что нужно знать, описан выше. Все это можно выучить самостоятельно, пользуясь бесплатным учебником. Он написан на русском языке просто и понятно.

2. Изучите библиотеки, например, jQuery и React. Это наборы готовых решений, которые можно использовать для ускорения работы. Нет смысла писать все скрипты с нуля, когда есть множество готовых решений.

3. Будет полезно изучить Node.JS – это технология расширяет область применения Джава-скрипт.

4. Освойте фрймворк. Фреймворк – это некая основа, фундамент, на котором можно создавать различные программы. Он включает набор готовых решений, на базе которых можно быстрее собрать ИТ-продукты (лендинг, сайт, интернет-магазин, приложение).

Например, фреймворк Angular используется для создания одностраничных приложений, Vue.js – для создания пользовательских интерфейсов.

5. Научитесь использовать системы контроля версий. Самая популярная из них - это GIT. О нем поговорим ниже.

6. Учитесь писать грамотный и правильно структурированный код.

Не переставайте учиться

Теперь, когда вы обладаете солидным набором знаний и умений, время перейти к следующей проблеме – как оставаться на плаву. Поток информации бесконечен. Чтобы быть в курсе, я подписался на несколько изданий – JSK Daily, Frontend Buzz, JavaScript Weekly, JavaScript World, Hashnode Times. Это помогает мне узнавать про новые события, обновления. Это не занимает много времени. Я читаю новости после работы или во время перерывов. Наиболее интересные мысли и статьи я сохраняю в Trello или на GitHub. Если меня заинтересовала новая технология, я выделяю время для изучения.

Кроме того, я ежедневно просматриваю видеоуроки.

Как быстро выучить JavaScript с нуля? Советы для новичков

  1. Старайтесь системно подходить к обучению. Если осваиваете Ява скрипт самостоятельно, то начинайте с основ, затем переходите к более глубокому материалу. Параллельно учите теорию. Что такое алгоритмы, какие они бывают и т.д.
  2. Постоянно практикуйтесь. Начинайте писать свои скрипты или переделывать или дорабатывать скрпиты других разработчиков (их можно найти в интернете). Старайтесь разобраться, как работает чужой код и как он сделан.
  3. Сделайте свой сайт, например, и добавляйте на него различные функции. Это будет хорошей практикой.
  4. Если вам что-то не понятно, берите консультации программистов или заказывайте услугу code-review (проверку кода у опытного разработчика с комментариями, что нужно доработать, переделать и почему).  Данная услуга стоит денег, поэтому заранее уточняйте у людей, которые согласятся проверить ваш код, сколько это будет стоить.

Бесплатные курсы и материалы для новичков

В этой части статьи на Kadrof.ru вы найдете видео, а также ссылки на обзоры бесплатных уроков и мастер-классов, которые помогут выучить JS с нуля. Вы сможете использовать их для самообучения.

1. Полный курс по Java Script для новичков. За 6 часов в этом видео простым и понятным языком описываются основы языка:

2. Что такое Node.JS: история создания, простейшие скрипты и основные возможности. Видео с канала Разработка от Яндекса продолжительностью 3 часа:

3. Еще один бесплатный урок по Node.JS, который можно посмотреть в том числе начинающим разработчикам:

4. Полный курс по React. Примеры и практика для новичков:

Что такое GIT и для чего он нужен?

GIT – это система контроля версий. Она позволяет команде разработчиком совместно работать над кодом и при необходимости возвращаться к версиям программ, созданным ранее. Также GIT синхронизирует работу с сайтом, сохраняет и обновляет изменения в файлах со скриптами.

Эта система позволяет избегать ошибок и систематизировать работу над программным кодом. При необходимости можно быстро откатить изменения, если в программе нашлись баги (ошибки).

"Я знаю основы, что дальше?"

Вы достигли успехов, знаете язык на хорошем уровне, но что теперь? Такой же вопрос я задал себе, когда понял, что знаю достаточно, но хочу продолжить изучение. В какой-то момент вы заметите, что большую часть времени у вас занимает поиск ошибок в коде. Когда люди сталкиваются с этим, они стоят перед выбором, продолжить углубленное изучение, или остаться с теми знаниями, что у них есть.

Справиться со стрессом мне помогла моя сила воли. Я понимал, что это поможет мне перейти на новый уровень.

Изучение новых вещей становится затруднительным, так как материал уже не такой лёгкий как прежде, но всё еще не настолько тяжёлый, чтобы бросать дело. Я занялся тестирования, шаблонов проектирования, структур JavaScript с помощью книг. Не все из тех книг, что я прочёл, помогли мне. Здесь я приведу список тех, что действительно оказались полезными:

Effective JavaScript: 68 Specific Ways to Harness the Power of JavaScript - в книге описываются 68 подходов для написания кода, к каждому автор приводит примеры. Вы узнаете, как подбирать стиль программирования для разных проектов, решать проблемы и многие другие аспекты программирования.

JavaScript - The Good Parts - несмотря на то, что книга порядком устарела, она всё ещё является отличным помощником. Книга научит вас писать красивый и эффективный код.

JavaScript Design Patters - в книге рассказывается о том, как применять современные шаблоны к языку. Написано всё простым языком.

Test-Driven JavaScript Development - одна из лучших книг, обучающих тестированию кода JavaScript.

Изучение фреймворка

После того как вы будите на достаточно хорошем уровне работать с JavaScript, можете начать изучать какой нибудь фреймворк, например, Vue.js, React.js или Angular.js, для этого используете их стандартные справочники на официальных сайтах.

Как преодолеть разочарование

Как я уже говорил, каждый разработчик, вне зависимости от его опыта прошёл период неудач. Программирование – это бесконечное решение проблем. Иногда, для того, чтобы решить какую-либо проблему, нужно время. Так что это важно уметь работать, несмотря на неудачи.

Если вы чувствуете, что пора сделать перерыв – сделайте его. Займитесь чем-нибудь более прикладным, занимайтесь спортом, отдохните с друзьями. Разнообразьте свою жизнь, а когда почувствуете, что отдохнули, возвращайтесь к работе. У вас появится заряд энергии и мотивации. У меня было несколько фаз, когда мне требовался отдых. После него я чувствовал себя лучше.

Как наработать опыт и найти работу?

  1. В ИТ сфере принято тестировать кандидатов на работу. Поэтому в первую очередь для получения работы необходимы знания. Просматривайте вакансии и обращайте внимание, какие требования предъявляются работодателями. Какие технологии и на каком уровне необходимо знать. Изучив материал, приходите на собеседования. Если вас взяли, отлично. Если нет, спросите, каких знаний и навыков вам не хватило для получения работы и постарайтесь их быстро выучить. Затем снова приходите на собеседование.
  2. Ищите информацию о стажировках в крупных компаниях. Стажировка – отличный шанс получить опыт и затем работу. Подпишитесь – в ней публикуется информация о стажировках и другие полезные новости для новичков.
  3. Посетите веб-студии, которые работают в вашем городе. Возможно, где-то требуется Junior разработчик на JS и вас возьмут на испытательный срок.
  4. Пока ищете работу, попробуйте подрабатывать на фрилансе, выполнять простые заказы на биржах или развивать собственный проект в интернете.
  5. Не переживайте, если сразу не получается найти работу. В ИТ не всегда просто новичкам, но по мере накопления опыта искать хорошие вакансии станет проще. Все когда-то начинали и проходили начальный этап.
  6. Общайтесь на форумах и сайтах для программистов. Вступайте в профильные группы в социальных сетях. Становитесь частью профессионального сообщества. Тогда найти работу станет проще.

Вывод

В этой статье было рассказано как JavaScript учить с нуля бесплатно, надеюсь вам эта статья была полезна.

Источники

  • https://proglib.io/p/get-started-javascript/
  • https://www.kadrof.ru/articles/57463
  • https://www.kadrof.ru/articles/44711
  • https://prognote.ru/web-dev/front-end/how-to-learn-javascript/
  • https://proglib.io/p/top-15-knig-po-javascript-ot-novichka-do-professionala-2020-03-01

Рейтинг
( Пока оценок нет )
Понравилась статья? Поделиться с друзьями:
Лайфхаки на каждый день, полезные советы
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: