https://github.com/nsbarsukov/itmo-js
https://github.com/nsbarsukov/itmo-js
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/nsbarsukov/itmo-js
- Owner: nsbarsukov
- Created: 2024-03-23T09:31:20.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2024-06-01T16:30:23.000Z (12 months ago)
- Last Synced: 2025-04-08T11:02:08.208Z (about 1 month ago)
- Language: TypeScript
- Homepage: https://nsbarsukov.github.io/itmo-js/
- Size: 8.8 MB
- Stars: 12
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Курс "Введение в JavaScript"
Данный репозиторий содержит слайды лекций по данному курсу:
1. [«Первое знакомство с JavaScript»](https://nsbarsukov.github.io/itmo-js/01-js-intro)
2. [«Базовый синтаксис JavaScript»](https://nsbarsukov.github.io/itmo-js/02-basic-syntax)
3. [«Почти всё в JavaScript — объект»](https://nsbarsukov.github.io/itmo-js/03-objects)
4. [«Асинхронность в JavaScript»](https://nsbarsukov.github.io/itmo-js/04-async)
5. [«Прототипы и классы в JavaScript»](https://nsbarsukov.github.io/itmo-js/05-prototypes-classes)
Данная серия лекция была рассказана мной в рамках дисциплины для студентов университета [ИТМО](https://itmo.ru).
## Локальный запуск
0. Установите [Node.js](https://nodejs.org) на ваш компьютер
1. Склонируйте проект
2. Установите зависимости
```shell
npm ci
```
3. Запустите проект
```shell
npm start
```
## Структура проекта
Каждая презентация лекции базируется на технологии [Slidev](https://sli.dev).
Данная коллекция библиотек позволяла мне с минимальными усилиями собирать готовые слайды,
описывая их содержание через Markdown-файлы.
Файловая структура репозитория следующая:
```
├── .github # Деплой презентаций на Github Pages
│
├── pages # Набор директорий с Markdown файлами (каждый из них – 1 слайд лекции)
│ ├── 01-js-intro # Слайды лекции «Первое знакомство с JavaScript»
│ │
│ ├── [...]
│ │
| └── 05-prototypes-classes # Слайды лекции «Прототипы и классы в JavaScript»
│
│ # медиа-файлы, используемые для слайдов
├── public # пути до них можно найти внутри папки `pages/**/*.md`
│ ├── images
| └── logos
│
├── 01-js-intro.md # Собирает все слайды из папки `pages/01-js-intro` в единую презентацию
│
├── [...]
│
└── 05-prototypes-classes.md
```
## Спасибо
При составлении курса я во многом опирался на структуру книги Ильи Кантора https://learn.javascript.ru.
Также из этой книги были взяты многие иллюстрации.
Огромное спасибо всем авторам данной книги!