Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/pavel-karpovich/js

Свободные лекции по программированию на JavaScript во фронтенде
https://github.com/pavel-karpovich/js

Last synced: 27 days ago
JSON representation

Свободные лекции по программированию на JavaScript во фронтенде

Awesome Lists containing this project

README

        

# Веб программирование. Фронтенд. [ЛЕКЦИИ](https://tgjmjgj.github.io/js/index.html "Лекции")

***

### Тема 1. Пару слов обо всём

HTTP. История веба и JS. Скриптовые языки программирования. Интерпретация кода. Программирование для веба. Настройка окружения.

[Лекция](https://tgjmjgj.github.io/js/lecture/1_scripting/index.html "Лекция")

### Тема 2. Основы JS

Синтаксис JavaScript. Динамическая типизация. Стандартны EcmaScript.

[Лекция](https://tgjmjgj.github.io/js/lecture/2_js_intro/index.html "Лекция")

### Тема 3. Взаимодействие с DOM

Понятие DOM дерева. Поиск по селектору. Добавление элементов в HTML. События HTML блоков.

[Лекция](https://tgjmjgj.github.io/js/lecture/3_dom/index.html "Лекция")

### Тема 4. Взаимодействие с CSSOM

CSSOM API. Встроенные стили. Вычисленные свойства. Динамическое создание CSS правил.

[Лекция](https://tgjmjgj.github.io/js/lecture/4_cssom/index.html "Лекция")

### Тема 5. DOM события

DOM события. Категории событий. Обработка событий. Аргументы события. Погружение и всплытие.

[Лекция](https://tgjmjgj.github.io/js/lecture/5_events/index.html "Лекция")

### Тема 6. Цикл событий JS

Цикл событий. Очередь сообщений. Функции setTimeout и setInterval.

[Лекция](https://tgjmjgj.github.io/js/lecture/6_event_loop/index.html "Лекция")

### Тема 7. Её величество Асинхронность

Асинхронность. XmlHttpRequest. Коллбэки. Промисы. Fetch API. Генераторы. async/await.

[Лекция](https://tgjmjgj.github.io/js/lecture/7_async/index.html "Лекция")

### Тема 8. Юнит тесты

Юнит тесты. Jest. Способы проверок. Моки. Тестирование асинхронных функций. Параллельное выполнение тестов.

[Лекция](https://tgjmjgj.github.io/js/lecture/8_jest/index.html "Лекция")

## Задания

* Задание 1.

[*Настройка окружения*](https://tgjmjgj.github.io/js/task/task_1/task_1.pdf "Настройка окружения")

* Задание 2.

[*Основы синтаксиса*](https://tgjmjgj.github.io/js/task/task_2/task_2.pdf "Основы синтаксиса")

* Задание 3.

[*Работа с объектами*](https://tgjmjgj.github.io/js/task/task_3/task_3.pdf "Работа с объектами")

* Бонусное задание.

[*Регулярные выражения*](https://tgjmjgj.github.io/js/task/task_4/task_4.pdf "Регулярные выражения")

* Задание 4.

[*DOM I. Tinder*](https://tgjmjgj.github.io/js/task/task_5/task_5.pdf "DOM I. Tinder")

* Задание 5.

[*DOM II. Поле Чудес*](https://tgjmjgj.github.io/js/task/task_6/task_6.pdf "DOM II. Поле Чудес")

* Задание 6.

[*DOM III. Регистрация*](https://docs.google.com/document/d/1XMyoIl2tOFcUpP3wqh4N3yf6z-SO8FhTvZMLds1h6NE/edit?usp=sharing "DOM III. Регистрация")

* Бонусное задание.

[*Сапёр в DOM-е*](https://docs.google.com/document/d/1hGj9L9Qhuetg3Na76XUHqTiZ_ig4nu2neia_1nrS01o/edit?usp=sharing "Сапёр в DOM-е")

* Задание 7.

[*DOM IV. Кубизм*](https://docs.google.com/document/d/1tujZxwsRo4dKjmRCYSNHwfkfYxp_m8maavr73WwrGsg/edit "DOM IV. Кубизм")

* Задание 8.

[*Использование API*](https://docs.google.com/document/d/1f8mArr8ueNpY6SozuJZykEuA_YmBnRubWXpAQGDjuMY/edit?usp=sharing "Использование API")

* Задание 9.

[*Юнит тесты*](https://docs.google.com/document/d/115s77TBrj1KuafrTNRUX1XwAbTrsMCUZzZeozO1ipLY/edit?usp=sharing "Юнит тесты")