Ruthenus’s gists

sunmeat / different files.jsx

Last active October 1, 2025 19:35

умовний рендеринг

	App.jsx:

	import React, { useState, useEffect } from 'react';
	import './App.css';

	function App() {
	const [isLoggedIn, setIsLoggedIn] = useState(false); // початковий стан авторизації
	const [isReady, setIsReady] = useState(false); // стан готовності компоненти

	// імітація завантаження даних, тут може бути прелоадер

sunmeat / different files

Last active September 17, 2025 22:35

робота з файлами через Node.js

	1. встановити node.js за посиланням https://nodejs.org/en

	2. виконати такі команди в терміналі git bash:
	cd C:/Users/Alex/Desktop
	mkdir file-server
	cd file-server
	npm init -y
	npm install express multer
	mkdir public
	mkdir uploads

sunmeat / index.html

Last active September 17, 2025 22:20

робота з файлами HTML5 Files API

	<!DOCTYPE html>
	<html lang="uk">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Робота з файлами</title>
	<style>
	body {
	font-family: Arial, sans-serif;
	max-width: 800px;

sunmeat / index.html

Last active September 17, 2025 22:04

MovieDB API js example with Axios + OOP

	<!DOCTYPE html>
	<html lang="uk">
	<head>
	<meta charset="UTF-8">
	<title>Найкращі фільми (Axios + OOP)</title>
	<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
	<style>
	body {
	font-family: Arial, sans-serif;
	background-color: #121212;

sunmeat / different files

Last active September 17, 2025 22:42

додавання рядків до таблиці MySQL + POST / GET

	http://sunmeat.atwebpages.com/js/post_get.html:

	<!DOCTYPE html>
	<html lang="uk">
	<head>
	<meta charset="UTF-8">
	<title>Відправка запиту на PHP файл</title>
	<style>
	body {
	font-family: Arial, sans-serif;

sunmeat / index.html

Last active September 17, 2025 21:46

відправка даних форми методом POST fetch API + валідація елементів форми

	<!DOCTYPE html>
	<html lang="uk">
	<head>
	<meta charset="UTF-8">
	<title>Надсилання даних форми fetch API + валідація</title>
	<style>
	body {
	font-family: Arial, sans-serif;
	background-color: #121212;
	color: #ffffff;

sunmeat / index.html

Last active September 16, 2025 21:22

async await замість промісів

	<!DOCTYPE html>
	<html lang="uk">
	<head>
	<meta charset="UTF-8">
	<title>async await замість промісів</title>
	<style>
	body {
	font-family: 'Courier New', Courier, monospace;
	background: linear-gradient(135deg, #0f2027, #203a43, #2c5364);
	color: #00ffe5;

sunmeat / index.html

Last active September 16, 2025 20:43

комбінування мережевих запитів на промісах

	<!DOCTYPE html>
	<html lang="uk">
	<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 / index.html

Last active September 7, 2025 13:57

алхімік

	<html lang="uk">
	<head>
	<meta charset="UTF-8">
	<style>
	.sp {
	position: absolute;
	cursor: pointer;
	background-color: greenyellow;
	border: 3px solid greenyellow;
	border-radius: 10px;

sunmeat / index.html

Last active September 7, 2025 14:46

15 javascript