Сборник стримов по web разработке#web@proglib

Сборник стримов по web разработке

#web@proglib #mooc@proglib #javascript@proglib #css@proglib

​Пишем приложение на ReactNative

План cтрима:
1. Обзор фреймворков для разработки мультиплатформенных мобильных приложений (Cordova, Ionic, ReactNative, Flutter)
2. Выбор технологии ReactNative. Теоретические основы, как с ней работать
3. Проектирование и прототипирование приложения
4. Подготовка рабочего окружения (React, Webpack, Expo, NativeBase, Firebase)
5. Вёрстка основных экранов приложения (работа с документацией ReactNative, StyleSheets, NativeBase, Images)
6. Функциональная часть приложения
7. Связка с Firebase
8. Настройка Push-уведомлений
9. Обзор полезных плагинов
10. Сборка приложений на iOS и Android, тестирование на реальных устройствах, методология выкладки в PlayMarket и AppStore

​Посадка LandingPage на CMS WordPress
1. Что значит «посадка» на CMS.
2. В чем особенность посадки лендинга на WordPress.
3. Какие есть инструменты для решения этой задачи.
4. Создание своей темы на основе готовой верстки.
5. Реализация меню в шапке сайта.
6. Создание виджетов.
7. Создание и вывод информационных секций (экранов) лендинга.
8. Создание формы обратной связи.
9. Рекомендации по оптимизации работы LandingPage.

​Продвинутый Javascript
1. Контекст и Область видимости
2. ООП
3. Обработка ошибок
4. Общение с Сервером
5. Время и Дата
6. Хранение данных в браузере

​CSS - проблемы и решения
1. Сложности при написании стилей для проекта на React
2. Два подхода при написании стилей
3. Коллизии имен
4. Константы
5. Переиспользование кода (mixins)
6. Мертвый CSS-код
7. Удобный sharing компонентов
8. Разделение бизнес-логики и стилей
9. React Native
10. Styled Component

​Создание динамичных сайтов с помощью фреймворка Django
1. Обсуждение
2. Установка фреймворка
3. Создание проекта
4. Настройка проекта
5. Добавление приложения-сайта в проект
6. Модели и логика
7. Настройка страниц

​Практический мастер-класс по PWA
1. Определяем общую цель и конкретные задачи, что нужно, чтобы наше приложение стало PWA
2. Устанавливаем и настраиваем наше рабочее окружение
3. Создаем и регистрируем наш первый сервис-воркер. Изучаем возможности Dev Tools браузера касательно PWA
4. Отправляем наше приложение в оффлайн - на практике знакомимся с библиотекой Workbox
5. Оптимизируем работу с сетью - кешируем запросы к API, используя разные стратегии
6. Отдыхаем от кодинга - составляем Web App Manifest, чтобы наше приложение стало устанавливаемым
7. Проверка итоговой “прогрессивности” нашего приложения, подведение итогов
8. Пара слов о других интересных возможностях сервис воркеров и о будущем PWA
Скачать книгу

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *