+375291278520+375336917840

Веб-разработка
Базовый курс

(8-11 классы)
Идет набор на сентябрь 2024

Нажимая на кнопку вы соглашаетесь на обработку ваших данных

Создание веб-приложений
на фреймворке React.js

Создание веб приложений - это переход на следующий уровень
после знакомства с программированием на базовом уровне

Курс подойдет тем, кто:

1. Прошел базвые курсы по программированию в нашей IT-школе (или самостоятельно)

2. Желает дальше развиваться в сфере программирования

Курс рекомендован ученикам 9-11 классов, которые знакомы
с основами HTML / CSS / JavaScript

Как проходят занятия

Теория - Объяснение нового материала
Теория

Объяснение
нового материала

Практика - Выполнение заданий на закрепления темы
Практика

Выполнение заданий
на закрепления темы

Проверка - контроль выполнения
Проверка

Контроль правильности
выполнения

Обратная связь - Комментирование исполнения, исправление ошибок
Обратная связь

Разбор ошибок и
рекомендации

Практическая направленность

Сфера веб-разработки одна из самых перспективных в IT. Курс закладывает хорошую основу для будущей карьеры айти специалиста. Создание веб-приложений будет востребовано всегда.

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

На занятиях наши учащиеся:

Программа курса

1

HTML / CSS

  • Введение в HTML
  • Инструментарий и валидация
  • Теги, типы тегов
  • Атрибуты и их значения
  • Ссылки
  • Изображения
  • Списки
  • Таблицы
  • Знакомства с Фреймами
  • Якоря
  • Макеты
  • Введение в CSS
  • Основные преимущества стилей
  • Способы добавления стилей на страницу
  • Базовый синтаксис CSS
  • Селекторы тегов
  • Классы
  • Идентификаторы
  • Поля, отступы, границы
  • Преобразования, переходы, анимация
  • Позиционирование
  • Знакомство с адаптивным дизайном
  • Работа с собственным проектом
2

JavaScript

  • Планирование приложения
  • Создание и обзор приложения
  • Как работают стили
  • Выравнивание элементов
  • Взаимодействие компонентов
  • Работа с документацией
  • Добавление формы
  • Создание стейта
  • Вывод списка элементов
  • Обработка формы
  • Вывод сообщения с ошибкой
  • Параметры клавиатуры
  • Добавление скролла
  • Рендеринг списка
  • Добавление событий
     
3

Система контроля версий (git)

  • Планирование функционала
  • Добавление разных экранов
  • Переключение экранов
  • Стилизация кнопок
  • Создание констант для темы
  • Компонент карточки
  • Окно confirm
  • Создание модального окна
  • Изменение и сохранение элементов
  • Работа с картинками
     
4

Основы TypeScript

  • Загрузка шрифтов
  • Подключение шрифтов
  • Переиспользуемые компоненты текста
  • Добавление иконок
  • Использование иконок
  • Управление клавиатурой
  • Определение платформы
  • Адаптивные стили
  • Адаптация ориентации экрана
     
5

Знакомство с React.js

  • Создание контекста
  • Рефакторинг приложения
  • Создание редюсера
  • Рефакторинг редюсера
  • Создание состояния экрана
  • Изменение экрана
  • Рефакторинг приложения
     
6

Компоненты и хуки React.js

  • Планирование
  • Создание приложения
  • Создание экранов
  • Настройка навигации
  • Переключение экранов
  • Стилизация навигации
  • Стилизация отдельного скрина
  • Компонент отображения поста
  • Параметры навигации
  • Стилизация страницы поста
  • Добавление иконок в шапку
  • Динамические иконки в шапке
  • Нижняя навигация
  • Отображение избранного
  • Адаптация меню под андроид
  • Рефакторинг кода
  • Добавление левого меню
  • Завершение навигации
  • Стилистика для меню
     
7

Работа с сервером

  • Настройка Firebase
  • Подготовка приложения
  • Создание нового элемента
  • Загрузка данных с сервера
  • Индикатор загрузки
  • Обработка ошибок
  • Обновление элементов
  • Удаление элементов
  • Рефакторинг и создание класса Http
     
8

Redux

  • Как работает Redux
  • Настройка Redux
  • Получение данных
  • Добавление в избранное
  • Удаление данных
  • Создание нового элемента
     
9

Препроцессоры css и библиотеки React.js

  • Введение и установка
  • Добавление фото
  • Завершение формы
  • Подготовка приложения
  • Подключение базы данных
  • Получение данных из базы
  • Файлы и создание записи
  • Обновление и удаление
     
10

Подготовка и деплой

Настройка приложения
Обновления приложения
Подготовка в билду
Билд и деплой
 

Как получить максимальный эффект
от обучения?

Курс по веб-разработке — один из самых сложных в нашей IT-школе. Чтобы успешно его закончить, желательно иметь осознанный интерес к программированию. 

Мы рекомендуем работать не только на занятиях. А также —  заниматься самостоятельно и выполнять домашние задания

Как получить максимальный эффект<br> от обучения? - фото 1
Как получить максимальный эффект<br> от обучения? - фото 2
Как получить максимальный эффект<br> от обучения? - фото 3

Идет набор в новые группы на сентябрь 2024

Звоните для уточнения расписания и наличия мест!
+375 29 127 85 20, +375 33 691 78 40

Стоимость курсов

1 раз в неделю по 2 часа (120 мин.)

108руб /мес

Группы по выходным или будням

Записаться или получить консультацию
Продвинутый курс по веб-разработке (9-11 классы)
Нажимая на кнопку вы соглашаетесь на обработку ваших данных
Также вам могут быть интересны
IT-курсы для взрослых
Записаться на курсы

Оставьте свои данные и мы перезвоним
Вам в ближайшее время

Продвинутый курс по веб-разработке (9-11 классы)

Нажимая на кнопку вы соглашаетесь на обработку ваших данных

Звоните:
+375291278520
+375336917840

График работы в учебном году:
C 9:00 до 18:00 без выходных
Обед плавающий, звоните

График работы летом:
С 9:00 до 18:00 пнд.-пт.

office@melarossa.by

212030, г. Могилев, пер. Пожарный,
дом 9, 4 этаж, офис 408

Яндекс.Метрика