Skip to content

Instantly share code, notes, and snippets.

View shershen08's full-sized avatar

Mikhail Kuznetcov shershen08

View GitHub Profile
@shershen08
shershen08 / Apps.md
Created August 30, 2020 21:37
Frontend apps to build while learning

1.Email subscription form Features: Simple form validation, ajax request

  1. Pomodoro time counter Timeouts, add Material design UI

  2. Bookmarks Manager Features: Forms, arrays, list search, local storage

  3. Expenses calculation app

@shershen08
shershen08 / django+webpack.md
Created July 8, 2020 10:46
Примерная схема как настроить django+webpack

Примерная схема как настроить django+webpack

Есть 2 основных варианта

  1. собирать webpack-ом файлы как статику (простой)
  2. разделить фронтенд и бэкенд (сложнее)

Мы пока будем использовать 1-ый вариант и можно будет перейти на 2-ой после docker и spa. Но если вы сразу настроите 2-ой вариант будет супер

Это пример сложной настройки https://www.digitalocean.com/community/tutorials/how-to-build-a-modern-web-application-to-manage-customer-information-with-django-and-react-on-ubuntu-18-04-ru

@shershen08
shershen08 / index.html
Created June 19, 2020 07:16
VueJS v3 some features demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>
<body>
<!-- vue -->
@shershen08
shershen08 / svelte-course.md
Last active February 4, 2020 21:55
code demos with usefull aspects of Svelte
@shershen08
shershen08 / calendar-heatmap.html
Created January 30, 2020 17:24
Ams events heatmap
<!DOCTYPE html>
<html style="height: 100%">
<head>
<meta charset="utf-8">
</head>
<body style="height: 100%; margin: 0">
<div id="container" style="height: 100%"></div>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-gl/dist/echarts-gl.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts-stat/dist/ecStat.min.js"></script>
@shershen08
shershen08 / vuejs-reading-links.txt
Created January 15, 2020 17:41
материалы по Vuejs
1) Как вывести переменную message в HTML? К тегу добавить атрибут :value="message"
- message
- <message></message>
- {message}
+ {{message}}
2) Какой атрибут будет вызывать событие при клике на объект?
- <button v-click="change">Нажми меня</button>
- <button @click="{{change}}">ТеНажми менякст</button>
- <button v-on-click="change">Нажми меня</button>
@shershen08
shershen08 / queries.grapql
Last active May 19, 2020 10:18
sample quieries for GitHub GraphQL API
#1
query {
topic(name:"graphql") {
relatedTopics{
name
}
}
}
#2