Главная страницаКатегория другое (frontend)Создание современных веб-сайтов с Astro!

Создание современных веб-сайтов с Astro!

Name: Создание современных веб-сайтов с Astro!
Price: 13 USD
Rating: 5 (11 reviews)

Build Modern Websites with Astro!

James Q Quick

★5 (всего оценок - 11)

Продолжительность

7 ч 28 мин

Категория

Другое (Frontend)

Количество уроков

91 Видео

Дата добавления

25 сент. 2024 г., 20:42

Язык

Английский

Дата обновления

29 апр. 2026 г., 21:26

Этот практический курс по Astro поможет вам быстро и уверенно создавать современные, быстрые и масштабируемые веб‑сайты. Вы разберетесь в ключевых технологиях, освоите продвинутые функции и научитесь собирать полноценные проекты — от блога до динамичного веб‑приложения.

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

Курс подробно раскрывает возможности Astro и демонстрирует, как использовать его для создания мощных и производительных сайтов. Материал подается пошагово: от базовой настройки окружения до внедрения сложного функционала.

Генерация страниц: статическая vs серверная

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

Коллекции контента

Узнаете, как упорядочивать, валидировать и структурировать контент, создавая удобные и гибкие системы для ведения блога, портфолио или новостного сайта.

Оптимизация изображений

Изучите современные подходы к работе с медиа, включая оптимизацию, адаптивные форматы и интеграцию с Cloudinary для ускорения загрузки страниц.

TypeScript для моделей и схем

Освоите создание типизированных схем данных, что позволит вам строить более надежные и предсказуемые веб‑приложения.

Аутентификация и работа с пользователями

Разберете добавление регистрации, входа, защищенных страниц и взаимодействие с современными сервисами авторизации.

Развертывание и хостинг

Поймете, как выбрать оптимальную платформу для размещения Astro‑проекта, а также как настроить CI/CD для автоматизации доставки обновлений.

Используемые технологии

Во время обучения вы будете работать с мощным современным стеком:

Tailwind CSS — для быстрого и гибкого создания интерфейсов
TypeScript — для надежной типизации и структурирования проекта
Xata — для работы с данными и моделированием контента
Cloudinary — для оптимизации и хранения изображений

Кому подойдет этот курс

Курс ориентирован на начинающих и продолжающих веб‑разработчиков, которые уже знакомы с основами HTML, CSS и JavaScript и хотят освоить новый современный фреймворк для создания быстрых и функциональных сайтов.

Результат прохождения

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

Это пробный урок. Оформите подписку, чтобы получить доступ ко всем материалам курса. Премиум

