This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang="ru"> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Картины, города и закаты</title> | |
<style> | |
body { | |
font-family: 'Courier New', Courier, monospace; | |
background: linear-gradient(135deg, #0f2027, #203a43, #2c5364); | |
color: #00ffe5; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang=""> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Методы промисов</title> | |
<style> | |
body { | |
font-family: 'Courier New', Courier, monospace; | |
background: linear-gradient(135deg, #0f2027, #203a43, #2c5364); | |
color: #00ffe5; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang=""> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Пример на коллбэки</title> | |
<style> | |
body { | |
font-family: 'Courier New', Courier, monospace; | |
background: linear-gradient(135deg, #0f2027, #203a43, #2c5364); | |
color: #00ffe5; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Выберите один публичный API из предоставленных списков. | |
Рекомендуется выбрать API, не требующий сложной авторизации (например, PokeAPI, OpenWeatherMap, Dog API, NASA APOD). | |
Бонус (по желанию): Используйте второй API для комбинации данных (например, API погоды + API геолокации). | |
Придумайте простую, но увлекательную концепцию для приложения. Примеры: | |
- Отображение случайной картинки дня из NASA API с описанием. | |
- Поиск и отображение информации о фильмах по ключевому слову (OMDB API). | |
- Генератор случайных фактов о животных (Cat Fact API, Dog API). | |
Используйте минималистичный, но приятный дизайн (например, стили в стиле примера с PokeAPI). |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang=""> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Расширенная работа с API и JSON</title> | |
<style> | |
body { | |
font-family: monospace; | |
background-color: #111; | |
color: #0ff; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang=""> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Сериализация массива объектов</title> | |
<style> | |
body { | |
font-family: monospace; | |
background-color: #111; | |
color: #0ff; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang=""> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Дуглас Крокфорд — создатель JSON</title> | |
<style> | |
body { | |
font-family: monospace; | |
background-color: #111; | |
color: #0ff; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang=""> | |
<head> | |
<meta charset="UTF-8" /> | |
<title>JSON to JavaScript Object</title> | |
<style> | |
body { | |
font-family: monospace; | |
font-size: 20pt; | |
white-space: pre-wrap; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html lang=""> | |
<head> | |
<meta charset="UTF-8"> | |
<title>Дуглас Крокфорд — создатель JSON</title> | |
<style> | |
body { | |
font-family: monospace; | |
background-color: #111; | |
color: #0ff; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Задача: Создать мини-приложение для отображения списка продуктов с возможностью фильтрации и добавления в корзину, | |
используя JavaScript и fetch API для взаимодействия с предоставленным серверным API (.NET). Приложение должно быть модульным, | |
с разделением логики на функции, чтобы подготовиться к компонентному подходу в React. | |
Описание: | |
- Используйте предоставленный серверный API (например, https://api.example.com/products), который возвращает список продуктов | |
в формате JSON (id, name, price, category) и принимает POST-запросы для добавления продукта в корзину. | |
- Реализуйте клиентскую часть на чистом JavaScript (без фреймворков), используя ES6+. | |
Приложение должно: |
NewerOlder