КАК СТАТЬ FRONTEND-РАЗРАБОТЧИКОМ? ЧАСТЬ 2 - ПОШАГОВАЯ ИНСТРУКЦИЯ

Шаг 7. Изучаем основы JS ES5
 Что такое EcmaScript
 Переменные
 Типы данных
 Массивы
+ Методы массивов
 Объекты
+ Методы объектов
 Функции
+ Чистые функции
 Контекст
+ This
+ Сall
+ Apply
+ Bind
+ Каррирование

 Замыкания
 Таймеры
+ setTimeout
+ setInterval
 Промисы
+ Promise
+ Promise.all
+ resolve
+ reject
 Исключения
+ try…catch..

Дополнительно:
• изучаем инструменты разработчика в Chrome (Sources, Console) + Debugging
• учимся писать комментарии с помощью JSDoc

Материалы:
https://www.youtube.com/playlist?list=PL363QX7S8MfSxcHzvkNEqMYbOyhLeWwem (плейлист) – основы JS
или
https://www.youtube.com/watch?v=omjT7_mdmOM&list=PLqHlAwsJRxAPHWjsHt64z9Jq1nTxRncrL (плейлист) – основы JS
https://learn.javascript.ru/(учебник)- на любую из тем по JS здесь есть ответ + примеры
https://developer.mozilla.org/ru/docs/Web/JavaScript/Guide/Grammar_and_Types(учебник) – грамматика и типы
https://developer.mozilla.org/ru/docs/Web/JavaScript/Guide/Expressions_and_Operators (учебник) – выражения и операторы
https://learn.javascript.ru/comparison (учебник) - логические операторы, знать каждому!
https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/Array (учебник) - подробно про массивы
https://developer.mozilla.org/ru/docs/Web/JavaScript/Guide/Working_with_Objects (учебник) - подробно про объекты
https://learn.javascript.ru/function-basics , https://learn.javascript.ru/function-declaration-expression (учебник) – про функции
https://learn.javascript.ru/recursion (учебник) –что такое рекурсия
https://habr.com/ru/post/437512/ (cтатья) - про чистые функции
https://learn.javascript.ru/settimeout-setinterval (учебник) - таймеры
https://learn.javascript.ru/exception (учебник) - обработка ошибок
https://www.youtube.com/watch?v=DxYU5JfWmSQ (видео) – инструменты разработчика, часть2
https://devdocs.io/jsdoc/ (документация) - JSDoc

Шаг 8. Работа с элементами DOM

 что такое DOM?
 Document
+ createElement
+ getElementById
+ querySelector
+ createEvent

 Element
+ children
+ classList
+ innerHTML
+ append
+ closest
+ getAttribute
+ setAttribute

 События(Events)
+ addEventListener
+ click
+ change
+ focus
+ blur
+ mousemove
+ keydown
+ пользовательские

Материалы:
https://developer.mozilla.org/ru/docs/DOM/DOM_Reference/%D0%92%D0%B2%D0%B5%D0%B4%D0%B5%D0%BD%D0%B8%D0%B5(учебник)- Что такое DOM
https://www.youtube.com/watch?v=1FpuKVmotNc (видео) –работа с DOM
https://developer.mozilla.org/en-US/docs/Web/API/Window(учебник)- Window
https://developer.mozilla.org/en-US/docs/Web/API/document(учебник)– Document
https://developer.mozilla.org/ru/docs/Web/API/Element(учебник)– Element
https://learn.javascript.ru/introduction-browser-events(учебник) – про события (введение)
https://developer.mozilla.org/ru/docs/Web/API/Event/Event - создание пользовательского события
Шаг 9. Наследование

 Наследование
 Прототипы
 Конструкторы
 Классы

Материалы:
https://javascript.ru/tutorial/object/inheritance#sozdanie-obekta-funkciya-konstruktor (учебник) – про наследование
https://www.youtube.com/watch?v=Qve7g0LB7ao (видео) – прототипное наследрование
https://developer.mozilla.org/ru/docs/Web/JavaScript/Inheritance_and_the_prototype_chain (учебник) - наследование и прототипы
https://learn.javascript.ru/prototypes (учебник)- еще больше про прототипы
https://learn.javascript.ru/constructor-new (учебник) - про конструкторы
http://jsraccoon.ru/oop-constructors (учебник) - про конструкторы
https://learn.javascript.ru/classes(учебник) - классы
Шаг 10. Работа с запросами
 JSON
 LocalStorage, sessionStorage, Cookie
 AJAX. XMLHttpRequest.
 Асинхронное программирование.
 API. Cross-domain requests. CORS

Материалы:
https://learn.javascript.ru/json (учебник)- JSON
https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse (учебник) -JSON.parse()
https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify (учебник)-JSON.stringify

https://developer.mozilla.org/ru/docs/Web/API/Window/sessionStorage(учебник) - sessionStorage
https://developer.mozilla.org/ru/docs/Web/API/Window/localStorage (учебник)- localStorage
https://developer.mozilla.org/ru/docs/Web/API/Document/cookie (учебник)- cookie
https://learn.javascript.ru/cookie(учебник) -тоже про куки
https://learn.javascript.ru/ajax (учебник)- всё про AJAX и XMLHttpRequest
https://habr.com/ru/company/ruvds/blog/337662/ (статья) - методы работы с асинхронным программированием
https://learn.javascript.ru/promise (учебник)- про промисы

https://www.youtube.com/watch?v=5kAPExqSZ1I (видео) – про async/await
https://www.youtube.com/watch?v=vNEDPtVchfw (видео) - промисы (синтаксис ES6)

https://developer.mozilla.org/ru/docs/Learn/JavaScript/Client-side_web_APIs/Introduction (учебник) - про АПИ
https://www.youtube.com/watch?v=ZOAr4XcHDUw (видео) – как работать с АПИ
https://developer.mozilla.org/ru/docs/Web/HTTP/CORS (учебник) - про CORS

Продолжение в закрепленном комментарии

Видео КАК СТАТЬ FRONTEND-РАЗРАБОТЧИКОМ? ЧАСТЬ 2 - ПОШАГОВАЯ ИНСТРУКЦИЯ канала frontendgirl