0. Бесплатный мини-курс «Войти в IT»

Чтобы вы могли быстро найти варианты реализации в IT, мы подготовил бесплатный мини-курс «Войти в IT». Он поможет выбрать направление по душе и сделать первые шаги в backend и frontend-разработку.

• Пройти бесплатный курс от Слёрм прямо сейчас
• Как попасть в IT без опыта и остаться там
• Ошибки в поиске работы в IT и как их не допускать

 

1. Знакомство с курсом

• Знакомство с курсом
• Знакомство со спикерами
• Знакомство с форматом обучения: темп работы, ревью, расписание
• Знакомство с учебным окружением: стедны, чаты
• Источники информации

 

2. Знакомство с вёрсткой

• Базовые теги HTML
• Базовые свойства CSS
• Блочная модель
• Позиционирование
• CSS-анимации

 

3. Ускорители процесса вёрстки

• CSS-переменные
• Методологии вёрстки
• Препроцессоры
• UI-фреймворки
• Шаблонизаторы

 

4. Основы

• Что такое инструкция?
• Строгий режим "use strict"
• Переменные
• Типы данных
• Преобразование типов данных
• Операторы
• Операторы сравнения
• Условные операторы (if, switch...case)
• Логические операторы
• Взаимодействие с пользователем (alert, prompt, comfirm)
• Циклы (while, for)
• Функции

 

5. Качество кода

• Отладка в браузере
• Вредные советы
• Комментарии
• Документация

 

6. Объекты

• Объекты
• Сборка мусора
• Символы
• Методы и this
• Преобразование в примитивы
• Функции-конструкторы

 

7. Типы данных

• Методы у примитивов
• Числа
• Строки
• Массивы и их методы
• Итераторы (перебираемые объекты)
• Map и Set
• WeakMap и WeakSet
• Формат JSON

 

8. Глубже в функции

• Рекурсия
• Замыкания
• Rest параметры
• Var
• Глобальный объект
• Функция как объект
• Декораторы и call/apply
• Привязка контекста к функции (bind)
• Повторяем лямбды (стрелочные функции)

 

9. Прототипы, наследование

• Прототипное наследование
• Prototype
• Встроенные прототипы
• Методы прототипов

 

10. ООП

• Базовый синтаксис классов
• Наследование классов
• Статические методы и свойства
• Приватные свойства и методы
• Расширение встроенных классов
• Instanceof
• Примеси

 

11. Асинхронность

• Колбеки
• Промисы
• Async/await
• SetTimeout и setInterval
• RequestAnimationFrame
• EventLoop
• Heap, stack
• Очередь задач
• Call-stack
• Микро- и макро- задачи

 

12. DOM

• Браузер и спецификации
• DOM-дерево
• Поиск элементов через querySelector*, getElement*
• Свойства объекта элемента
• Изменения документа
• Размеры и прокрутка элементов
• Размеры и прокрутка окна
• Координаты

 

13. События

• Что такое событие
• Всплытие
• Делегирование событий
• Поведение браузера по умолчанию
• Пользовательские события

 

14. Формы

• Свойства и методы формы
• Фокусировка на форму
• События форм (change, input, paste, copy)

 

15. Браузерные API

• Что такое браузерное API
• Web Storage

 

16. Модули и сборка приложения

• Что такое сборщики?
• Зачем нам собирать наши проекты?
• С помощью каких инструментов это можно делать?

 

17. Фреймворки

• Что это такое
• Зачем нужны
• Как с ними работать

 

18. Знакомство с NodeJS

• Что такое NodeJS
• readFile
• writeFile
• process
• global
• process.stdIn

 

19. Тестирование

• Что такое тесты и зачем это нужно?
• Jest
• Unit-тесты

 

20. Бонусный курс «Git»

Тема 1: Философия командной разработки

• Основные аспекты современной командной разработки
• Системы контроля версий, основные функции
• Краткая история создания программного продукта. Как системы контроля версий вписываются в процессы?

Тема 2: Популярные хостинги разработки ПО

• Gitlab, Github
• Регистрация на Gitlab

Тема 3: Основы Git

• Установка Git
• Что такое репозитории и как ими пользоваться?
• Коммиты. Как сохранять изменения в репозитории?
• Ветвление в Git
• Обмен изменениями с удалёнными репозиториями
• Сложные кейсы слияния веток
• Управление историей изменений в Git

Тема 4: Практики использования Git в командах

• Удачные модели ветвления в Git
• Что такое код-ревью? Как Gitlab помогает его организовать?
• Что такое CI/CD? Как с ними интегрируется Git?

Тема 5: Личная конфигурация Git для удобной работы