Step 3. Изучение JavaScript

Описание появится по ходу выполнения шагов.

Задание 3. Изучение JavaScript. 3-4 недели

Поздравляем вас с выполнением второго задания — оно самое объёмное из всех заданий программы. Впереди теория и практика по JavaScript, ревью-кода и личная беседа для проверки ваших знаний. Перед тем, как вы приступите к выполнению 3 или 4 задания, поделитесь с нами впечатлениями от прохождения второго задания. В конце опроса вы найдёте ссылку на чат в телеграме для этого и следующего уровней. Описание задания Как фронтенд-разработчику вам в первую очередь нужно будет решать много вопросов с кодом на JavaScript, а вёрстка будет отнимать относительно много времени только на первых порах. Так что для того, чтобы действительно быть полезными команде, вам нужно многое изучить именно в части программирования. И, естественно, первое — это стандартные возможности языка. Полезные ссылки для изучения JavaScript:

1. [Обязательно] https://htmlacademy.ru/courses/javascript — если вы не проходили в первом задании курс по JS в HTML Academy, и не обладаете начальными знаниями языка, то самое время сделать это сейчас.
2. [Обязательно] https://learn.javascript.ru/ — начальный ресурс по изучению языка JavaScript, на этом портале в трёх частях описаны основы языка, как минимум стоит изучить "Язык JavaScript".
3. [Обязательно] https://learn.javascript.ru/css-for-js — отдельно обратите внимание на главу про CSS для JS-разработчиков.
4. [Обязательно] «JavaScript. Сильные стороны.» Д.Крокфорд — мы готовы взять на работу только тех ребят, кто посчитал нужным уделить немного времени, чтобы осилить эти менее 150 страниц качественных рекомендаций. (некоторые периферийные фичи можно пропустить, например, главу про регулярные выражения и приложения Г и Д). Книга написана ещё до появления ES6, однако почти все моменты из книги до сих пор встречаются на практике либо в коде проекта, либо в коде библиотек, так что знать про это нужно обязательно "Как устроен JavaScript" Д.Крокфорд (2019 г.) - свежее переиздание этой(?) книги, основанное на стандарте ES6 Так переиздание? Или нет? Заранее спасибо за ответ. Я переиздание не читал, не могу рекомендовать. Но должно быть хорошо, поэтому почему бы и посвеженее не почитать :).
5. [Рекомендация] «Секреты JavaScript ниндзя» Дж.Резиг, Беэр Бибо
6. [Рекомендация] «JavaScript. Подробное руководство» Д.Флэнаган, советуем хотя бы 4 самые полезные главы про сам JavaScript: от 6-ой до 9-ой включительно.
7. [Рекомендация] Codewars — ресурс с интересными задачками на разных языках. Много полезных упражнений, все разделены по уровням сложности. Крайне рекомендуем после выполнения задания ознакомиться с решениями других ребят, часто там можно встретить так нужные новичку best practices.
8. [Рекомендация] Watch and Code — на ресурсе есть бесплатные курсы про JS Очень рекомендую к прохождению! Всё по полочкам в голове становится) Это курс от разработчика Google, у которого нет высшего образования в IT и который намучался в свое время изучая JS по книгам, курсам и поэтому сделал свой курс для обучения с полного нуля. Проблемы большей части курсов/книг: - простые шаблонные задания, - в основном, обучение синтаксису, - первые 2 задания легкие, потом 3 задание - постоить ракету =), что занижает мотивацию, - нет обратной связи Фишки этого курса: - понятно объясняет, - усложнение постепенное, - созвоны online 1 раз в неделю с создателем курса(история созвонов есть на YouTube), - группа в Facebook для вопросов и отзывов. Суть: дает прикладные знания и понимание что, зачем и как делать на примере создания простого приложения P.S. Курс на английском, есть субтитры. Синтаксис: ES5. Адель, спасибо за подробный отзыв, замотивировали )

Желательно несмотря на начальный уровень знаний приступать к следующему заданию параллельно с этим сразу после изучения базовых возможностей языка (переменные, функции, управляющие конструкции). Это поможет вам совместить теорию и практику, закрепить полученные знания и понять как и куда двигаться дальше. Готовьтесь к тому, что вы будете переписывать свой код на много раз (минимум от 5) — это абсолютно нормально, и даже крайне полезно с педагогической точки зрения. В реальности разработка проектов чаще состоит как раз из модификации существующего кода, а не из написания абсолютно нового, поэтому навык рефакторинга крайне полезен с самых первых месяцев работы. Задание вам даст

• Уверенные знания самого языка JavaScript:
  • управляющие конструкции (циклы, условия);
  • основы создания и вызова функций;
  • контекст вызова функций (this);
  • области видимости/замыкания;
  • работу с массивами
    • разные способы конструирования массивов;
    • разные способы вставки элементов в массив;
    • разреженные массивы;
    • переборы массивов через управляющие конструкции;
    • переборы массивов через методы filter/map/reduce;
    • добавление свойств массивам;
    • объекты ведущие себя как массивы (например, arguments);
    • методы (indexOf, shift, splice, slice, join, split, reverse, sort, concat);

    ;

  • работу с объектами
    • объекты как ассоциативные массивы;
    • работа с ключами объектов (назначение, удаление, проверка существования);
    • создание через литералы и через конструкторы;
    • переборы свойств объектов;
    • передача объектов по ссылкам;

    ;

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