Урок 1. 00:01:18
Welcome and Thank You
Урок 2. 00:01:42
Resources
Урок 3. 00:03:15
Intro To Astro
Урок 4. 00:03:09
Astro 4.0
Урок 5. 00:07:17
Creating Your First Astro Project
Урок 6. 00:03:36
The Dev Toolbar
Урок 7. 00:02:06
Working with Git and Github
Урок 8. 00:02:07
VS Code Setup
Урок 9. 00:02:51
Shortcuts That I Use
Урок 10. 00:04:34
Working With CSS
Урок 11. 00:03:29
Overview of Astro Integrations
Урок 12. 00:06:08
Introduction to Tailwind CSS
Урок 13. 00:03:38
Setting Up Tailwind CSS
Урок 14. 00:10:21
Updating the Shared Layout
Урок 15. 00:07:17
Updating the Header and Footer Components
Урок 16. 00:05:17
Introduction to Markdown and Frontmatter
Урок 17. 00:04:52
Introduction to Content Collections
Урок 18. 00:04:22
Configuring Content Collections with Zod
Урок 19. 00:06:01
Querying and Displaying List of Blog Posts
Урок 20. 00:10:55
Creating the PostList Component
Урок 21. 00:06:02
Creating Dynamic Routes for Blog Posts
Урок 22. 00:06:31
Displaying Blog Posts
Урок 23. 00:01:50
Styling Blog Posts Using The Tailwind Typography Plugin
Урок 24. 00:02:10
Cleaning Up Code With Reusable Components
Урок 25. 00:05:25
Creating the TableOfContents Component
Урок 26. 00:03:20
Creating the Share Component
Урок 27. 00:01:57
Intro to Pagination
Урок 28. 00:06:29
Creating The Dynamic Route for Paginated Blog Posts
Урок 29. 00:08:01
Creating the Pagination Component
Урок 30. 00:02:48
Introduction to Meta Tags
Урок 31. 00:06:11
Adding Meta Tags
Урок 32. 00:05:35
Customizing Meta Tags Per Page
Урок 33. 00:10:26
Adding an RSS Feed
Урок 34. 00:11:11
Displaying Categories
Урок 35. 00:05:40
Creating Dynamic Routes for Category Pages
Урок 36. 00:08:07
Displaying a Featured Post
Урок 37. 00:02:55
Displaying Recent Posts
Урок 38. 00:02:52
Refactoring the CategoryList Component
Урок 39. 00:04:19
Intro to the Astro Image Component
Урок 40. 00:07:45
Setting Up The Astro Image Component
Урок 41. 00:01:34
Section Intro
Урок 42. 00:05:54
Adding Svelte (and Client Directives)
Урок 43. 00:06:16
Handling Form Submissions with KwesForms
Урок 44. 00:02:56
Setting Up a Github Repository
Урок 45. 00:01:41
Deploying to Netlify
Урок 46. 00:01:34
Deploying to Vercel
Урок 47. 00:01:49
Updating the Site Config Property
Урок 48. 00:02:12
Next Steps
Урок 49. 00:02:54
Overview of the Premium Content
Урок 50. 00:03:36
Overview of SSR In Astro
Урок 51. 00:00:47
Adding the Netlify Adapter
Урок 52. 00:10:52
Converting Blog Post Pages to SSR
Урок 53. 00:05:06
Fixing a Pagination Bug
Урок 54. 00:04:16
Converting Category Pages to SSR
Урок 55. 00:02:33
Fixing Pagination Bugs
Урок 56. 00:05:04
Adding An Environment Variable For Posts Per Page
Урок 57. 00:03:02
Creating the Authors Collection
Урок 58. 00:08:39
Displaying Author Info For Blog Posts
Урок 59. 00:04:31
Creating Dynamic Routes for Author Pages
Урок 60. 00:04:50
Intro to Cloudinary and Account Setup
Урок 61. 00:03:35
Installing and Configuring Cloudinary in Astro
Урок 62. 00:06:37
Adding Auto Generated Image URLs
Урок 63. 00:01:54
Intro to Xata
Урок 64. 00:03:28
Creating the Users Schema
Урок 65. 00:02:13
Creating the Comments Schema
Урок 66. 00:04:52
Integrating Xata Into Astro and Generating TypeScript Types
Урок 67. 00:05:04
Overview of Authentication with Cookies
Урок 68. 00:05:57
Creating the Signup Page
Урок 69. 00:07:54
Handling the Signup Endpoint
Урок 70. 00:05:19
Securing Our Cookies
Урок 71. 00:02:05
Creating the Login Page
Урок 72. 00:05:04
Handling the Login Endpoint
Урок 73. 00:05:30
Handling Errors
Урок 74. 00:01:17
Handling the Sign Out Endpoint
Урок 75. 00:02:59
Updating the Header
Урок 76. 00:02:05
Handling Redirects after Login
Урок 77. 00:09:22
Creating the Comment Form
Урок 78. 00:03:46
Handling Comment Form Submission
Урок 79. 00:04:39
Querying Comments for a Blog Post
Урок 80. 00:12:42
Displaying Comments for a Blog Post
Урок 81. 00:01:00
Section Intro
Урок 82. 00:11:11
Displaying Emojis
Урок 83. 00:01:53
Setting up the Reactions Table
Урок 84. 00:09:59
Handling Emoji Reactions
Урок 85. 00:16:20
Querying Emojis
Урок 86. 00:07:20
Creating the Newsletter Form
Урок 87. 00:03:20
Handling the Newsletter Form Submission
Урок 88. 00:03:24
Saving Subscriber Emails to Xata
Урок 89. 00:07:08
Creating the Success and Failure Pages
Урок 90. 00:03:19
Deploy to Vercel
Урок 91. 00:03:21
Deploy to Netlify

Astro Docs - https://docs.astro.build/en/getting-started/

Tailwind Docs - https://tailwindcss.com/docs

Github Repository - https://github.com/jamesqquick/astro-course-demo

Автор - James Q Quick

James Q Quick

Привет, я Джеймс, веб-разработчик Fullstack, который увлекается обучением и любит работать с людьми. Я живу под девизом Учиться. Строить. Учить. Поэтому я рад поделиться с вами тем, что я узнал!

Комментарии