Merge pull request #4 from atls-academy/feat/landing-steps

Feat/landing steps

tasks/graphql.md

@@ -0,0 +1,11 @@
+## Цель
+
+Ознакомиться с **GraphQL**, инструментом коммуникации между front-end и back-end.
+
+### План
+- [ ] Коммуникация с сервером - как и с помощью чего [(MDN 1)](https://developer.mozilla.org/ru/docs/Learn/Server-side/First_steps/Introduction) [(MDN 2)](https://developer.mozilla.org/ru/docs/Learn/Server-side/First_steps/Client-Server_overview) [(github RU, до "Веб-сервер")](https://amiskov.github.io/frontend-handbook/web/#что-происходит-при-http-запросе)
+- Факультативно: покидать REST API запросы к [Star Wars API](https://swapi.dev) с помощью [`curl`](https://www.baeldung.com/curl-rest)
+- [ ] [**REST**](https://habr.com/ru/articles/483202/) и [**GraphQL**](https://graphql.org/learn/): сходства и различия [(aws.amazon.com RU)](https://aws.amazon.com/ru/compare/the-difference-between-graphql-and-rest/) [(habr RU)](https://habr.com/ru/companies/rshb/articles/593115/)
+- [ ] Виды запросов/операций (`query`, `mutation`, `subscription`) [(ресурс RU)](https://senior.ua/articles/rest-api-vs-graphql-chto-vybrat-dlya-konkretnogo-proekta) [(hexlet RU)](https://ru.hexlet.io/blog/posts/chto-takoe-graphql-s-osnov-do-pervyh-zaprosov#kak-rabotat-s-serverom-graphql)
+- [ ] Схема **GraphQL**: формирование запросов ([оф. документация EN](https://graphql.org/learn/schema/))
+- [ ] [`Apollo Client`](https://www.apollographql.com/docs/): наш инструмент коммуникации с сервером. [(habr RU)](https://habr.com/ru/articles/358292/), [(видео EN)](https://www.youtube.com/watch?v=YyUWW04HwKY)

tasks/landing/2.md

@@ -0,0 +1,6 @@
+### Задача
+Реализация этапа учебного проекта на базе проекта Академии
+
+### Материалы для работы
+- [Дизайн](https://www.figma.com/file/SHoss54mn2SZLnI0e3OiJj/Practice?type=design&node-id=2034-1318)
+- [Библиотека компонентов](https://github.com/atls/hyperion)

tasks/landing/3.md

@@ -0,0 +1,6 @@
+### Задача
+Реализация этапа учебного проекта на базе проекта Академии
+
+### Материалы для работы
+- [Дизайн](https://www.figma.com/file/SHoss54mn2SZLnI0e3OiJj/Practice?type=design&node-id=2068-2487)
+- [Библиотека компонентов](https://github.com/atls/hyperion)

tasks/landing/4.md

@@ -0,0 +1,6 @@
+### Задача
+Реализация этапа учебного проекта на базе проекта Академии
+
+### Материалы для работы
+- [Дизайн](https://www.figma.com/file/SHoss54mn2SZLnI0e3OiJj/Practice?type=design&node-id=2068-2488)
+- [Библиотека компонентов](https://github.com/atls/hyperion)

tasks/landing/5.md

@@ -0,0 +1,12 @@
+### Задача
+Реализация пятого этапа учебного проекта на базе проекта Академии
+
+### Материалы для работы
+- [Дизайн](https://www.figma.com/file/SHoss54mn2SZLnI0e3OiJj/Practice?node-id=2068%3A2489&mode=dev)
+- [Инструменты](https://github.com/atls/tools)
+- [Библиотека компонентов](https://github.com/atls/hyperion)
+
+### Реализованные проекты
+- [Лендинг](https://github.com/torin-asakura/dream-team)
+- [Многостраничный сайт](https://github.com/torin-asakura/misik)
+- [Предоставление услуг и каталог](https://github.com/torin-asakura/shdvor)

tasks/landing/6.md

@@ -0,0 +1,12 @@
+### Задача
+Реализация шестого этапа учебного проекта на базе проекта Академии
+
+### Материалы для работы
+- [Дизайн](https://www.figma.com/file/SHoss54mn2SZLnI0e3OiJj/Practice?type=design&node-id=2068-2490&mode=design&t=dL8P564nVUcX1yFh-0)
+- [Инструменты](https://github.com/atls/tools)
+- [Библиотека компонентов](https://github.com/atls/hyperion)
+
+### Реализованные проекты
+- [Лендинг](https://github.com/torin-asakura/dream-team)
+- [Многостраничный сайт](https://github.com/torin-asakura/misik)
+- [Предоставление услуг и каталог](https://github.com/torin-asakura/shdvor)