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 / task.txt
Last active May 12, 2025 18:09
ДЗ на создание класса в джаваскрипт
1. Почитать про систему прототипирования в JS:
https://learn.javascript.ru/function-prototype
https://learn.javascript.ru/native-prototypes
2. Выполнить первое или второе задание на выбор по ссылке: https://materials.itstep.org/content/4cff49e1-88fb-44a6-9b5d-f4ee836ef81c/ru
Использовать ключевое слово class, сделать три свойства и метод. В методе применить document.write() для генерации контента на странице.
Создать один или несколько объектов на основе класса, запустить метод, проверить что всё работает.
Ссылку на гист/репозиторий с решением прислать в комментарий к этому ДЗ.
@sunmeat
sunmeat / different files
Last active May 12, 2025 11:27
named export
// utils.jsx:
export function add(a, b) { return a + b; }
export function subtract(a, b) { return a - b; }
export const PI = 3.14;
// another file
import { add } from './utils'; // импортируем только add
import { add, subtract, PI } from './utils'; // импортируем всё
// именованные экспорты — лучший выбор по умолчанию.
@sunmeat
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
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
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
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
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
sunmeat / task.txt
Created May 10, 2025 10:33
завдання на структури
виконати одне з трьох завдань на вибір (або всі три за наявності бажання та вільного часу):
1. додати принаймні один користувацький структурний тип в фінальний проект, і мінімум 2 функції для роботи з цим типом.
2. Описати структурою касовий чек.
Передбачити функцію додавання інформації про товар (найменування, кількість, ціна за одиницю товару, знижка)
у чек, функцію друку чеку на екрані консолі.
3. Описати структуру Device. Написати програму обліку продажу комплектуючих. Вимоги:
- поля: тип пристрою, найменування, модель, бренд, термін гарантії, ціна, дата продажу
@sunmeat
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
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. Написать функцию, которая принимает минимальное и максимальное значения для диапазона и выводит только те числа из диапазона, которы