Введение в программирование

Каждому студенту мы открываем курс «Введение в программирование». Курс особенно полезен для новичков без опыта.

Блок 1: Базовые навыки разработчика

Вы изучите базовые навыки разработчика и поймете, как устроено программирование

Блок 2: Основы языков программирования

Вы по шагам разберете основы языков разработки, познакомитесь с циклами, структурами данных и архитектурой кода.

Раздел I: Основы верстки: HTML, CSS + Figma

Блок 1. Принципы HTML

• Структура веб страницы, базовый HTML
• Базовый CSS, селекторы и каскад
• Продвинутый CSS, адаптивность и кроссбраузерность
• Основы языка, инструменты для разработки и отладки

Блок 2. Объекты HTML и DOM-модель

• Объекты, массивы, функции
• DOM-модель и работа со страницей
• Обработка событий
• Взаимодействие с сервером

Блок 3. Расширенные возможности HTML и CSS. Работа с макетом, построение сложных сеток, адаптивная вёрстка

• Git и GitHub: Настраиваем репозиторий для проекта
• Формы HTML: построение, валидация, доступность
• Flex или Grid? Основы создания макетов
• Адаптивная и кроссбраузерная верстка

Блок 4. Инструменты верстки и UX

• Основы тестирования верстки + DevTools
• Улучшаем пользовательский опыт (UX)
• с помощью CSS-анимаций
• Идеальная верстка: делаем Pixel Perfect по макету в Figma

Блок 5: Создание макетов веб-страниц

• Обзор инструментов Figma
• Работа с кривыми, пиктограммами и графиками
• Отрисовка элементов интерфейса
• Локальные библиотеки стилей

Блок 6: Работа с Figma

• Прототипирование и анимация
• Констрейнты и компоненты
• Варианты и библиотеки
• Figma Community
• Подготовка макетов для работы в команде

Раздел II: Работа с Javascript

Блок 7: Базовый JavaScript

• Введение. Переменные и работа с числами. Константы
• Строки, boolean и условные операторы. Преобразование типов и нестрогие сравнения
• Массивы и циклы. Объекты
• Функции / области видимости и замыкания
• Обработка событий и пользовательский ввод
• Подключение библиотек
• Регулярные выражения. Форматирование. Работа с датами
• Mикро и макротаски. Цикл событий
• Анимации и CSS фреймворки
• Структуры данных и алгоритмы
• Сборка проекта

Блок 8: Кроссбраузерное тестирование

• Кроссбраузерное тестирование
• Обработка проблем с HTML и CSS
• Обработка проблем с JS
• Реализация обнаружения функций
• Введение в автоматизированное тестирование веб-приложений
• Документы тестировщика
• Артефакты тестирования
• Жизненный цикл разработки ПО

Раздел III: Advanced JavaScript

Блок 9: Расширенные возможности Javascript

• Шаблонизация
• AJAX и работа с данными
• Асинхронная разработка и event loop
• Общение с сервером, async/await
• Работа с событиями
• Использование API в браузере
• Рендеринг в браузере
• Типовые виджеты

Блок 10: Библиотека React

• Быстрый старт в React
• Компоненты
• Рендеринг
• Hooks
• Маршрутизация в React
• События и состояние
• CSS-стилизации
• Context API

Блок 11: Современные методологии управления разработкой

• Методологии управления: Agile и Waterfall
• Scrum
• Kanban
• Инструменты управления

Раздел IV: Продвинутые навыки web-разработчика

Блок 12: TypeScript

• Введение в TypeScript
• TypeScript: базовый синтаксис, типы данных и переменные
• TypeScript: операторы, условия и циклы, числа
• Функции в TypeScript
• TypeScript: строки, массивы, кортежи
• TypeScript: union
• TypeScript: классы и объекты
• TypeScript: пространства имен и модули

Блок 13: SQL

• Введение в блок SQL
• Извлечение и фильтрация данных (часть 1)
• Извлечение и фильтрация данных (часть 2)
• Преобразование и сортировка данных: введение
• Преобразование и сортировка данных: advanced
• Группировка данных
• Базы данных. JDBC
• Развитие проекта. Создание todo.
• Введение в базы данных
• Объединение таблиц
• Подзапросы
• Обновление, добавление и удаление данных
• Создание, изменение и удаление таблиц
• Advanced SQL: операции с текстом и оконные функции
• Advanced SQL: ускорение и оптимизация запросов, табличные выражения
• Практический проект LEGO

Блок 14: Javascript на серверной стороне: основы Node.js

• Веб-сервер: базовые знания
• Веб-програмирование на стороне серверов: быстрый старт
• Клиент-сервер
• Фреймворки серверной части
• Веб-безопасность
• Express (Node.js/JavaScript): старт работы
• Express: создание каркаса сайта
• Express: работа с базой данной
• Express: маршруты и контроллеры
• Express: отображение данных
• Express: работы с формами
• Express: установка веб-сайта

Блок 15: Основы DevOps для программиста

• Зачем DevOps Frontend-разработчику
• Введение в DevOps
• Linux: введение и основные концепты ОС
• Bash. Базовый инструмент скриптов в Linux
• Контейнеризация. Знакомство с Docker.
• Упаковка приложений в Docker
• Docker-Compose. Сервисы и взаимодействия
• Ansible. Основные концепции и команды
• Ansible.Роли и переменные
• Ansible. Разработка ролей

Блок 16: Chat GPT для разработчика

• Введение в ChatGPT и его применение в разработке программного обеспечения
• Устранение неполадок и отладка с помощью ChatGPT
• Повышение качества кода с помощью ChatGPT
• Проверка кода и документирование с помощью ChatGPT
• Автоматическое тестирование с помощью ChatGPT
• Генерация кода с помощью ChatGPT
• Лучшие практики и советы по работе с ChatGPT

Блок 17: Дипломная работа

• Работа над дипломным проектом для портфолио
• Рост в тимлида
• Финальная защита и консультации