💻 Программирование [jointakeoff] Основы Full-Stack разработки 1: Фронтенд (2025)

[Calvin Candie]

Автор: jointakeoff
Название: Основы Full-Stack разработки 1: Фронтенд (2025)

[jointakeoff] Full-Stack Fundamentals 1 - Frontend (2025)



В рамках этого проекта вы создадите свой личный сайт-портфолио с нуля. Это будет отличным способом продемонстрировать свои работы по мере того, как вы продолжаете изучать разработку программного обеспечения с применением ИИ.
Что вы создадите:
Вы разработаете персональный сайт-портфолио, включающий:

• Современную и лаконичную главную страницу
• Отдельную страницу с проектами для демонстрации своих работ
• Профессиональное навигационное меню
• Плавные анимации и переходы
• Адаптивный дизайн, подходящий для мобильных устройств

Технологии, которые мы будем использовать:
Вы освоите современный фронтенд-стек:

• React - библиотека JavaScript для создания интерфейсов с переиспользуемыми компонентами
• Next.js - фреймворк на базе React, обеспечивающий маршрутизацию, серверные действия и многое другое
• Tailwind CSS - утилитарный CSS-фреймворк для быстрой и гибкой стилизации
• Shadcn - набор качественных, готовых к использованию UI-компонентов
• Framer Motion - библиотека для создания анимаций в интерфейсах

Этот стек используется в реальных командах разработки и даст вам актуальные навыки.
Чему вы научитесь:
В процессе выполнения проекта вы освоите:

• Как настроить проект на Next.js с нуля
• Основы работы с системой контроля версий Git и платформой GitHub
• Использование ИИ-инструментов для помощи в программировании (например, в редакторе Cursor)
• Создание правил для ИИ, помогающих ему программировать в нужном стиле
• Работа с компонентами, страницами и макетами в Next.js
• Современные принципы архитектуры компонентов в React
• Стилизация с помощью Tailwind CSS
• Разработка адаптивного дизайна
• Использование готовых компонентов для ускорения работы
• Добавление профессиональных анимаций с помощью Framer Motion
• Развёртывание сайта в интернете

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

Материал на английском языке

Подробнее:

Скачать:

Для просмотра скрытого содержимого вы должны войти или зарегистрироваться.