Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(01-base-frontend-stages): исправлено описание и требования 1го задания #5

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
Open

fix(01-base-frontend-stages): исправлено описание и требования 1го задания #5

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
7c0cee0
fix(01-base-frontend-stages): исправлено описание и требования 1го за…
May 22, 2024
449896b
pr(01-base-frontend-stages): изменено описание карт и резюме
May 23, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
35 changes: 13 additions & 22 deletions internship/01-base-frontend-stages.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,9 +2,10 @@

Требуется реализовать сайт из трех страниц с навигацией между ними, выложить его на GitHub Pages.

**Без использования** реактивных фреймворков (react, vue, etc.)
### Без использования каких либо библиотек, если такого не сказал ревьювер
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Может прописать в требованиях конкретный стек?
Довольно часто встречается самодеятельность при реализации. И ревьюерам будет проще отследить что можно, что нельзя

Suggested change
### Без использования каких либо библиотек, если такого не сказал ревьювер
### Без использования каких-либо библиотек, если такого не сказал ревьюер
Стек: JavaScript, HTML, CSS, Tailwind


Figma (нужно авторизоваться, чтобы видеть информацию об отступах и тд): [Ссылка](https://www.figma.com/file/gZwWzeyH4mUkt72XETyg0p/Web-develop-tasks)
Figma (нужно авторизоваться, чтобы видеть информацию об отступах и тд): [Ссылка](https://www.figma.com/file/gZwWzeyH4mUkt72XETyg0p/Web-develop-tasks).
Не обязательно повторять весь дизайн, можно полностью написать по своему, главное, чтобы было красиво
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

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


Страницы:

Expand All @@ -15,39 +16,29 @@ Figma (нужно авторизоваться, чтобы видеть инфо
Примерный вид сайта (актуальные макеты в Figma):
![Сайт](https://github.com/web-bee-ru/ru-test-assignments/blob/main/files/base-frontend-stages/main.png)

## Первый уровень
## Требования
**Кроме описанных требований, все остальное реализовывать не обязательно, на ваше усмотрение**

- Реализовать блок навигации между страницами сайта. Все три страницы должны содержать этот блок. Ссылка на текущую страницу должна быть выделена.
- Реализовать страницу "Резюме". Резюме может быть в свободной форме, но должно содержать фотографию, контакты и навыки.
- Страницы "Карта" и "Таймер" можно оставить пустыми (кроме блока навигации).
- Выложить сайт на Github Pages (а не просто на Github !!!).

Проверяемые навыки: знание html и css, работа с git
- Реализовать страницу "Резюме" (это первая страница, "Страница пользователя"). Резюме может быть в свободной форме, но должно содержать фотографию, контакты и навыки.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Может дописать, что резюме должно содержать минимум 2 блока, основной и дополнительный справа? Для того, чтобы посмотреть как они будут динамическую вёрстку реализовывать с блоками

Желательно описать именно свои навыки и добавить свою фотографию, также необходимо реализовать хотя бы 2 блока, основной и дополнительный сбоку.

## Второй уровень

- Реализовать все из первого уровня.
- Использовать для оформления всех страниц Bootstrap.
- Реализовать страницу "Карта". Там должна быть интерактивная карта, с маркером в месте проживания. Пока карта загружается, отображать анимированный прелоадер. Можно использовать карты яндекса, гугла и любые другие. **Запрещается** использовать `<iframe>` карты напрямую в html разметке, предполагается инициализация карты через js.
- Страницу "Таймер" можно оставить пустой (кроме блока навигации).
- Запрещается использовать любой конструктор карт, вы должны инициализировать карту через js с использованием API, которое предоставляет яндекс/гугл/иные (не используя `<iframe>` карты напрямую в html разметке).

Примерный вид карты:

- До загрузки:
![До](https://github.com/web-bee-ru/ru-test-assignments/blob/main/files/base-frontend-stages/map_loading.png)

- После загрузки:
![После](https://github.com/web-bee-ru/ru-test-assignments/blob/main/files/base-frontend-stages/map_loaded.png)

Проверяемые навыки: знание javascript, работа со сторонними библиотеками
- Реализовать страницу "Таймер". Таймер показывает сколько времени посетитель находится на сайте. Таймер не сбрасывается при переходе между страницами, но **сбрасывается когда вкладка закрывается и открывается заново (или при обновлении страницы)**.

## Третий уровень
Примерный вид таймера:
![Таймер](https://github.com/web-bee-ru/ru-test-assignments/blob/main/files/base-frontend-stages/timer.png)

- Реализовать все из первого и второго уровней.
- Предпочтительно использовать для оформления всех страниц Tailwind, но это не обязательно
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Почему именно Tailwind?

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Bootstrap устарел, но и Tailwind мы не используем, поэтому и написал, что не обязательно

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Tailwind ща самый популярный из таких тем, поэтому он

- Переходы между страницами сайта должны происходить без перезагрузки (single page application).
- Сайт должен работать в разных браузерах.
- Сайт должен адекватно отображаться на типичных разрешениях экрана (телефон, планшет, десктоп).
- Реализовать страницу "Таймер". Таймер показывает сколько времени посетитель находится на сайте. Таймер не сбрасывается при переходе между страницами, но сбрасывается когда вкладка закрывается и открывается заново (или при обновлении страницы).

Примерный вид таймера:
![Таймер](https://github.com/web-bee-ru/ru-test-assignments/blob/main/files/base-frontend-stages/timer.png)
- **Выложить сайт на Github Pages (а не просто на Github !!!)**. Желательно в описании проекта оставить ссылку на Github Pages.
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Некоторые челы выкладывают сайт на стороннем сервисе, может тут написать, о том, стоит или нет выкладывать на стороннем сервисе

Copy link
Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Пусть выкладывают, просто пейджы самый простой способ

Copy link

@IRaccoonI IRaccoonI May 27, 2024 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
- **Выложить сайт на Github Pages (а не просто на Github !!!)**. Желательно в описании проекта оставить ссылку на Github Pages.
- **Выложить сайт на Github Pages (а не просто на Github !!!)**. Желательно в описании проекта оставить ссылку на Github Pages.
- Для выполнения задания необходимо создать одну ветку main/master с одним стартовым коммитом (например, коммитом с пустым файлом README.md), затем от этой ветки создать ветку feature, в которой будет происходить разработка, и после этого создать pull request на GitHub с ветки feature на main/master. Pull request закрывать не нужно.

Может стоит добавить, что бы не дублировать в сообщениях из раза в раз