Repository files navigation PHP academy lections. Frontend HTML, CSS, JS.
Набор инструментов
Поговорим о HTML
Элементы
Атрибуты
Тип елементов
Текст
Ссылки
Списки
Изображения
Таблицы
Формы
Iframes
ДЗ
Справочники
Что такое CSS?
Стартуем!
Синтаксис
Селекторы
Псевдоклассы
Псевдоэлементы
Наследование
Приоритет
Единицы размера
Стиль клиентского приложения
Применение сброса
BEM
Почему бы не размещать стиль прямо в HTML?
SASS, LESS, STYLUS - и прочие шаблонизаторы
Справочники
Шрифты и текст
Позиционирование елементов
Свойства
Семантика(предназначение)
Пре/пост-процессоры
Собираем проект gulp, PostCSS, sass
Справочники
Так что же такое JS?
Что (не)умеет
В чём же уникальность?
Основные движки
Под капотом
Как подключить
Структура кода
Переменные
Шесть типов данных, typeof
Основные операторы
Взаимодействие с пользователем: alert, prompt, confirm
А как же ошибки!
Code style
Заключение
ДЗ
Справочники
Условные конструкции
Логические операторы
Преобразование типов для примитивов
Циклы while, for, switch
Функции
Рекурсия
Именованное функциональное выражение (Named Function Expression)
BOM введение
Заключение
ДЗ
Свойства, методы
Работа с числами
Работа со строками
Объекты как ассоциативные массивы
Массивы
Многомерные массивы
Псевдомассив
Особенности работы length
DOM введение
Заключение
ДЗ
Область видимости
Порядок инициализации
Лексическое окружение
Доступ ко внешним переменным
Всегда текущее значение
Вложенные функции
Возврат функции
Свойства функции(cтатические переменные)
Замыкание
Приёмы
Счётчик-объект
Объект счётчика + функция
Модули через замыкания
Память в JavaScript
DOM события
Заключение
ДЗ
Справочники
Объекты как сущности
Доступ к объекту через this
Дескрипторы
Преобразование объектов
Конструктор
ООП
Терминология
ООП в функциональном стиле
Прототипное программирование
Функционально - прототипное программирование
Наследование
Заключение
ДЗ
Справочники
Класс
Внутренний и внешний интерфейс
Инкапсуляция
Приватные свойства и методы
Функциональный стиль
Геттеры и сеттеры
Наследование
Функциональный стиль
Защищённые свойства
Переопределение методов
Заключение
ДЗ
Справочники
Расширим кругозор
Прототип объекта
obj.hasOwnProperty(prop)
Object.create(null)
Создание прототипов объекта через конструктор
Встроенные "классы" в JS
Изменение встроенных прототипов
Класс через прототип
Наследование в наших классах
Заключение
ДЗ
Справочники
Статические свойства и методы
Фабричные методы
Явное указание this: call, apply
Одалживание метода
Привязка контекста: bind
Функции-обёртки, декораторы
Заключение
ДЗ
Справочники
Unit тестирование
Цели тестирования
Не нужно писать тесты, если?
Как нужно писать тесты?
TDD техника
BDD техника
TDD vs BDD
Events
Всплытие (bubbling)
Погружение
Разбор полётов
Заключение
ДЗ
Справочники
Что такое QUnit
Утверждения
Структура утверждений
ES6
let, const и блочная область видимости
Блочная область видимости для Functions
Стрелочные функции
Параметры по умолчанию
Spread / Rest оператор
Строковые шаблоны и разделители
Восьмеричный и двоичный литералы
Расширение возможностей литералов объекта
Деструктуризация массивов и объектов
Ключевое слово super для объектов
Map и WeakMap
Set и WeakSet
Тип данных Symbol
for...of против for...in
Итераторы
Генераторы
Промисы
Модули
Классы
Заключение
ДЗ
Справочники
NODE
HTTP
AJAX
COMET
XMLHttpRequest
fetch
Автоматизация рабочих процессов
Концепция WEB
Сохранение данных на стороне клиента
WebStorage
LocalStorage
SessionStorage
Cookie
Session
Заключение
ДЗ
Справочники
HTML5
Аудио && видео
SVG
Canvas
Canvas vs SVG
Геопозиционирование
jQuery
Основа
Селекторы
Добавление и изменение атрибутов
Способы изменения CSS-стилей
Манипуляция свойствами, классами
Работа с DOM
События
Ajax
jQuery UI
Заключение
ДЗ
Справочники
Подготовка
Подключаем react
Вау что это было!
Ситаксис завоевывающий мир
Создание компонента
props
Круто, но хотелось бы отобразить новости!
prop-types
Порефакторим!?
Version control workflow
Заключение
ДЗ
Справочники
State
Начальное состояние(initial state)
Events(onClick)
state для Гуру
Работа с input
Uncontrolled Components (неконтролируемый компонент)
Жизненный цикл компонента
Работа с формой
Заключение
ДЗ
Справочники
Современный web
webpack
server + React + Hot Reload
babel
ESLint
React dev tools
Основы Redux
ТЗ
Структура проекта
Архитектура приложения
Actions
Reducer
Точка входа
Настройка Store
Заключение
ДЗ
Справочники
Комбинирование редьюсеров
Создание Reducer
Связывание данных
Контейнеры и компоненты
Создание actions
Константы
Middleware (Усилители)
Асинхронные actions
Заключение
ДЗ
Справочники
Финальные штрихи или работа с API
Логин
Загрузка фото
Обновим?
"Роутинг"? Нет не слышал
Что будем делать, или ТЗ
Структура сайта
Структура директорий и файлов
Dev окружение
Примитивный роутер
Подключаем react-router-dom
Заключение
ДЗ
Справочники
Дописываем роуты
Динамический роут
Активная ссылка
Redirect
Разделение доступа
componentDidMount, componentWillUnmount
Подключаем redux
store.dispatch редирект
cоздание middleware для роутинга
"закрытый" компонент
Заключение
ДЗ
Справочники
Курс молодого бойца или TypeScript
Строгая типизация
Читабельность кода
Минусы TypeScript
Строгая типизация
Компилятор
Debug
А вдруг помрет?
TypeScript
Типы данных
Class
Модификаторы доступа
Методы доступа
Свойства только для чтения
Определение свойств через конструктор
Interfaces
Build Tools
Причем тут TypeScript тема то про Angular!
QuickStart
Angular component
Структура src
Структура root
Основы Angular
Что будем строить?
Подготовка среды разработки
Angular компоненты
Редактируем стили
Чему научились
Заключение
ДЗ
Справочники
Основы TypeScript
Переменные
Работа с типами данных
Функции
Интерфейсы
Наследование интерфейсов
Интерфейсы функций
Интерфейсы массивов
Гибридные интерфейсы
Преобразование типов
Обобщения
Обобщенные классы и интерфейсы
Ограничения обобщений
New
Основы Angular
Heroes Editor
Компонент heroes
Класс Hero
Pipes
NgModels
Заключение
ДЗ
Справочники
Основы TypeScript
Миксины
Модули
Заголовочные файлы
Декораторы
Декораторы классов
Декоратор метода
Параметры и выходной результат метода
Декораторы параметров методов
Декораторы свойств
Декоратор метода доступа
Фабрики декораторов
Список и детали героев
NgModels
Макет списка
ngFor или отображение макета списка
Стили для списка
ДЗ
Справочники
Список и детали героев
Angular event-binding
NgIf
Angular class-binding
Страница героя
Создание HeroDetailComponent
Отображение HeroDetailComponent
Services
Создаем HeroService
Observable data
Что такое реактивное программирование, или RxJS
Observable HeroService
Subscribe в HeroesComponent
HeroesComponent
Отображение сообщения
Создание MessagesComponent
Создание MessageService
Inject в HeroService
Отправление сообщения с HeroService
Привязка к MessageService
ДЗ
Справочники
Routing
Добавляем AppRoutingModule
Добавляем routes
Страница Dashboard
Страница героя
Router для героя
Routable HeroDetailComponent
А что дальше?
Заключение
ДЗ
Справочники
HTTP
Включим HTTP сервисы
Имитируем сервер данных
Импорт HTTP символов
Получение списка героев используя HttpClient
Редактирование героя
Добавление нового героя
Удаление героя
Поиск
Подключаем MongoDB
Немного лирики React vs Angular
Преимущества Angular
Преимущества React
Заключение
Справочники
Введение в Node JS
Особенности или под капотом
Окружение, установка
Цикл событий
Модули
Работа с модулями
Структура модулей
Глобальный объект
Процесс
Отладка
NPM и установка сторонних модулей
Передача параметров приложению
Nodemon
Асинхронность в Node.js
Работа с файлами
Заключение
Справочники
Эмиттеры событий
Передача параметров событию
Наследование от EventEmitter
Буферы
Stream’ы
Pipe
Сервер
Отправка статических файлов
Stream и отправка файлов
Кластеры
Обработка асинхронных ошибок
on('error')uncaughtException
Аддоны на С/С++
Express
Конвейер обработки запроса
Заключение
Справочники
Маршрутизация
Передача параметров в маршруте
express.Router
Статические файлы
POST-запросы и работа с формой
JSON и AJAX
Представления(View)
Частичные представления(Partial views)
EJS
Создание RESTful API
Заключение
Справочники
MongoDB
Node.js и MongoDB
Добавление и получение данных
Удаление документов
Обновление документов
Express и MongoDB
Mongoose
Схемы в Mongoose
Значение по умолчанию
Версия документа
CRUD в Mongoose
Заключение
Справочники
About
PHP academy lections
Resources
Stars
Watchers
Forks
You can’t perform that action at this time.