Frontend с нуля до React и React Native

Курс предназначен для тех, кто интересуется программированием и хотят получить знания в области разработки пользовательского интерфейса на React и React Native

По окончании курса Вы будете уметь:

• Пользоваться Git для локальной и удалённой разработки.
• Создавать, стилизовать и структурировать HTML-документы.
• Понимать принципы работы JavaScript в браузере.
• Создавать проекты на React и React Native с нуля.
• Полученные знания помогут стать в будущем Frontend разработчиком.

Программа:

• Основы WEB, HTML и CSS (12 академических часов, дополнительно необходимо 12 часов самостоятельной работы)
  • Как работает интернет и веб-страницы
  • Роль фронтенд-разработчика
  • Структура HTML-документа
  • Основные теги: текст, изображения, списки, ссылки
  • Атрибуты тегов, вложенность
  • Подключение CSS к HTML
  • Основы синтаксиса и структура CSS
  • Селекторы и свойства
  • Цвета, шрифты, отступы, рамки, фон
  • Понятие каскада и специфичности
  • CSS Grid: основа сеточной вёрстки
  • Позиционирование: relative, absolute, fixed, sticky
  • Адаптивность
  • Визуальные единицы измерения
• Основы JavaScript (12 академических часов , дополнительно необходимо 12 часов самостоятельной работы)
  • Как работает JavaScript в браузере
  • Типы данных и переменные (var, let, const)
  • Арифметические и логические операторы
  • Условные конструкции (if, else, switch)
  • Циклы: for, while
  • Объявление и вызов функций
  • Аргументы и возвращаемые значения
  • Основы массивов и методы работы с ними
  • Объекты: свойства и методы
  • Ключевое слово this
  • Введение в классы
  • DOM-структура документа
  • Поиск и изменение элементов (querySelector и др.)
  • Работа с событиями: click, input, change
  • Основы работы с формами и валидацией
• Git, Routing и React (24 академических часа, дополнительно необходимо 12 часов самостоятельной работы)
  • Что такое система контроля версий
  • Основные команды Git: init, add, commit, push
  • Работа с удалённым репозиторием на GitHub
  • Ветвление и слияние (branch, merge)
  • Что такое React и зачем он нужен
  • Подключение и структура проекта
  • JSX: синтаксис, выражения, ограничения
  • Первое представление о компонентах
  • Компоненты: функциональные и стрелочные
  • Свойства компонентов (props)
  • Иерархия и структура компонентов
  • Рендеринг и вложенность
  • Понятие состояния useState
  • Работа с формами и управляемыми компонентами
  • Обработка событий
  • Что такое хук useEffect
  • Моделирование жизненного цикла компонента
  • Установка и настройка React Router
  • Основные компоненты: Routes, Route
  • Загрузка данных (fetch), side-effects
  • Очистка эффектов
• React Native (12 академических часов, дополнительно необходимо 12 часов самостоятельной работы)
  • Работа с параметрами URL
  • Отличия React и React Native
  • Установка Expo CLI
  • Структура проекта React Native
  • Основные компоненты: View, Text, Button
  • Стилизация через StyleSheet
  • Отличия от CSS
  • Навигация в React Native (React Navigation)
  • Сравнение подходов React и React Native

Предварительные знания: Для начала курса требуются базовые навыки работы с компьютером. Интерес к программированию.

Продолжительность: 120 академических часа. Аудиторная и практическая работа в классе с преподавателем 60 академических часов. Имеется возможность обучения удаленно.

Условия расторжения и выдаваемые документы:
В конце обучения учащийся выполняет финальную работу. После успешной сдачи работы выпускнику курса выдается сертификат.
Сертификат также выдается обучающемуся, если результаты обучения не были достигнуты, но ученик принял участие в обучении не менее 80% контактных часов.

Обучение может быть прекращено по причине болезни учащегося или по взаимному соглашению. Условия прекращения обучения оговариваются отдельно в каждом конкретном случае.

Используемые методы: Интерактивные лекции, групповая работа, письменные учебные материалы, обучающие видео.

Лектор:
Artur Šovkunenko
Tallinna Ülikool, informaatika osakond. Oskused: Java, Javascript. Tarkvaraarendaja.