Еще немного о Github

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

Оформление Readme Github

Грамотно оформленное Readme на Github существенно поможет рекрутеру рассмотреть в тебе интересного человека в команду. И сделать это можно с помощью Markdown.

Markdown — это облегченный язык разметки, и он преобразует текст в структурированный HTML.

Если тебе хочется сделать Readme побыстрее, можно воспользоваться рекомендованным лектором сайтом для генерации профайла: GPRM

Как подготовить проекты: главные тезисы

Разумеется, самое важное — подготовить проекты. Каждый проект должен иметь Readme, в котором должны быть следующие сведения:

• Тема и суть проекта.
• Как проект запускать локально (npm install, npm run dev).
• Самое главное в проекте (использованные хуки, архитектура папок, сложные компоненты).
• Ссылка на демо (Vercel, Netlify, GitHub Pages).

Популярные платформы для деплоя фронтенда: Vercel (идеально для Next.js), Netlify, GitHub Pages.

Какие проекты выкладывать на Github?

В видеолекции Андрей упомянул, что нужно выкладывать на своем «официальном» Github. Добавь проекты от Frontend-университета (магазины, лендинги). А если хочешь усилить портфолио, напиши 2-3 проекта, демонстрирующих разные навыки.

1. Небольшой пет-проект, демонстрирующий базу и чистоту кода:

• Чистый код (ESLint, Prettier);
• Компонентный подход (переиспользование компонентов);
• Адаптивная верстка (Flexbox/Grid, Tailwind CSS);
• CI/CD (автоматический деплой при пуше).

2. SPA приложение (например, Task Manager или Dashboard) на React/TypeScript:

• Работа с формами (React Hook Form, Zod);
• Управление состоянием (Redux Toolkit или Context API);
• Взаимодействие с API (Axios/React Query);
• Авторизация (JWT).

3. Полноценное Fullstack приложение на Next.js или Angular:

• SSR (Server Side Rendering) и SEO-оптимизация;
• Роутинг и защита маршрутов;
• Работа с базой данных (через Node.js/Express или Server Actions);
• Оптимизация производительности (Lighthouse score).

И еще: обязательно обратите внимание на логичность и своевременность ваших коммитов.