https://github.com/thedvlprs/test-assignment

📝 Задача “Рейтинг языков программирования”
https://github.com/thedvlprs/test-assignment

bootstrap-4 html-css-javascript jquery test-assignment

Last synced: 4 months ago
JSON representation

📝 Задача “Рейтинг языков программирования”

• Host: GitHub
• URL: https://github.com/thedvlprs/test-assignment
• Owner: thedvlprs
• Created: 2019-07-30T10:21:02.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2020-12-08T14:20:42.000Z (about 5 years ago)
• Last Synced: 2025-01-31T15:17:06.560Z (about 1 year ago)
• Topics: bootstrap-4, html-css-javascript, jquery, test-assignment
• Language: JavaScript
• Homepage: https://teksavyy.github.io/test-assignment/
• Size: 3.95 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# Задача “Рейтинг языков программирования”

## Описание

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![GitHub contributors](https://img.shields.io/github/contributors/Naereen/StrapDown.js.svg)](https://GitHub.com/Naereen/StrapDown.js/graphs/contributors/) [![Open Source Love png1](https://badges.frapsoft.com/os/v1/open-source.png?v=103)](https://github.com/ellerbrock/open-source-badges/) [![saythanks](https://img.shields.io/badge/say-thanks-ff69b4.svg)](https://saythanks.io/to/kennethreitz)

[![ForTheBadge built-with-love](http://ForTheBadge.com/images/badges/built-with-love.svg)](https://GitHub.com/Naereen/)

![](images/demo.gif)

Подготовить страницу со статистикой по языкам программирования.

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

“Направление разработки” (Front-end, Back-end, Mobile).

![](images/drop-down-list.png)

Мы можем выбрать только одно направление или оставить поле пустым.

После нажатия на кнопку “Загрузить”, должен быть отправлен GET запрос на сервер по url

https://frontend-test-api.alex93.now.sh/api/languages и передан параметр “group”

с возможными значениями frontend, backend, mobile в зависимости от того, что выбрал пользователь на странице.

Пример запроса для получения данных по backend направлению (можно просто кликнуть по ссылке).

https://frontend-test-api.alex93.now.sh/api/languages?group=backend

Результатом данного запроса будет JSON с данными, которые нужно вывести на страницу.

Пример результата работы программы:

![](images/drop-down-list-lang.png)

**Вам необходимо отобразить только те языки, у которых есть параметр logo.**

## Требования

* В проекте должны быть файлы index.html с разметкой, index.js с подключаемым кодом и styles.css со стилями

* Можно использовать современные возможности языка, без учета старых браузеров

* При реализации задачи можно использовать внешние библиотеки

## Будут оцениваться

* Структура кода, разделение на логические блоки, читаемость.

* Внешний вид страницы

## Материалы, которые могут пригодиться

* [Работа с DOM](https://learn.javascript.ru/document)

* [Работа с событиями](https://learn.javascript.ru/introduction-browser-events)

* [Получение данных с сервера](https://learn.javascript.ru/fetch)