Antonio Solo

a изменения то сохраняете? кнопка внизу страницы.

Расскажите плиз о технологии, и чем развёрнутей, тем лучше.

Вот захотел ты сделать сайт SPA или PWA с любимой тебе вёрсткой на базе Twitter Bootstrap и любимой библиотеки Vue. Сверстал. Поповеры не появляются, дропдауны не выпадают, модалки не открыватся, формы не валидируются, клики не работают.

Оригинальный Twitter Bootstrap имеет поддержку интерактивных элементов на Javascript. Реализовано это на библиотеке jQuery. Если делаешь на Vue, придётся подключать ещё и jQuery, что лишняя библиотека на 100+ килобайт, что, конечно, не катастрофа (пока ты не на мобилке).

Vue работает с состояниями привязывает данные к отображению, а jQuery работает с DOM и событиями. Это вопрос производительности. Работа JQuery начитается когда загружен и распарсен JS и HTML. Работа Vue начинается в тот момент, когда загружен и распарсен JS, то есть чуть раньше. jQuery модифицирует DOM на лету, перестраивая текущий документ. Vue работает с shadow DOM, а затем подсовывает уже готовую интерактивную страницу в пустой документ, что быстрее (разница в секунды на десктопе, десятки секунд на м...).

Vue реализует компонентную парадигму. Куски страницы являются изолированными кусочками кода (HTML CSS JS), которые цепляются между собой динамически, а обмениваются данными через аттрибуты и события. Предположим, что вы решили следовать компонентной парадигме, тогда согласно вот такому примеру нужно будет увязать самостоятельно все интерактивные компоненты. Компонента-кнопка. Компонента-поле ввода. Компонента-форма. Компонента-контейнер. Получается около 50 компонент. Для некоторых надо будет написать логику на jQuery. Если посмотреть на код jQuery этих микрокомпонент, то он окажется несложный, его вполне можно переписать на Vue. Ну там класс заменить или клик отработать. Когда от кода jQuery не останется следа, его можно будет из проекта удалить.

И вот получается Bootstrap-Vue

На компоненты побили. От Jquery избавились. Написано в единой парадигме. Работает быстрее.

Добавляем тот факт, что в Vue можно не импортировать компоненты, которые не нужны (например, я не работаю с дропдаунами и модальным окнами) и код становится меньше, грузится быстрее, работает быстрее.

Так же будет Не лишним оценить технологию: плюсы, минусы, стоит ли вообще с этим работать ...

Это сам изучай и сравнивай. Навыки и опыт воздушно-капельным и через Internet не передаётся

Однозначно третий вариант. И уж точно не второй, так как он идёт вразрез со всеми принципами проектирования реляционных БД.

Есть ещё вариант использования EAV или не реляционной СУБД.

py2exe - www.py2exe.org
pyinstaller - https://github.com/pyinstaller/pyinstaller/wiki

И то и другое умеет интегрировать модули.
Мы обычно используем pyinstaller, поскольку собираем под винду и мак, там удобнее.

habrahabr.ru/post/104589

Только на основе собственного опыта подобных работ. Оценка - это целое искусство, ему учатся всю жизнь. Ну и желательно умножать эти часы на 1.5-2, потому что на деле так и выходит.

у вас порядок инициализации неправильный. разбейте лучше все по файлам

// i18n.js
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import english from '@/lang/english.js'
import russian from '@/lang/russian.js'

Vue.use(VueI18n)

let messages = {
    en : english,
    ru : russian,
}

export default new VueI18n({
    //locale: 'ru',
    locale: window.localStorage.Language || 'ru',

    fallbackLocale: 'ru',
    messages
})

// router.js
...
import i18n from '@/path/to/i18n.js'
...
{
    path: '/about',
    component: About,
    meta: { title: i18n.t('about') }
}

// main.js
import Vue from 'vue'
import App from './App'
import Vuetify from 'vuetify'
import router from './router'
import axios from 'axios'
import store from './store';
import i18n from '@/path/to/i18n.js'

Vue.config.productionTip = false

Vue.use(Vuetify)

Vue.axios = Vue.prototype.$http = axios.create({
    baseURL: 'http://localhost:5000/api'
})


/* eslint-disable no-new */
new Vue({
    el: '#app',
    i18n,
    router,
    store,
    components: { App },
    template: '<App/>',
    created() {
      this.$vuetify.theme.primary = '#01579B'
    }
})

Очень долго грузится страница, а когда, через ForeginKey выбираю из этого списка записи в select box'е, то страница вообще зависает.

Но даже правильный выбор варианта пагинации не решит всю проблему. Есть select box (html тег) в котором находится ~20k записей, и именно при работе с ним страница перестает отвечать. Это можно как-то оптимизировать?

raw_id_fields + list_per_page

Идти на стажировку за бесплатно

This. У вас будет реальный опыт и реальная бумажка, что вас хоть где-то потерпели.

неплохо в html, css (сверстано порядка 20 одностраничных макетов PSD)

Фигня.

сейчас учу основы JS (есть пара работ: todo, calculator, математическая игра с генерацией рандомных примеров)

Ничто.

Как бы вы поступили на моем месте?

Побежал бы на стажировку бегом.

P. S. А ещё я забыл пункт "целовать ноги тому, кто позвал на стажировку".

Конечно, предлагать.
Шансы начинающего фрилансера получить заказ исчезающе низки, чем больше разошлёте, тем больше повышается шанс.

Предлагать однозначно.

есть шанс что вас возьмут не в один проект(я знаю это редкость) и тогда что делать, если время ограничено.

Предложить не значит, что вы уже обязываетесь сделать работу.
Если времени на всех не хватает, то просто отказываетесь и всё. Говорите, что сейчас заняты на другом проекте. Абсолютно нормальная практика для работающих людей.