Skip to content

Instantly share code, notes, and snippets.

Avatar

Mikhail Kuznetcov shershen08

View GitHub Profile
@shershen08
shershen08 / static-forum-header.html
Created Nov 12, 2020
static forum header markup
View static-forum-header.html
<header class="header" id="header">
<a href="#">
<img src="../assets/img/vueschool-logo.svg">
</a>
<div class="btn-hamburger">
<!-- use .btn-humburger-active to open the menu -->
<div class="top bar"></div>
<div class="middle bar"></div>
<div class="bottom bar"></div>
View post-static.html
<div class="col-large push-top">
<h1></h1>
<div class="post-list">
<div class="post">
<div class="user-info">
<a href="#" class="user-name"></a>
<a href="#">
<img class="avatar-large" src="" alt="">
@shershen08
shershen08 / compoent-setup-function.js
Created Oct 29, 2020
vuex4 + filtering stuff in component
View compoent-setup-function.js
setup(props) {
const store = useStore()
const user = computed(() => {
return store.getters.authUser
})
const posts = computed(() => {
return store.getters.posts
@shershen08
shershen08 / extensions.txt
Created Oct 15, 2020
dev chrome extensions I use
View extensions.txt
Apollo Client Developer Tools <----- Apollo
Cookie Editor
JSON Formatter
Redux DevTools <----- react
OctoLinker <------ fast github navigation
Dimensions - check css and apply images for pp
Vue.js devtools
WebSocket King Client
Postman Interceptor
Sight - another The Syntax Highlighter
@shershen08
shershen08 / Apps.md
Created Aug 30, 2020
Frontend apps to build while learning
View Apps.md

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 Jul 8, 2020
Примерная схема как настроить django+webpack
View django+webpack.md

Примерная схема как настроить 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 Jun 19, 2020
VueJS v3 some features demo
View index.html
<!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 -->
You can’t perform that action at this time.