Skip to content

Instantly share code, notes, and snippets.

View sunmeat's full-sized avatar
🐈
MEOW

Oleksandr Zahoruiko sunmeat

🐈
MEOW
View GitHub Profile
@sunmeat
sunmeat / index.html
Created April 26, 2025 15:33
апи плюс промисы
<!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;
@sunmeat
sunmeat / index.html
Created April 26, 2025 14:57
методы промисов
<!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;
@sunmeat
sunmeat / index.html
Created April 26, 2025 13:09
callbacks javascript example
<!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;
@sunmeat
sunmeat / task.txt
Created April 25, 2025 09:56
JSON+API hometask
Выберите один публичный API из предоставленных списков.
Рекомендуется выбрать API, не требующий сложной авторизации (например, PokeAPI, OpenWeatherMap, Dog API, NASA APOD).
Бонус (по желанию): Используйте второй API для комбинации данных (например, API погоды + API геолокации).
Придумайте простую, но увлекательную концепцию для приложения. Примеры:
- Отображение случайной картинки дня из NASA API с описанием.
- Поиск и отображение информации о фильмах по ключевому слову (OMDB API).
- Генератор случайных фактов о животных (Cat Fact API, Dog API).
Используйте минималистичный, но приятный дизайн (например, стили в стиле примера с PokeAPI).
@sunmeat
sunmeat / index.html
Created April 25, 2025 09:42
пример реальной работы с API и JSON (синхронный подход)
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<title>Расширенная работа с API и JSON</title>
<style>
body {
font-family: monospace;
background-color: #111;
color: #0ff;
@sunmeat
sunmeat / index.html
Created April 18, 2025 13:03
сериализация массива объектов javascript
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<title>Сериализация массива объектов</title>
<style>
body {
font-family: monospace;
background-color: #111;
color: #0ff;
@sunmeat
sunmeat / index.html
Created April 18, 2025 12:47
toJSON example
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<title>Дуглас Крокфорд — создатель JSON</title>
<style>
body {
font-family: monospace;
background-color: #111;
color: #0ff;
@sunmeat
sunmeat / index.html
Last active April 18, 2025 12:55
JSON.parse example
<!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;
@sunmeat
sunmeat / index.html
Last active April 18, 2025 12:54
JSON.stringify example
<!DOCTYPE html>
<html lang="">
<head>
<meta charset="UTF-8">
<title>Дуглас Крокфорд — создатель JSON</title>
<style>
body {
font-family: monospace;
background-color: #111;
color: #0ff;
@sunmeat
sunmeat / task.txt
Created April 17, 2025 12:48
экзаменационное задание по джаваскрипт
Задача: Создать мини-приложение для отображения списка продуктов с возможностью фильтрации и добавления в корзину,
используя JavaScript и fetch API для взаимодействия с предоставленным серверным API (.NET). Приложение должно быть модульным,
с разделением логики на функции, чтобы подготовиться к компонентному подходу в React.
Описание:
- Используйте предоставленный серверный API (например, https://api.example.com/products), который возвращает список продуктов
в формате JSON (id, name, price, category) и принимает POST-запросы для добавления продукта в корзину.
- Реализуйте клиентскую часть на чистом JavaScript (без фреймворков), используя ES6+.
Приложение должно: