Этот курс посвящен изучению основ фронтенд-разработки с использованием современного фреймворка Svelte и метафреймворка SvelteKit.
В ходе курса вы базово изучите следующие технологии:
- HTML и CSS
- JavaScript
- TypeScript и SCSS
- Svelte и SvelteKit
- Fetch API и HTTP
Курс состоит из двух частей - интенсив и работа над проектом. Во время интенсива вы сможете посетить курс лекций и выполнить домашние задания, а также получить обратную связь по ним от преподавателей. Во время второй части курса, вы объединитесь со студентами других курсов ITAM'а и совместно разработаете проект на ваш выбор.
Занятия курса проходят по понедельникам и четвергам в аудитории Б-3 и онлайн через Microsoft Teams.
График занятий:
№ | Дата | Тема |
---|---|---|
1 | 30.09 (Пн) | Вёрстка (HTML) |
2 | 03.10 (Чт) | Вёрстка (CSS) |
3 | 07.10 (Пн) | JavaScript и знакомство со Svelte |
4 | 10.10 (Чт) | Углублённый JavaScript |
5 | 14.10 (Пн) | Svelte и SvelteKit |
17.10 (Чт) | ||
6 | 21.10 (Пн) | TypeScript и SCSS |
24.10 (Чт) | ||
7 | 28.10 (Пн) | Асинхронность и работа с сетью |
31.10 (Чт) | ||
04.11 (Пн) | ||
8 | 07.11 (Чт) | Управление зависимостями и формы |
9 | 11.11 (Пн) | Работа с картами OpenStreetMap |
10 | 14.11 (Чт) | Подготовка к проекту |
... | С 18.11 | Работа над проектом |
- Ярослав, @osyarik
- Дмитрий, @ClayenKitten
- Владислав, @Serdeshnow
- Кристина, @kris_bermud
- Вадим, @vdmkkk
Для наиболее эффективного прохождения курса на занятии вам понадобится свой компьютер с установленными и настроенными программами:
- Установите git для работы с GitHub
- Установите NodeJS для запуска JavaScript (v20.17.0 или выше)
- Установите VS Code
- Установите следующие расширения VS Code:
- Svelte for VS Code - поддержка Svelte
- Prettier - форматирование кода
- Github Pull Requests - подключение к GitHub
- Авторизуйтесь с вашим гитхаб-аккаунтом по инструкции
Чат курса- Для получения ссылки на чат курса напишите любому преподавателю- GitHub - GitHub организация курса
- Wiki - GitHub Wiki с теорией, домашками и материалами занятий, разбитой по урокам
Другие полезные материалы вы можете найти в соответствующих уроках на вики!