Модульный тренинг – Базовые знания о разработке программного обеспечения – фронтенд-разработка при помощи фреймворка REACT.JS
React – самый популярный в мире инструмент для фронтенд-разработки веб-приложений. React позволяет с легкостью создавать динамичные и интерактивные веб-приложения. Он быстрый, масштабируемый, гибкий, мощный и имеет сильное сообщество разработчиков, которое быстро растет.
Лучшего времени для обучения работе с React не найти. Умеющие работать с ним востребованы как в Эстонии, так и во всем мире.
Тренинг дает базовые знания, необходимые для веб-разработки, и учит использовать фреймворк React.js.
Для участия в нем требуются элементарные навыки работы с компьютером и компьютер с подключением к интернету.
Тренинг проходит в режиме так называемого прямого эфира – преподаватель инструктирует у себя дома за компьютером, а вы принимаете участие из дома. Во время тренинга вы видите экран компьютера преподавателя, можете общаться, писать и при необходимости делиться своим экраном. Все учебные модули сохраняются, их можно просматривать в удобное время и в подходящем для вас темпе, а также использовать при выполнении домашних заданий.
Данное на тренинге домашнее задание необходимо выполнить к следующему учебному дню.
В тренинге одновременно могут участвовать до 8 человек, в таком случае преподаватель успевает заниматься со всеми.
1-й модуль: Базовые знания о разработке программного обеспечения
Объем: 60 академических часов (30 академических часов веб-тренинга + 30 академических часов домашней работы)
Цель тренинга – научить основам веб-разработки.
- Введение
Какие инструменты понадобятся во время курса?
Какова роль трех базовых технологий веб-разработки – HTML, CSS и JavaScript
В чем разница между фронтенд- и бэкенд-разработкой? - Введение в HTML
Обязательные элементы HTML-страницы. Основные теги (заголовки, абзацы, списки).
Теги DIV и SPAN, где они могут пригодиться.
Свойства элементов. - Публикация веб-сайта
Реестры доменов и услуги хостинга.
Синхронизация файлов с сервером. - Более сложные концепции HTML
Таблицы, поля ввода и формы. - Введение в CSS
Как CSS связывается к HTML – селекторы (элементы, идентификаторы, классы).
Цвета, шрифты, контуры.
Что такое инструмент разработчика в веб-браузере и как его использовать. - Более сложные концепции CSS
Блочная модель. Создание структуры страницы по блочной модели. - Разработка веб-сайта при помощи инструментария Bootstrap
Встраивание инструментария Bootstrap в свой сайт.
Компоненты, создание структуры страницы с использованием шаблонов по умолчанию. - Адаптивная верстка с помощью Bootstrap
Компоненты Bootstrap, создание адаптивной верстки
Для чего используется адаптивная верстка? - Введение в JavaScript
Переменные и функции.
Как использовать консоль JavaScript в браузере.
Включение файлов JavaScript из отдельного файла.
Поиск и отображение дня недели. - Основные конструкции языка JavaScript
Выбор элементов на веб-странице с помощью JavaScript.
Скрытие и отображение элементов, изменение контента. - Проект: Создание сайта по существующему дизайну (файл PSD)
Ознакомьтесь с основами порядка обучения и учебной программой.
2-й модуль: Фронтенд-разработка при помощи фреймворка React
Объем: 60 академических часов (30 академических часов веб-тренинга + 30 академических часов домашней работы)
Цель тренинга – дать практические навыки использования фреймворка React при создании фронтенда.
В ходе курса мы вместе создадим приложение, чтобы понять, как на основе React создать веб-сайт, который читает и сохраняет данные на облачном сервере.
- Введение
Роли клиента и сервера. Стратегии обмена данными с серверами.
Роль React во фронтенд-разработке. Приложения MPA и SPA. Принципы REST API - Создание React-приложения
Назначение инструментов Node/NPM, установка
Установка среды React
Первое React-приложение - Основы JSX, введение в компоненты
Назначение JSX, синтаксис, функциональные компоненты.
Создание статической веб-страницы с использованием JSX и функциональных компонентов
Использование условий и циклов при создании вывода - Компоненты, общее использование данных
Классовые компоненты, их отличие от функциональных компонентов
Передача данных между компонентами (props)
Использование событий (events) для реагирования на действия пользователя - Состояние (state), хуки
Как использовать переменные
Хуки useState и useEffect
Что нужно сделать для изменения и показа данных
Подкомпоненты и state - Общение с бэкендом
Что это такое и как их использовать
Метод fetch, методы чтения, добавления, изменения, удаления данных. - Маршрутизация
Принципы пользовательской навигации
Элементы навигации - Публикация фронтенд-приложения
Публикация приложения в среде GitHub - Проект: Мы создадим веб-сайт для публикации новостей, для бэкенда которого используем систему управления контентом (WordPress или Contentful) и который будет общаться с нашим фронтендом через API.
Ознакомьтесь с основами порядка обучения и учебной программой.
Тренинг проходит два учебных дня в неделю.
Продолжительность обучения составляет 120 академических часов (60 академических часов + 60 академических часов самостоятельной работы).
Я заинтересован, но мне не подходит время –
Veebiarenduse koolitused algusest
Veebiarenduse täiendkoolitused neile, kel algus juba käes
Koolitaja
-
Dmitri FomitšjovДмитрий окончил отдел информационных технологий TalTech. Его основная работа - веб-разработка, где основными направлениями деятельности являются разработка иностранной водной помощи и разработка Intranetis Sharepoint с использованием структуры Reack. Также помогает сотрудникам в решении их ИТ-проблем. Имеет опыт ИТ-тренера.