Skip to content

Instantly share code, notes, and snippets.

View OlehRovenskyi's full-sized avatar

Oleh Rovenskyi OlehRovenskyi

4 followers · 0 following
View GitHub Profile
@OlehRovenskyi
OlehRovenskyi / db.json
Created September 11, 2021 15:50
{
"todos": [
{
"id": 1,
"title": "buy bread",
"completed": true
},
{
"id": 2,
"title": "buy milk",
@OlehRovenskyi
OlehRovenskyi / examples.js
Last active August 12, 2017 20:47
GOF Patterns
// ---- Module ----
// есть проблема в том что все свойства типа public, нет инкапсуляции
var counter = {
counter: 0,
incrementCounter: function () {
return ++this.counter;
},
resetCounter: function () {
return this.counter = 0;
}
@OlehRovenskyi
OlehRovenskyi / es6.js
Created August 6, 2017 13:25
JavaScript2015
// ---- let const ----
const a = 5;
let b = 10;
if (true) {
let a = 1;
let b = 2;
const c = 3;
console.log(a, b); // 1 2
@OlehRovenskyi
OlehRovenskyi / index.html
Last active July 31, 2017 17:52
jQuery events
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div class="info">
Size page: <p class="info__size-page"></p>
Date: <p class="info__date"></p>
@OlehRovenskyi
OlehRovenskyi / ajax.js
Last active July 23, 2017 18:08
ajax
// -------------- XMLHttpRequest --------------
// 1. Создаём новый объект XMLHttpRequest
var xhr = new XMLHttpRequest();
// 2. Конфигурируем его: GET-запрос на URL 'data.json' - синхронная обработка
xhr.open('GET', 'data.json', false);
// 3. Отсылаем запрос
xhr.send();
@OlehRovenskyi
OlehRovenskyi / clock.js
Last active August 1, 2017 15:33
function Clock() {
this.start = function () {
setInterval(this.render.bind(this), 1000);
}
}
Clock.prototype.getTime = function () {
return new Date();
}
Clock.prototype.render = function () {
console.log(this.getTime().getMinutes() + ":" + this.getTime().getSeconds());
@OlehRovenskyi
OlehRovenskyi / oop.js
Created July 5, 2017 11:08
OOP
// this
// 1. Шаблон вызова функции
var sum = function(a, b) {
console.log(this); // window
return a + b;
}
console.log(sum(1, 2));
// исправим контекст вызова и перейдем к OOP
@OlehRovenskyi
OlehRovenskyi / index.html
Created June 28, 2017 11:11
dom manipulation
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div id="dom"></div>
<script src="main.js"></script>
@OlehRovenskyi
OlehRovenskyi / event-loop.js
Created June 28, 2017 11:08
event loop examples
function multiply(a, b) {
return a * b;
};
function square(n) {
return multiply(n, n)
};
function printSquare(n) {
var squared = square(n);
@OlehRovenskyi
OlehRovenskyi / index.html
Last active June 26, 2017 20:00
events-closure
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
form, form p, form div {
margin: 10px;
border: 1px solid blue;
}