Содержание курса
Пролог к успеху
6 уроков
1.
Вместо уроков и лекций
↗
2.
Калейдоскоп языков программирования
↗
3.
Практическое задание
↗
4.
Решение практического задания
↗
5.
Как проходить курс
↗
6.
Онлайн-встречи
↗
Инсайдерский обзор IT: Погружение в мир технологий и ролей
25 уроков
1.
Роли в разработке программного обеспечения
↗
2.
Ключевые профессии в мире разработки ПО
↗
3.
Проектный менеджмент
↗
4.
Методологии управления проектами
↗
5.
Security and compliance
↗
6.
Разработчик программного обеспечения
↗
7.
Архитектор программного обеспечения
↗
8.
Тестировщик программного обеспечения
↗
9.
QA-инженер — Quality Assurance Engineer
↗
10.
UX-дизайнеры
↗
11.
Бизнес-аналитики
↗
12.
Project Manager
↗
13.
Scrum Master
↗
14.
Владелец продукта
↗
15.
Инженер по безопасности
↗
16.
Аспекты киберугроз
↗
17.
Сетевой инженер
↗
18.
Системный администратор
↗
19.
Технический писатель
↗
20.
Что такое программирование?
↗
21.
Frontend vs Backend
↗
22.
База данных
↗
23.
Клиент-серверное взаимодействие
↗
24.
IoT Интернет-вещей
↗
25.
Жизненный цикл ПО
↗
Visual Studio Code: вдохновение в редакторе
5 уроков
1.
Что такое VS Code
↗
2.
Установка на Windows
↗
3.
Установка на Mac OS
↗
4.
KeyCastr
↗
5.
Базовая настройка
↗
Markdown и LaTeX: текстовые художники и продвинутые методы
31 урок
1.
Несколько слов про md
↗
2.
Заголовки и подзаголовки
↗
3.
Демо Заголовки и подзаголовки
↗
4.
Горизонтальные линии разделения
↗
5.
Демо Горизонтальные линии
↗
6.
Практическая работа 1. Заголовки и подзаголовки
↗
7.
Практическая работа 1: разбор
↗
8.
Текстовое форматирование
↗
9.
Демо Текстовое форматирование
↗
10.
Практическая работа 2. Форматирование текста и абзацев
↗
11.
Практическая работа 2: разбор
↗
12.
Списки
↗
13.
Демо Списки
↗
14.
Практическая работа 3. Списки
↗
15.
Практическая работа 3: разбор
↗
16.
Создание гиперссылок
↗
17.
Вставка изображений
↗
18.
Демо Вставка гиперссылок и изображений
↗
19.
Практическая работа 4. Ссылки и изображения
↗
20.
Практическая работа 4: разбор
↗
21.
Основы создания таблиц
↗
22.
Создания таблиц
↗
23.
Практическая работа 5. Таблицы
↗
24.
Практическая работа 5: разбор
↗
25.
Вставка блока кода
↗
26.
Демо Вставка блока кода
↗
27.
Основные использования LaTeX
↗
28.
Демо. Основные использования LaTeX
↗
29.
Практическая работа 6. LaTeX документ
↗
30.
Практическая работа 6: разбор
↗
31.
Встречка
↗
GIT: Искусство контроля
31 урок
1.
Введение
↗
2.
Установка на Windows
↗
3.
Установка на Mac
↗
4.
Про справку и UI клиенты
↗
5.
Ключевые термины
↗
6.
Глоссарий
↗
7.
Команды status init add commit справка
↗
8.
Практика status init add commit
↗
9.
Команды log checkout
↗
10.
Практика log checkout
↗
11.
Большой репозиторий
↗
12.
Команда git branch
↗
13.
Ветки. Визуализация
↗
14.
Merge. Теория
↗
15.
Merge & merge conflict
↗
16.
Больше практики
↗
17.
Дисклеймер
↗
18.
GIT ≠ GitHub
↗
19.
SSH Windows
↗
20.
SSH Mac
↗
21.
Контроль
↗
22.
Работа с GitHub удалённым репозиторием
↗
23.
Командная работа
↗
24.
Публичный доступ
↗
25.
Удаление репозитория
↗
26.
Практическая работа часть 1
↗
27.
Практическая работа часть 2
↗
28.
Практическая работа разбор
↗
29.
UI
↗
30.
Встречка
↗
31.
Как продолжать
↗
HTML: cоздание веб-мира
30 уроков
1.
Что это такое
↗
2.
Как браузер отображает
↗
3.
Как работает сайт. Гипертекст и язык разметки
↗
4.
Какие теги есть
↗
5.
Заголовки
↗
6.
Предварительная настройка
↗
7.
Документация
↗
8.
Задание. Использование заголовков
↗
9.
Разбор задания. Использование заголовков
↗
10.
Абзацы
↗
11.
Задание. Абзацы
↗
12.
Разбор задания. Абзацы
↗
13.
Emmet, Lorem, средства генерации текста для HTML
↗
14.
Void-элементы
↗
15.
Задание. Void-элементы + абзацы
↗
16.
Разбор задания. Void-элементы + абзацы
↗
17.
Встречка
↗
18.
Списки
↗
19.
Задание. Приготовить пастилу
↗
20.
Разбор задания. Готовим пастилу вместе
↗
21.
Вложенные списки
↗
22.
Атрибуты
↗
23.
Гибридная практика. Как сделать свой сайт
↗
24.
Fake API. Когда бэкенд не успевает за фронтендом
↗
25.
Image
↗
26.
Полный шаблон
↗
27.
Полный шаблон. Демонстрация
↗
28.
Мотивация к выполнению ТЗ
↗
29.
Техническое задание
↗
30.
Проектный ориентир. Результат ТЗ
↗
CSS: хроники стиля
106 уроков
1.
Что если бы бы...
↗
2.
Введение без пафоса
↗
3.
Как подключить
↗
4.
Задание. Способы подключения
↗
5.
Решение задания. Способы подключения
↗
6.
Изучаем селекторы
↗
7.
Демонстрация
↗
8.
Какие бывают селекторы
↗
9.
Задание. Важные селекторы
↗
10.
Решение задания. Важные селекторы
↗
11.
Задание. Изменение свойств
↗
12.
Решение задания. Изменение свойств
↗
13.
Встречка
↗
14.
Почему цвета важны
↗
15.
Цветовые схемы
↗
16.
Задание на изменение цветов
↗
17.
Решение задания на изменение цветов
↗
18.
Свойства шрифтов
↗
19.
Cвойства шрифтов. Демо 01
↗
20.
Cвойства шрифтов. Демо 02
↗
21.
Cвойства шрифтов. Демо 03
↗
22.
Cвойства шрифтов. Демо 04
↗
23.
Задание. Свойство шрифтов
↗
24.
Решение задания. Свойство шрифтов
↗
25.
Chrome DevTools
↗
26.
Интерактивное задание
↗
27.
Решение интерактивного задания
↗
28.
Встречка
↗
29.
Строчные и блочные элементы
↗
30.
Блочные элементы
↗
31.
Строчные элементы
↗
32.
Тот самый, блочный элемент
↗
33.
Воздействие отрицательных величин
↗
34.
Задание. Позиционирование div
↗
35.
Решение задания. Позиционирование div
↗
36.
Задание. Котомемемоизация
↗
37.
Решение задания. Котомемемоизация
↗
38.
Правило применения
↗
39.
Комбинирование селекторов. Воспоминания
↗
40.
Позиционирование
↗
41.
Ось z
↗
42.
Процентные величины
↗
43.
transform-translate
↗
44.
Задание. transform-translate
↗
45.
Решение задания. transform-translate
↗
46.
Обзор возможностей
↗
47.
Встречка
↗
48.
Display
↗
49.
Display. Демо
↗
50.
Задание. Display
↗
51.
Float
↗
52.
Резерв
↗
53.
Адаптивный дизайн. Обзорное видео ч.1
↗
54.
Адаптивный дизайн. Обзорное видео ч.2
↗
55.
Адаптивный дизайн. Обзорное видео ч.3
↗
56.
Адаптивный дизайн. Обзорное видео ч.4
↗
57.
Адаптивный дизайн. Обзорное видео ч.5
↗
58.
Медиа-запросы дополнение
↗
59.
Практическая работа. Медиа-запросы
↗
60.
Разбор практической работы. Медиа-запросы
↗
61.
Идея для проекта
↗
62.
Встречка
↗
63.
Хронология эволюции
↗
64.
Практическое задание. Пункты меню
↗
65.
Разбор практического задания. Пункты меню
↗
66.
flex-direction
↗
67.
flex-basis
↗
68.
Практическое задание. Адаптивные контейнеры
↗
69.
Разбор практического задания. Адаптивные контейнеры
↗
70.
order
↗
71.
flex-wrap
↗
72.
justify-content
↗
73.
align-items
↗
74.
align-self
↗
75.
align-content
↗
76.
Вместо практики
↗
77.
size
↗
78.
flex
↗
79.
Практическое задание Центрирование контейнера
↗
80.
Разбор практического задания. Центрирование контейнера
↗
81.
Практическое задание. Карточки подписки
↗
82.
Разбор практического задания. Карточки подписки
↗
83.
Основы grid layout
↗
84.
Некоторые различия grid и flexbox
↗
85.
Практическое задание. Шахматная доска
↗
86.
Разбор практического задания. Шахматная доска
↗
87.
grid-sizing + chrome devtools
↗
88.
Практическое задание. Вёрстка сетки
↗
89.
Разбор практического задания. Вёрстка сетки
↗
90.
grid placement
↗
91.
Вместо практики по grid
↗
92.
Практическое задание. Профессии
↗
93.
Разбор практического задания. Профессии
↗
94.
Практическое задание. layout
↗
95.
Разбор практического задания. layout
↗
96.
Встречка
↗
97.
Bootstrap: что ты такое?
↗
98.
Документация решает
↗
99.
Практическое задание. Карточки
↗
100.
Решение практического задания. Карточки
↗
101.
Повышение продуктивности в VS Code
↗
102.
Как работает Bootstrap
↗
103.
Практическое задание. Адаптивная верстка
↗
104.
Разбор практического задания. Адаптивная верстка
↗
105.
Пример использования на проекте
↗
106.
Попробуй себя, Junior
↗
Математика: путешествие по лестнице воспоминаний
19 уроков
1.
Начало
↗
2.
Преамбула. Зачем этот модуль
↗
3.
Сколько времени нужно чтобы изучить математику
↗
4.
Пять советов
↗
5.
Про деление
↗
6.
Некоторые задачи
↗
7.
Системы счисления. Начало
↗
8.
Как сбежать от десятичной
↗
9.
Как попасть в десятичную
↗
10.
Замечание по десятичной системе счисления
↗
11.
Округление
↗
12.
Операции
↗
13.
Математическая логика
↗
14.
Про приоритет операций
↗
15.
Разбор задач на логические операции
↗
16.
Арифметическая прогрессия
↗
17.
Задачи и разбор некоторых
↗
18.
Окончание модуля
↗
19.
Встречка
↗
Алгоритмы, блок-схемы, языки: ознакомиться нельзя пропустить
23 урока
1.
Зачем это всё
↗
2.
Определение терминов
↗
3.
Блок-схема
↗
4.
Как создавать блок-схемы
↗
5.
Основные блоки
↗
6.
Переменная - что ты такое?
↗
7.
Умение погружаться в предметную область
↗
8.
Как погружаться в предметную область
↗
9.
Экстремальное погружение
↗
10.
Класификация алгоритмов
↗
11.
Теория линейных алгоритмов
↗
12.
Линейные задачи
↗
13.
Алгоритмы с ветвлением
↗
14.
Задачи с ветвлениями
↗
15.
Рутинные задачи. Циклы
↗
16.
Задачи с циклами
↗
17.
Встречка
↗
18.
Числа Фибоначчи
↗
19.
Вложенные циклы
↗
20.
Массивы
↗
21.
Задачи на массивы
↗
22.
Вместо итогов
↗
23.
Беседа с автором
↗
JavaScript: приоткрываем мир программирования
41 урок
1.
Как проходить этот модуль
↗
2.
Где применяется и Демо
↗
3.
Что такое Node.js
↗
4.
Как установить Node.js на Windows
↗
5.
Как установить Node.js на Mac OS
↗
6.
Донастройка vs code
↗
7.
Переменная. let const
↗
8.
Уточнение по выводу данных
↗
9.
Базовая арифметика
↗
10.
Некоторые типы данных
↗
11.
Math
↗
12.
Преобразование типов
↗
13.
Практическая работа
↗
14.
Решение практической работы
↗
15.
Логический оператор
↗
16.
Операции сравнения и логические операци
↗
17.
Практическая работа
↗
18.
Решение практической работы
↗
19.
Практическая работа
↗
20.
Решение практической работы
↗
21.
Некоторые методы работы со строками
↗
22.
Практическая работ
↗
23.
Решение практической работы
↗
24.
Строки. Итоги
↗
25.
Циклы
↗
26.
Массивы
↗
27.
Функции
↗
28.
Не повторяйся
↗
29.
Дополнение по функциям
↗
30.
Введение в объекты
↗
31.
Объектное мышление
↗
32.
Манипуляция DOM
↗
33.
Практика манипулирования
↗
34.
Практическая работа
↗
35.
Решение практической работы
↗
36.
Дата и время
↗
37.
Работа с файлами
↗
38.
Как создать проект и подключать зависимости
↗
39.
export import
↗
40.
Обработка исключений
↗
41.
Функции высшего порядка
↗
React.JS: мир компонентов и состояний, экспресс-погружение
22 урока
1.
Индустрия и React
↗
2.
Первый шаг
↗
3.
Второй шаг
↗
4.
Особенность рендера
↗
5.
Практическая работа
↗
6.
Решение практической работы
↗
7.
Интеграция JS
↗
8.
Практическая работа
↗
9.
Решение практической работы
↗
10.
Вместо циклов
↗
11.
Вместо стилей
↗
12.
Подключение Bootstrap
↗
13.
Выделение компонентов
↗
14.
Проброс свойств
↗
15.
Hooks
↗
16.
Зовём друга на Backend'е
↗
17.
Демонстрация использования
↗
18.
Парсинг данных
↗
19.
Практическая работа
↗
20.
Решение практическоцй работы
↗
21.
Косметические правки
↗
22.
Вместо итогов
↗
.NET C#: погружение и власть над кодом
35 уроков
1.
Где применяется
↗
2.
Установка .net на Windows
↗
3.
Установка .net на Mac OS
↗
4.
Hello world
↗
5.
Настройка VS Code
↗
6.
Как проходить модуль
↗
7.
Переменная
↗
8.
Базовая арифметика
↗
9.
Система типов
↗
10.
System.Math
↗
11.
Преобразование типов
↗
12.
Получение данных
↗
13.
Практическая работа
↗
14.
Решение практической работы
↗
15.
Операции сравнения и логические операции
↗
16.
Ветвления
↗
17.
Практическая работа
↗
18.
Решение практической работы
↗
19.
Практическая работа
↗
20.
Решение практической работы
↗
21.
Строки
↗
22.
Практическая работа
↗
23.
Решение практической работы
↗
24.
Циклы
↗
25.
Массивы
↗
26.
Как массивы, только лучше
↗
27.
Кортежи
↗
28.
Методы
↗
29.
Вместо DRY
↗
30.
Даты и время
↗
31.
Файлы
↗
32.
Обработка исключений
↗
33.
Сложная тема
↗
34.
Продолжение сложной темы
↗
35.
Встречка
↗
Несколько шагов к объектному мышлению без духоты
15 уроков
1.
Шаг 0
↗
2.
Шаг 1
↗
3.
Шаг 2
↗
4.
Шаг 3. Практическое задание
↗
5.
Шаг 4.Решение практического задания
↗
6.
Шаг 5
↗
7.
Шаг 6
↗
8.
Шаг 7
↗
9.
Шаг 8
↗
10.
Шаг 9. Практическое задание
↗
11.
Шаг 10. Решение практического задания
↗
12.
Шаг 11
↗
13.
Шаг 12
↗
14.
Шаг 13
↗
15.
Попробуй себя, Junior
↗
RESTful API: обзор фундаментальных концепций
2 урока
1.
Теория ключевых аспектов
↗
2.
Есть вопросик...
↗
Backend: создание сервиса
13 уроков
1.
План на ближайшие два модуля
↗
2.
Первый запуск
↗
3.
Controllers
↗
4.
Практическое задание
↗
5.
Совместное выполнение
↗
6.
Требования
↗
7.
Рефакторинг
↗
8.
Хранилище данных
↗
9.
Models
↗
10.
Endpoints
↗
11.
Рефакторинг
↗
12.
HTTP Status Codes
↗
13.
Практическое задание
↗
Frontend: создание веб-клиента
28 уроков
1.
Подготовка проекта
↗
2.
Инициализация проекта
↗
3.
Подготовка представления
↗
4.
Подключение Bootstrap
↗
5.
Использование Bootstrap
↗
6.
Выделение React-компонентов
↗
7.
Передача данных через свойства
↗
8.
Добавление элемента в набор данных
↗
9.
React-хуки в деле
↗
10.
Унификация id
↗
11.
Добавление формы
↗
12.
Активация формы ввода
↗
13.
Практичесакая работа
↗
14.
Решение практической работы
↗
15.
Очистка формы
↗
16.
Динамическое удаление
↗
17.
Практичесакая работа
↗
18.
Решение infinity-проблемы
↗
19.
Добавление уникального свойства
↗
20.
Установка axios и cors проблема
↗
21.
Настройка CORS
↗
22.
Секретики
↗
23.
Переменные окружения и секретики
↗
24.
Настройка GET—запросов
↗
25.
Настройка POST—запросов
↗
26.
Практичесакая работа
↗
27.
Решение практической работы
↗
28.
Это только начало...
↗
SQL и СУБД: SQLite, введение в теорию хранения данных
19 уроков
1.
Зачем нужны базы данных
↗
2.
Установка и настройка окружения для работы с SQLite
↗
3.
Основные концепции структуры базы данных
↗
4.
Отношения в базе данных
↗
5.
Что такое SQL и система типов
↗
6.
Создание таблиц
↗
7.
Ограничения SQL
↗
8.
Добавление записей
↗
9.
Самостоятельная работа: наполнение данными
↗
10.
Выборка данных
↗
11.
Фильтрация данных
↗
12.
Оператор обновления данных
↗
13.
Самостоятельная работа на обновление данных
↗
14.
Оператор удаления данных
↗
15.
Самостоятельная работа: создание и наполнение базы данных
↗
16.
Сложные концепции
↗
17.
Самостоятельная работа на сложные запросы
↗
18.
Сложные запросы
↗
19.
Самостоятельная работа на объединение
↗
Backend и база данных
10 уроков
1.
Воспоминания о будущем
↗
2.
Выделение интерфейса и создание базы данных
↗
3.
Получение данных
↗
4.
Самостоятельная работа
↗
5.
Самостоятельная работа
↗
6.
Рефакторинг
↗
7.
Секретики
↗
8.
Магический Extension
↗
9.
Mock-данные
↗
10.
Большая самостоятельная работа
↗
ORM Entity Framework: современный подход и миграции
7 уроков
1.
Что будем делать в ближайших трёх модулях
↗
2.
Что такое ORM?
↗
3.
ORM EF Core
↗
4.
Установка необходимых библиотек
↗
5.
DataContext
↗
6.
Новый Storage и регистрация сервисов
↗
7.
Фейковые данные
↗
Пагинация: Переосмысление взаимодействия с пользователем
23 урока
1.
IPageinationStorage
↗
2.
Самостоятельная работа
↗
3.
Решение самостоятельной работы
↗
4.
Библиотека
↗
5.
Роутинг на клиенте
↗
6.
ContactDetails
↗
7.
Оживление ContactDetails
↗
8.
Самостоятельная работа
↗
9.
Решение самостоятельной работы
↗
10.
Самостоятельная работа
↗
11.
Решение самостоятельной работы
↗
12.
Самостоятельная работа
↗
13.
Решение самостоятельной работа
↗
14.
Маршрутизация деталей
↗
15.
Bugfix & update
↗
16.
Подготовка Backend'а к пагинации
↗
17.
Подготовка Frontend'а к пагинации
↗
18.
Страница добавления
↗
19.
Багфикс внешнего вида
↗
20.
Ошибка формы контакта
↗
21.
Возможное лечение
↗
22.
Самостоятельная работа
↗
23.
Решение самостоятельной работы
↗
Бонусный модуль
8 уроков
1.
Что такое Docker и ключевые термины
↗
2.
Установка
↗
3.
Первый контейнер
↗
4.
TelegramBot: полный цикл
↗
5.
Подготовка к публикации
↗
6.
Запуск и тестирование
↗
7.
Сборка и публикация образа
↗
8.
Настройка удаленного сервера и публикация приложения
↗
Итоги
1 урок
1.
Обратная связь
↗
Разработка магазина
2 урока
1.
Демо
↗
2.
Бонус оффер
↗