Сообщения

Сообщения за май, 2019

React + Redux. Профессиональная Разработка

Изображение
Автор курса — Юрий Бура, курс доступен на Udemi , его хвалят на dou и рутрекере. Итак, что я узнала. React это библиотека, а не фреймворк. Если фреймворк, вроде Angular имеет под капотом всё необходимое для тестирования, настройки сервера и т.д, то реакт выполняет только одну задачу — создание пользовательских интерфейсов (UI), а для других задач нужно подключать другие библиотеки. React позволяет создавать одностраничные приложения single-page application и считается несложным в освоении. Страницы в React создаются на основе модулей. Особенности модулей: Модули должны быть небольшими - буквально 2-3 дива с текстом или картинка с описанием или ещё какая-то мелочь. Потом маленькие модули складываем в большие.  Ещё одно требование к модулям - универсальность, один и тот же модуль будем использовать в разных местах страницы.  Если в обычном сайте мы разделяем разметку и логику, помещая их в отдельные файлы index.html script.js , то в React каждый модуль содержит и разм

Примеры вопросов Rolling Scopes School

Изображение
  Примеры вопросов: https://github.com/rolling-scopes-school/tasks/blob/2018-Q3/tasks/interview-corejs.md Типы данных в JS. Приведение типов ●  Введение в типы данных ●  Преобразование типов Что такое hoisting? ● hoisting Let vs var. Const ● Let vs var. Const Передача данных по ссылке и по значению. Примеры ● Передача данных по ссылке и по значению {a: 10} == {a: 10}. Что вернет код? ● Передача данных по ссылке и по значению Что такое this? ●  Открытый бесплатный вебинар об ООП в JavaScript Apply, call, bind. Для чего используются? В чем отличия? ●  Открытый бесплатный вебинар об ООП в JavaScript Замыкание. Приведите пример. ● Замыкания (Кантор) Sum(1)(2) ● Функции высшего порядка Prototype. Отличия proto от prototype. Пример наследования ● Конструкторы, прототипы Как создать объект без прототипа? ●  Object.create(null) Методы массива, перебирающие элементы массива ● Методы массивов + стрелочные функции “hello world”.repeating(3) -> hello world hello

Webpack

Изображение
Источник  https://youtu.be/1Nk09Z4ca4A 1. Создаём файл .editorconfig, указываем правила. В редакторе устанавливаем дополнение, список плагинов для разных редакторов есть на официальном сайте  https://editorconfig.org/ После перезагрузки редактора установленный плагин будет все файлы форматировать по указанным в  .editorconfig правилам. 2. В Git Bash выполняем команду npm init несколько раз нажимаем Enter. соглашаясь с настройками. В результате в папке появляется файл package.json, его можно редактировать. 3. Пакеты устанавливает команда npm install, сокращёно npm i Например, eslint установит команда npm install -D eslint eslint-config-airbnb-base Ключ -D он же --save-dev означает, что файл используется в процессе разработки и не попадёт в конечный продукт. 4. Инициализируем eslint командой npx eslint init Для настройки предлагают использовать стрелки - Use arrow keys если стрелки не работают, можно использовать цифру - пробел ентер Например, 2-space-enter Анал

Конструкторы, прототипы

Изображение
Открытый бесплатный вебинар об ООП в JavaScript Первая часть: https://studyjavascript.blogspot.com/2019/02/javascript.html Конструкторы Если вызвать функцию с ключевым словом new . то функция начнёт возвращать "пустой" объект. var F = function(){   } new F()     //   Object { } Такая функция называется конструктором , а объект, который она возвращает, экземпляром . this внутри этой функции будет указывать на экземпляр. Соответственно, используя this можно внутри этой функции выполнять манипуляции с объектом, например, добавлять ему свойства. var F = function(name){   this.name = name; } var name1 = new F("Anton");     // Object { name="Anton"} var name2 = new F("Boris");      //   Object { name="Boris"} Каждый раз при вызове функции с ключевым словом new возвращается новый объект со своим набором полей. Внутри экземпляра, как и любого другого объекта, всегда есть свойство constructor , которое содержит ссылку