Цель заброшена
Автор не отписывался в цели 5 лет 5 месяцев
JavaScript, базовые знания
Если честно, этот язык меня безумно пугает, всегда считала его слишком сложным и не верю, что смогу им полноценно пользоваться.
Существует цитата "Мастерство приходит с количеством вложенных часов при полной концентрации", проверим её в жизни.
Критерий завершения
выбранные курсы-учебники пройдены, узнанное применяется на практике
-
HTML Academy курс «Основы JavaScript»
Знакомство с JavaScriptУсловияЦиклыМассивыФункцииОбъекты- JavaScript в браузере
Стоимость этапа — 390 ₽
-
Sorax
ВведениеИнструкцииВыражения и операторыТипы данных и переменныеЧисла(9.09)Строки(9.09)Логические значения(10.09)null и undefined(10.09)Преобразование типов(10.09)Условные инструкции(13.09)Условный оператор(13.09)Циклы(13.09)Функции(13.09)Цепочки областей видимости (13.09)Замыкания(13.09)- Обработка исключений
- Объекты
- this и непрямой вызов методов
- Аксессоры и атрибуты свойств
- Прототипы и наследование
- Конструкторы и классы
- Цепные вызовы методов
- JSON
- Массивы
- ES5 методы массивов
- Объект Math
- Класс Date
- Регулярные выражения
- Класс RegExp
- Strict Mode
- Выполнение JS в браузере
- Window
- Location
- History, Screen, Navigator
- DOM
-
learn.javascript.ru ч1
Основы JavaScript
Привет, мир!(27.08)Внешние скрипты, порядок исполнения(27.08)Структура кода(27.08)Современный стандарт, "use strict"(27.08)Переменные(27.08)Правильный выбор имени переменной(27.08)Шесть типов данных, typeof(28.08)Основные операторы(28.08)Операторы сравнения и логические значения(28.08)Побитовые операторы(29.08)Взаимодействие с пользователем: alert, prompt, confirm(29.08)Условные операторы: if, '?'(29.08)Логические операторы(29.08)Преобразование типов для примитивов(3.09)Циклы while, for (10.09)Конструкция switch(11.09)Функции(11.09)Функциональные выражения(12.09)Рекурсия, стек(12.09)Именованные функциональные выражения(17.09)Всё вместе: особенности JavaScript(17.09)
Качество кода
Отладка в браузере Chrome(17.09)Советы по стилю кода(17.09)Как писать неподдерживаемый код?(17.09)Автоматические тесты при помощи chai и mocha(17.09)
Структуры данных
Введение в методы и свойства(18.09)Числа(18.09)Строки(18.09)- Объекты как ассоциативные массивы
- Объекты: перебор свойств
- Объекты: передача по ссылке
- Массивы с числовыми индексами
- Массивы: методы
- Массив: перебирающие методы
- Псевдомассив аргументов "arguments"
- Дата и Время
Замыкания, область видимости
- Глобальный объект
- Замыкания, функции изнутри
- [[Scope]] для new Function
- Локальные переменные для объекта
- Модули через замыкания
- Управление памятью в JavaScript
- Устаревшая конструкция "with"
Методы объектов и контекст вызова
- Методы объектов, this
- Преобразование объектов: toString и valueOf
- Создание объектов через "new"
- Дескрипторы, геттеры и сеттеры свойств
- Статические и фабричные методы
- Явное указание this: "call", "apply"
- Привязка контекста и карринг: "bind"
- Функции-обёртки, декораторы
Некоторые другие возможности
- Типы данных: [[Class]], instanceof и утки
- Формат JSON, метод toJSON
- setTimeout и setInterval
- Запуск кода из строки: eval
- Перехват ошибок, "try..catch"
ООП в функциональном стиле
- Введение
- Внутренний и внешний интерфейс
- Геттеры и сеттеры
- Функциональное наследование
ООП в прототипном стиле
- Прототип объекта
- Свойство F.prototype и создание объектов через new
- Встроенные "классы" в JavaScript
- Свои классы на прототипах
- Наследование классов в JavaScript
- Проверка класса: "instanceof"
- Свои ошибки, наследование от Error
- Примеси
-
learn.javascript.ru ч2
Документ и объекты страницы
- Окружение: DOM, BOM и JS
- Дерево DOM
- Работа с DOM из консоли
- Навигация по DOM-элементам
- Поиск: getElement* и querySelector* и не только
- Внутреннее устройство поисковых методов
- Свойства узлов: тип, тег и содержимое
- Современный DOM: полифиллы
- Атрибуты и DOM-свойства
- Методы contains и compareDocumentPosition
- Добавление и удаление узлов
- Мультивставка: insertAdjacentHTML и DocumentFragment
- Метод document.write
- Стили, getComputedStyle
- Размеры и прокрутка элементов
- Размеры и прокрутка страницы
- Координаты в окне
- Координаты в документе
- Итого
Основы работы с событиями
- Введение в браузерные события
- Порядок обработки событий
- Объект события
- Всплытие и перехват
- Делегирование событий
- Приём проектирования "поведение"
- Действия браузера по умолчанию
- Генерация событий на элементах
События в деталях
- Мышь: клики, кнопка, координаты
- Мышь: отмена выделения, невыделяемые элементы
- Мышь: движение mouseover/out, mouseenter/leave
- Мышь: Drag'n'Drop
- Мышь: Drag'n'Drop более глубоко
- Мышь: колёсико, событие wheel
- Мышь: IE8-, исправление события
- Прокрутка: событие scroll
- Клавиатура: keyup, keydown, keypress
- Загрузка документа: DOMContentLoaded, load, beforeunload, unload
- Загрузка скриптов, картинок, фреймов: onload и onerror
Формы, элементы управления
- Навигация и свойства элементов формы
- Фокусировка: focus/blur
- Изменение: change, input, cut, copy, paste
- Формы: отправка, событие и метод submit
Создание графических компонентов
- Введение
- Графические компоненты
- Вёрстка графических компонентов
- Шаблонизатор LoDash
- Коллбэки и события на компонентах
- Что изучать дальше
Дневник цели
Оператор typeof возвращает тип аргумента. Это полезно, когда мы хотим обрабатывать значения различных типов по-разному или просто хотим сделать проверку.
У него есть два синтаксиса:
- Синтаксис оператора: typeof x.
- Синтаксис функции: typeof(x).
typeof undefined // "undefined"
typeof 0 // "number"
typeof true // "boolean"
typeof "foo" // "string"
typeof Symbol("id") // "symbol"
typeof Math // "object"
typeof null // "object"
typeof alert // "function"
JS - динамически типизированный язык.
Есть 7-8 основных типов данных:
- Число
- целочисленные значения и числа с плавающей точкой
- infinity (математическую бесконечность ∞)
- Nan (вычислительная ошибка). Значение NaN «прилипчиво». Любая операция с NaN возвращает NaN - Строка
- Булевый (логический) тип
представляет логическую сущность и имеет два значения: true (истина) и false (ложь) - Значение «null»
В js null не является «ссылкой на несуществующий объект» или «нулевым указателем», как в некоторых других языках.
Это просто специальное значение, которое представляет собой «ничего», «пусто» или «значение неизвестно». - Значение «undefined»
означает, что «значение не было присвоено».
Обычно null используется для присвоения переменной «пустого» или «неизвестного» значения, а undefined – для проверок, была ли переменная назначена. - Символы
являются нововведением JavaScript начиная с ECMAScript 2015. Символ — это уникальное и иммутабельное примитивное значение, которое может быть использовано как ключ для свойства объекта - Объекты
используются для хранения коллекций данных или более сложных объектов
В JavaScript есть два ограничения, касающиеся имён переменных:
- Имя переменной должно содержать только буквы, цифры или символы $ и _.
- Первый символ не должен быть цифрой.
Если имя содержит несколько слов, обычно используется верблюжья нотация
Существует список зарезервированных слов, которые нельзя использовать в качестве имён переменных, потому что они используются самим языком.
Например: let, class, return и function зарезервированы.
Чтобы объявить константную, то есть, неизменяемую переменную, используйте const.
Широко распространена практика использования констант в качестве псевдонимов для трудно запоминаемых значений, которые известны до начала исполнения скрипта.
Названия таких констант пишутся с использованием заглавных букв и подчёркивания.
Объявление переменной
var declaration
Инициализация — это присваивание значения переменной.
var declaration
declaration = 'This is an initialization'
Хей! Возвращаюсь к js!
16 декабря начинается учеба по нему, пора вспоминать и готовиться)
Комментарии
Опять острый период нелюбви к смартпрогрессу (невыносимо неудобен и никак не дорабатывается), поэтому конспекты в др.месте. Здесь только зачеркиваю главы.
Преобразование типов для примитивов
Всего есть три преобразования:
- Строковое преобразование.
- Численное преобразование.
- Преобразование к логическому значению.
Строковое преобразование
- String(val)
- alert( a )
- для явного преобразования применяется оператор "+", у которого один из аргументов строка
alert( "123" + undefined ); // "123undefined"
Численное преобразование
- Number(val)
- происходит в математических функциях и выражениях
var a = +"123"; // 123 - при сравнении данных различных типов (кроме сравнений ===, !==)
alert( "\n0 " == 0 ); // true
С логическими значениями:
alert( "\n" == false );
alert( "1" == true );
Логическое преобразование
- if(value)
- !!value
- Boolean(value)
