udemy
Udemy - одна из самых больших площадок в мире по доставке обучающего контента от разных авторов всего мира. Присутсвуют курсы практически на любую тему.
Svelte 3 | Проект - Movie App с Svelte JS [2020]
Svelte 3 | Project Course - Movie App with Svelte JS [2020]
★4 (всего оценок - 11)
Продолжительность
3 ч 0 мин
Категория
SvelteКоличество уроков
28 Видео
Дата добавления
13 июл. 2020 г., 14:28
Язык
Английский
Дата выхода
17 июн. 2020 г., 00:00
Дата обновления
29 апр. 2026 г., 08:13
Освойте Svelte 3 на практике и создайте полноценное Movie App с нуля. Этот курс — идеальный старт для тех, кто хочет быстро улучшить навыки в современном Front End и добавить в портфолио актуальный проект.
Почему стоит изучать Svelte 3
Svelte — один из самых перспективных фреймворков, который продолжает набирать популярность благодаря своей скорости, простоте и минималистичному подходу к написанию кода. Он позволяет создавать быстрые интерфейсы без лишней сложности, что делает его отличным выбором для новичков и практикующих разработчиков.
Преимущества Svelte для начинающих
- Минимум шаблонного кода — максимум функциональности
- Понятная реактивность без громоздких концепций
- Полезный опыт для старта карьеры во Front End
- Подходит для быстрых прототипов и реальных проектов
Кому подойдёт этот курс
Курс создан для студентов с базовыми знаниями HTML, CSS и JavaScript, которые хотят начать работать с современными технологиями и создавать реальные приложения.
Что вы изучите в процессе обучения
Курс построен вокруг практики. Вместо длинных теоретических блоков вы будете учиться на конкретном проекте — современном приложении для поиска фильмов, которое можно показать работодателю.
Основные темы курса
- Полная настройка среды разработки Svelte
- Работа с компонентами и реактивностью
- Использование props, state и событий
- Создание пользовательских компонентов и слотов
- Получение данных из внешнего API и их вывод в интерфейс
- Оптимизация структуры проекта
Практический проект: Movie App
Во время курса вы создадите приложение, которое:
- получает данные о фильмах через публичный API
- отображает результаты поиска в реальном времени
- использует реактивность Svelte для мгновенных обновлений интерфейса
- работает быстро и выглядит современно
Цель проекта
Сформировать у вас понимание ключевых принципов Svelte, чтобы вы могли продолжить изучение фреймворка самостоятельно и уверенно применять его в будущих проектах.
Преимущества формата курса
Преподаватель делает упор на короткие, практические уроки, что позволяет быстро погружаться в тему и избегать ненужной теории. Такой подход идеально подходит тем, кто хочет изучать материал без воды и в комфортном темпе.
Почему это эффективно
- Обучение через создание реального продукта
- Чёткие объяснения и структура без перегруженности
- Каждый урок заканчивается ощутимым результатом
Итог: чему вы научитесь
После прохождения курса вы сможете уверенно использовать Svelte для создания интерфейсов, интегрировать API, работать с компонентами и реактивностью. Вы получите практический проект в портфолио и базу знаний, достаточную для дальнейшего роста.
Если вы хотите изучить современный и быстрый инструмент для разработки интерфейсов — этот курс станет отличным началом.
Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум
- Урок 1. 00:00:28Introduction
- Урок 2. 00:02:26App Presentation
- Урок 3. 00:03:46Short intro to Svelte
- Урок 4. 00:02:58TMDB and API key
- Урок 5. 00:01:36Starter Files
- Урок 6. 00:06:12Setup project and install dependencies
- Урок 7. 00:04:26Setup VS Code
- Урок 8. 00:05:27Copy Files - dot env - folder structure
- Урок 9. 00:05:38Setup Rollup for use of dot env variables
- Урок 10. 00:08:12Scaffolding the Home Component
- Урок 11. 00:11:37API fetch function for Home Page
- Урок 12. 00:06:10Fetch data in Home Component
- Урок 13. 00:06:24Header Component
- Урок 14. 00:12:14Hero Component
- Урок 15. 00:14:46SearchBar Component
- Урок 16. 00:03:56Grid Component
- Урок 17. 00:09:30Thumb Component
- Урок 18. 00:07:25LoadMore and Spinner Components
- Урок 19. 00:10:10Routing with page.js
- Урок 20. 00:06:56Scaffolding the Movie Component
- Урок 21. 00:05:07API fetch function for Movie Page
- Урок 22. 00:05:23Fetch data in Movie Component
- Урок 23. 00:03:09BreadCrumb Navigation Component
- Урок 24. 00:12:02MovieInfo Component
- Урок 25. 00:04:25MovieInfoBar Component
- Урок 26. 00:04:41Actor Component
- Урок 27. 00:10:26LocalStorage and SessionStorage
- Урок 28. 00:04:48Deploy to Netlify
Автор - udemy
Комментарии