Модульный тренинг – Базовые знания о разработке программного обеспечения – фронтенд-разработка при помощи фреймворка 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 академических часов самостоятельной работы).

Я заинтересован, но мне не подходит время –  

Kuupäev

24 jaan. 2023 - 30 märts 2023
Ongoing...

Hind

2,050.00€

Toimumiskoht

Veebikeskkond Zoom

Koolitaja

Saadaval ka NORT Koolituse kinkekaart