sunmeat’s gists

sunmeat / App.jsx

Created May 10, 2025 13:59

props simple example

	import React from 'react'
	import './App.css'

	function MyButton(props) {
	return (
	<button style={{ backgroundColor: props.color }}>
	Нажми меня
	</button>
	);
	}

sunmeat / App.jsx

Created May 10, 2025 13:55

state simple example

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

	const getRandomColor = () => {
	const letters = '0123456789ABCDEF';
	let color = '#';
	for (let i = 0; i < 6; i++) {
	color += letters[Math.floor(Math.random() * 16)];
	}
	return color;

sunmeat / App.jsx

Created May 10, 2025 13:45

component composition example

	import React from 'react'
	import './App.css'

	function MyButton() {
	return <button>Hello</button>
	}

	function BorderedButton() {
	return (
	<div className="bordered">

sunmeat / App.jsx

Created May 10, 2025 13:37

first class component

	import React, {useState} from 'react'
	import reactLogo from './assets/react.svg'
	import viteLogo from '/vite.svg'
	import './App.css'


	function MyButton() {
	return <button>Hello</button>
	}

sunmeat / App.jsx

Created May 10, 2025 13:29

very first functional component

	import {useState} from 'react'
	import reactLogo from './assets/react.svg'
	import viteLogo from '/vite.svg'
	import './App.css'

	function MyButton() {
	return <button>Hello</button>
	}

	function App() {

sunmeat / task.txt

Created May 10, 2025 10:33

завдання на структури

	виконати одне з трьох завдань на вибір (або всі три за наявності бажання та вільного часу):

	1. додати принаймні один користувацький структурний тип в фінальний проект, і мінімум 2 функції для роботи з цим типом.

	2. Описати структурою касовий чек.
	Передбачити функцію додавання інформації про товар (найменування, кількість, ціна за одиницю товару, знижка)
	у чек, функцію друку чеку на екрані консолі.

	3. Описати структуру Device. Написати програму обліку продажу комплектуючих. Вимоги:
	- поля: тип пристрою, найменування, модель, бренд, термін гарантії, ціна, дата продажу

sunmeat / task.txt

Created May 9, 2025 17:55

задание на строки, массивы и объекты

	выполнить любые 5 заданий по ссылкам:
	https://materials.itstep.org/content/e45104bc-ef00-4330-9c29-e680c21f3ae5/ru

	https://materials.itstep.org/content/7f220865-64f4-4f53-9d53-59fd15799f06/ru

	https://materials.itstep.org/content/42682aa3-de6e-4c69-89ce-fc910c675b9f/ru

	https://materials.itstep.org/content/90192eca-7223-4677-878d-2004c0cbafe9/ru

	https://materials.itstep.org/content/dd30b039-7405-4bce-a02b-ca70ee3619df/ru

sunmeat / task.txt

Last active May 7, 2025 18:10

задания на функции в джаваскрипт

	на выбор есть 20 заданий, необходимо выполнить любые 5 из них.
	очень желательно разобраться со spread, rest, closure, arrow functions, function expressions и по возможности показать это в решениях.

	1. Написать функцию, которая принимает 2 числа и возвращает -1, если первое меньше чем второе, 1 — если первое больше чем второе и 0 — если числа равны.
	2. Написать функцию, которая вычисляет факториал переданного ей числа.
	3. Написать функцию, которая принимает три отдельные цифры и превращает их в одно число. Например: цифры 1, 4, 9 превратятся в число 149.
	4. Написать функцию, которая принимает длину и ширину прямоугольника и вычисляет его площадь. Если в функцию передали 1 параметр, то она вычисляет площадь квадрата.
	5. Написать функцию, которая проверяет является ли переданное ей число совершенным. Совершенное число — это число, равное сумме всех своих собственных делителей.
	6. Написать функцию, которая принимает минимальное и максимальное значения для диапазона и выводит только те числа из диапазона, которы

sunmeat / task.txt

Created May 5, 2025 18:07

DZ1 javascript

	по ссылке https://materials.itstep.org/content/b1ba8670-bd9d-4e6a-8269-2da56007b404/uk
	10 заданий на переменные

	а по этой ссылке https://materials.itstep.org/content/1134e0d4-78e0-47be-a70d-53d833c1009c/uk
	ещё 10 заданий на переменные

	ДЗ состоит в том, чтобы установить вебшторм (или любую другую подходящую ИДЕ),
	научиться создавать проект (хтмл страницу с отдельным файлом скрипта / элементом <script>,
	сделать 5 любых заданий из 20 доступных по ссылкам выше,
	привыкнуть к запуску и просмотру страницы в браузере,

sunmeat / index.html

Created May 5, 2025 17:56

привет!

	<!doctype html>
	<html class="no-js" lang="">

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title></title>
	<link rel="stylesheet" href="css/style.css">
	<link rel="icon" href="/favicon.ico" sizes="any">
	<link rel="icon" href="/icon.svg" type="image/svg+xml">

Oleksandr Zahoruiko sunmeat