Remix Буткемп: От Начинающего до Эксперта

Что такое Remix?

Remix, также известный как "Remix.js" или "Remix Run," — это комплексный JavaScript-фреймворк, основанный на React. Он отличается от других фреймворков, таких как Next.js, тем, что делает упор на пользовательский интерфейс, следуя при этом веб-стандартам, что обеспечивает плавный, быстрый и надежный пользовательский опыт. С Remix вы создадите сайты, которыми пользователи действительно будут наслаждаться.

Зачем изучать Remix?

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

Хотя Remix пока еще относительно новый фреймворк, его популярность стремительно растет, поэтому важно оставаться в курсе обновлений. К счастью, этот курс по Remix включает последние лучшие практики и тренды 2024 года, сосредоточенные на эффективности.

Это гарантирует, что вы не потратите время на устаревшие, непонятные или неполные учебные материалы.

Этот курс быстро введет вас в курс дела по Remix и поможет выйти за рамки основ. Вы научитесь создавать превосходные веб-сайты с плавными переходами и быстрой загрузкой, используя Remix.

Истории успеха подтверждают наши достижения.

Выпускники Zero To Mastery получили должности в таких ведущих компаниях, как Google, Tesla, Amazon, Apple, IBM, Uber, Facebook и Shopify. Многие из них успешно работают как фрилансеры, работая удаленно по всему миру. Вы можете стать следующим!

Зарегистрировавшись сегодня, вы получите доступ к нашему эксклюзивному онлайн-сообществу classroom, где вы будете учиться вместе с тысячами студентов, выпускников, наставников, ассистентов и преподавателей.

И самое главное, вы будете учиться у Зака Тейлора, опытного профессионала с реальным опытом в Remix.js и веб-разработке.

Что вы изучите в этом курсе по Remix:

Этот курс, как и все предложения Zero To Mastery, будет постоянно обновляться, становясь вашим основным ресурсом для самых последних практик и инструментов Remix на протяжении всей вашей карьерной жизни!

Курс охватывает почти все аспекты Remix, включая вложенные маршруты, стилизацию, управление ошибками, взаимодействие с базами данных, загрузку файлов, кэширование, разработку интерфейсов, тестирование и деплой. Впечатляет, не так ли?

Если вам интересно узнать больше, вот полный список того, что вы освоите:

1. Обзор Remix: Начнем с основ, чтобы убедиться, что вы понимаете фундаментальные принципы перед тем, как углубиться. Вы изучите важные файлы конфигурации Remix и поймете вложенные маршруты.

2. Основы маршрутизации и стилизации: Вы освоите API маршрутизации Remix, включая роль корневого маршрута, принципы именования файлов маршрутов и экспорт маршрута «links». Также рассмотрим CSS в Remix и настроим Tailwind.

3. Основы данных в Remix: Поймете, как работают «loaders», которые загружают данные в UI. Реализуете простой интерфейс ожидания данных и настроите Prisma и Postgres.

4. Страница кладовки: Начинайте проект быстро! Начните с создания основного проекта приложения Remix Recipes с разработки страницы кладовки. Создайте строку поиска, обновите данные базы данных через формы, проверьте формы с помощью Zod и создайте оптимистичный UI.

5. Основы аутентификации: Этот раздел охватывает основы аутентификации, готовя вас к более сложным темам. Изучите пользовательские отношения в базе данных, куки, криптографические подписи и сессии.

6. Аутентификация через магическую ссылку: Реализуйте систему аутентификации через магическую ссылку для приложения Remix Recipes. Это устраняет необходимость в паролях, позволяя пользователям входить в систему через зашифрованную ссылку по электронной почте, улучшая пользовательский опыт и расширяя ваши навыки Remix с серверной обработкой электронной почты.

7. Авторизация: После подтверждения личности пользователя регулируйте их доступ к различным частям приложения. Установите правила авторизации для созданных страниц.

8. Пользовательский Интерфейс (страница рецептов): Сосредоточьтесь на создании исключительного пользовательского интерфейса с помощью Remix! Вы разработаете страницу рецептов, самую сложную часть интерфейса приложения, используя несколько API Remix и реализуя оптимистичный UI для повышения пользовательского опыта при медленных соединениях.

9. Загрузка файлов: Освойте загрузку файлов в Remix. Поймете, как работает multipart-кодировка для HTML-форм передачи двоичных данных на сервер, и используете API-обработчика загрузки файлов Remix.

10. Модальные окна Remix: Изучите разные методы создания модальных окон в Remix и примените один из них к нашему приложению списка покупок. Обрабатывайте различные параметры поиска и пишите более сложную серверную логику.

11. Страница настроек: Изучите ресурсные маршруты и создайте ресурсный маршрут, который предоставляет кастомный CSS пользователям, позволяя персонализировать тему. Здорово, не так ли?

12. Кэширование (страница Discover): Сосредоточьтесь на стратегиях кэширования, поймите частные и серверные кэши, и используйте HTTP-заголовки «cache control» для ускорения работы приложения за счет кэширования ресурсов пользователя.

13. Тестирование: Тестирование критически важно! Мы посвятим этому целый раздел. Пишите концевые тесты для вашего приложения Remix Recipes с Playwright. Смоделируйте взаимодействие с пользователями и убедитесь, что ваше приложение работает, как задумано, изучая создание динамических маршрутов в Remix.

14. Деплой: Готовы похвастаться своей работой? Разверните свое полнофункциональное приложение с Fly, упрощая процесс деплоя приложения Remix с базой данных Postgres. В этот раздел мы также включим миграции Prisma.

Каков итог?

Этот курс по Remix предназначен для того, чтобы вы быстро поднялись с уровня новичка до топ-10% разработчиков Remix 💪.

Терять нечего, начните свое обучение прямо сейчас. Если курс не оправдает ваших ожиданий, мы предлагаем 100% возврат средств в течение 30 дней без лишних вопросов.