ReactJS / React.Native разработчик

Что даст вам этот курс
13
0
Современная Frontend-разработка и создание кроссплатформенных мобильных приложений на Javascript.

Что даст вам этот курс
Сегодня уже не обязательно иметь 3 команды разработчиков, чтобы поддерживать несколько разных проектов. например:
- Веб-сайт на ReactJS и JS,
- iOS-приложение на Swift
- Android-приложение на Java или Kotlin.

ReactJS вместе с React.Native позволяют одному специалисту создать многофункциональный сайт и на его базе разработать мобильные Android/iOS приложения.

React.JS + React.Native

ReactJS является одной из самых популярных Javascript-библиотек, которая позволяет сократить время на разработку сложного фронтенда в десятки раз.

React.Native framework был разработан компанией Facebook. На нем написано множество известных мобильных приложений: Facebook. Instagram. Skype, Uber Eats, Pinterest и др.

За 5 месяцев вы научитесь:
- Разрабатывать фронтенд любой сложности с использованием React.JS
- Работать с Flux и Redux
- Создавать кроссплатформенные приложений для iOS и Android
- Настраивать удобную навигацию, общаться с сервером, работать с фотографиями на устройстве и камерой
- Публиковать приложения в Google Play и Apple Store

Выпускной проект для портфолио:
В качестве выпускного проекта вы разработаете веб-приложение twitter на React.JS и Redux. Затем перенесете на мобильные устройства с использованием React Native и Redux. А также реализуете возможность загружать свои фото

Для кого этот курс
Программа разработана специально для javascript-разработчиков с навыками HTML/CSS и опытом работы по специальности 1-3 года. Курс позволит на профессиональном уровне освоить два мощных инструмента для разработки мобильных и веб-приложений любой сложности. А также и получить знания и навыки, необходимые для работы в крупных компаниях на позиции React.JS / React.Native разработчик.
Программа обучения
Модуль 1
React.JS, Flux, Redux
Модуль 2
Первые шаги в React Native
Модуль 3
Запросы на сервер, React Native + Redux
Модуль 4
React.Native: навигация, хранение сессии, анимация
Модуль 5
React.Native: Работа с фотографиями и публикация
Модуль 6
Проектная работа
React.JS, Flux, Redux
Оценить модуль
3
0
Тема 1: Обзор Web Components - HTML Template - Polymer - Lit-HTML
участники смогут
- Создавать custom elements, используя встроенные браузерные возможности
- Подключать и использовать Polymer для создания приложений
- Ориентироваться в веб спецификациях, на базе которых работает Polymer
Тема 2: Custom Elements
подключать и использовать веб-компоненты в приложениях
Создавать Polymer компоненты, решающие функциональные и композиционные задачи
Тема 3: Shadow DOM
Оценить занятие
1
0
Тема 4: Основы React и JSX
участники смогут:
- Настроить себе окружение для работы с React и использовать его
- Понимать и применять синтаксис JSX
- Создавать простые приложения на React
Тема 5: Компоненты React - Lifecycle React-компонент - state и props
участники смогут:
- Разрабатывать полноценные React-компоненты в различных стилях.
- Корректно использовать state и props.
Тема 6: Higher-Order Components
Оценить занятие
0
0
Тема 7: Состояние приложения - Flux и Redux
участники смогут:
- Отличать основные понятия однонаправленной архитектуры Flux.
- Ориентироваться и использовать возможности redux - создавать actions, reducers, а также применять redux в связке в React
Тема 8: Routing в React - Оптимизация приложения
- Создавать систему routing для React приложений, использовать библиотеку react-router
- Использовать специальные возможности библиотеки для оптимизации отрисовки
Тема 9: Подготовка React Приложения к Production, Best Practices
- Эффективно разрабатывать приложения на React, учитывая последние тенденции в разработке front-end
- Использовать Advanced React
- Применять на практике Best-Practices разработки на React
- Сборщики - Webpack, Parcel
- Аспекты Server-Side Rendering
Первые шаги в React Native
Цель: Научиться создавать одностраничное приложение на чистом React Native.
После трёх первых занятий студенты смогут развернуть проект и создать простое одностраничное приложение.
Оценить модуль
1
0
Тема 1: Базовые компоненты
React Native - возможности и ограничения
Настройка окружения
Разбор структуры проекта
React Class, State, жизненные циклы (краткое повторение)
Базовые компоненты React Native “из коробки” и примеры их использования
Оценить занятие
0
0
Тема 2: Дебаггинг и вёрстка
Методы и изменение состояния компонента
Дебаггинг в консоли Google Chrome и React Native Debugger
Вёрстка и стили
Шрифты и иконки
Оценить занятие
0
0
Тема 3: Создание одностраничного приложения
Создание простого одностраничного приложения (создание поста Instagram)
Оценить занятие
1
0
Запросы на сервер, React Native + Redux
Цель: Научиться делать запросы на сервер и использовать контейнер состояний Redux.
После четвертого и пятого занятия студенты смогут подключить к своему проекту Redux и научатся писать запросы к серверу.
Оценить модуль
1
0
Тема 1: Подключаем Redux
Разбираем домашнее задание
Подключаем Redux
Дебаггинг с Redux Logger
Экран “Новый Пост” на Redux
Оценить занятие
0
0
Тема 2: Запросы на сервер
Подключение axios
Асинхронные функции, redux-thunk
Получение списка постов
Пагинация списка постов, infinite scroll
Оценить занятие
1
0
React.Native: навигация, хранение сессии, анимация
Цель: Научиться строить навигацию, интуитивно привычную пользователям мобильных приложений. Уметь сохранять данные между сессиями. Понять принципы построения анимации.
Студенты научатся использовать React Navigation для переходов между экранами, смогут сохранять данные сессии и получат основы работы с анимацией.
Оценить модуль
1
0
Тема 1: Навигация и AsyncStorage
Пишем экран авторизации
Навигация React Navigation
Запрос на авторизацию, сохранение токена в AsyncStorage
Использование токена для запросов, заголовки запросов
Оценить занятие
0
0
Тема 2: Анимация
Gif-изображения
Анимация, Performance Monitor
Вибрация и звук
Оценить занятие
1
0
React.Native: Работа с фотографиями и публикация
Цель: Научиться получать разрешение пользователя на доступ к файлам и камере, работать с фотографиями на устройстве и делать фото из приложения.
Студенты будут уметь работать с разрешениями, получать фото из галереи и работать с камерой. Так же рассмотрим Unit и End2End тестирование приложения
Оценить модуль
1
0
Тема 1: Получение фото из галереи
Разрешения
Получение и отображение фото из галереи
Выбор фото и отправка на сервер
Отображение своих постов
Оценить занятие
0
0
Тема 2: Работа с камерой
Отображение окна с камерой, настройки
Захват и сохранение фото
Оценить занятие
1
0
Тема 3: Тестирование
Обсуждение домашнего задания
Доработки
Тестирование
Оценить занятие
0
0
Тема 4: Публикация
Отличия release и debug версий
Иконка и splash-screen
Генерация уникальной подписи
Сборка и подпись приложения
Заполнение информации о приложении
Публикация
Полезные материалы и библиотеки
Оценить занятие
0
0
Проектная работа
После последнего занятия студенты смогут опубликовать своё приложение в маркете.
Оценить модуль
0
0
Тема 1: Начало работы над проектом
Оценить занятие
0
0
Тема 2: Консультация
Оценить занятие
0
0
Тема 3: Защита проектов
Оценить занятие
0
0
Опрос по программе "ReactJS / React.Native разработчик"

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

Вопрос №1 из 3
Выберите один вариант ответа
Как вы оцениваете свои знания по языку Javascript?
Вопрос №2 из 3
Выберите один вариант ответа
Насколько для вас интересна программа курса?
Вопрос №3 из 3
Комментарии и предложения - мы всегда им рады!

Оставьте хотя бы один ответ для участия в опросе