Remix Bootcamp: Від новачка до експерта

Що таке 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. Багато з них досягли вершин у якості фрілансерів, працюючи віддалено по всьому світу. Ти можеш бути наступним!

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

Найголовніше – вас навчатиме Зак Тейлор, досвідчений професіонал, який має реальний досвід у 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. Сторінка Pantry: Швидкий старт! Почніть будувати головний проєкт, застосунок Remix Recipes, розпочинаючи зі сторінки pantry. Створіть панель пошуку, оновіть дані бази даних за допомогою форм, валідуйте форми з Zod і створіть Optimistic UI.

5. Основи аутентифікації: У цьому розділі ви дізнаєтеся основи аутентифікації, готуючись до більш складних тем. Ви вивчите зв'язки користувачів у базі даних, cookies, криптографічні підписи та сесії.

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

7. Авторизація: Після підтвердження особи користувача ви встановите правила доступу до різних частин застосунку. Створіть правила авторизації для створених вами сторінок.

8. Користувацький інтерфейс (Сторінка рецептів): Зосередьтесь на створенні виняткового інтерфейсу з Remix! Ви розробите сторінку рецептів, найскладніший UI-елемент застосунку, використовуючи кілька API Remix та реалізуючи Optimistic UI для покращення досвіду користувачів зі слабкими з'єднаннями.

9. Завантаження файлів: Освойте завантаження файлів у Remix. Зрозумійте мультіпарт-кодування для HTML-форм, щоб надсилати двійкові дані на сервер, та використовуйте Remix API для обробки завантажень файлів.

10. Модальні вікна Remix: Вивчіть різні методи створення модальних вікон у Remix і застосуйте один із них для нашого застосунку grocery list. Обробляйте різні параметри пошуку і пишіть більш складну логіку для бекенду.

11. Сторінка налаштувань: Досліджуйте маршрути ресурсів і створіть ресурсний маршрут, який надасть користувачам користувацькі CSS, дозволяючи персоналізувати тему оформлення. Захоплююче, чи не так?

12. Кешування (Сторінка Discover): Зосередьтеся на стратегіях кешування, розумінні приватного та серверного кешу, та використанні заголовка HTTP cache control для пришвидшення застосунку через кешування ресурсів користувача.

13. Тестування: Тестування має вирішальне значення! Ми присвячуємо цілий розділ цьому процесу. Пишіть end-to-end тести для вашого застосунку Remix Recipes з використанням Playwright. Слідкуйте за взаємодією користувачів та будьте впевнені, що ваш застосунок працює, як очікується, навчаючись створювати динамічні маршрути в Remix.

14. Деплой: Готові показати свою роботу? Розмістіть свій повноцінний застосунок за допомогою Fly, що спрощує деплой застосунку Remix з базою даних Postgres. Ознайомтесь із Prisma migrations у цьому розділі.

Який результат?

Цей курс Remix розроблено для того, щоб підняти вас від початківця до топ 10% розробників Remix 💪.

Немає чого втрачати, починайте свій шлях до знань вже зараз. Якщо цей курс не виправдав ваших очікувань, ми пропонуємо безпроблемне повернення коштів у розмірі 100% протягом 30 днів, без зайвих запитань.