Задать вопрос

FullStack Alex

Веб-разработчик, электрик, кочевник
Ответы

  • Почему не выполняется docker-compose?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    Пришлось сдать свой Macbook с intel x86-64 в ремонт на неделю и поэтому и повозится с М1 Macbook. Из всех контейнеров у меня тоже не стартовал лишь Mysql так как их default images не разработанны для ARM процессоров. Но с --platform linux/amd64 всё заработало:

    services:
  db:
    platform: linux/amd64
    Ответ написан
    Комментировать
    Комментировать

  • Что нужно знать для backend разработки?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    Бэкенд разделяется как минимум на четыре части:
    - язык для программирования приложения
    - администрация базы данных
    - администрация сервера и операционной системы
    - DevOps

    Языки для программирования приложения:
    - JavaScript + Node.js/Express.js любимчик хипстеров и стартапов: так как у вас или как минимум у меня нет конкретных представлений о том что вы хотите не нужно далеко идти. Знания Node.js поможет вам и с фронтондом, так как Webpack работает с Express.js а индивидуальная настройка Webpack огромный pain in the ass и с поиском работы среди хипстерских компаний.
    - PHP/Symfony. PHP - любимчик пролетариата - всегда хороший выбор. Язык написан как и JavaScript специально для вэб-приложений. Маленькие проекты реализуются очень быстро благодаря отсутствию каких либо рамок со стороны языка. От сюда же и плохая репутация этого языка так как очень много (с точки зрения ООП архитектуры) не грамотно созданных проектов на PHP, среди которых самый известный это WordPress. Но PHP полноценный язык программирования и нет больших объективных поводов поливать его грязью как это любят делать сектанты JavaScript, Java, Ruby, Python итп (хотя и каждый из этих языков поливается грязью сектантами других языков). Фреймворк для enterprise level: Symfony + Doctrine ( ужасное дерьмо, нужно только реально для enterprise level - для личных проектов Doctrine лучше избегать и использовать PDO). Практически все популярные eCommerce системы написаны на PHP (WooCommerce, Magento, Shopify, Shopware). Ну а про WordPress вообще говорить нечего. 35% сайтов работают с WordPress. WordPress с технологической точки зрения не самый лучший Framework, но так как самый популярный среди пользователей, то экспертиза в этой сфере всегда поможет вам с работой на фрилансе. Хотя пользователи WordPress в среднем не самые платежеспособные клиенты. Но есть (где то) и клиенты которые готовы платить десятки тысяч долларов за проект на основе WordPress.
    - Java/Spring - любимчик корпораций: практически все индивидуальные разработки больших корпораций делаются на Java (если не учитывать языки Microsoft). Популярный fullstack генератор для проектов на Java: JHipster. Сектанты Java ненавидят всех и являются главным источником шитстормов против всех остальных языков. По крайней мере мне так кажется. Одно из больших преимуществ Java: можно писать приложения как для вэба, так и для мобайл и десктопа.
    - Kotlin - язык программирования от русской компании JetBrains который должен в длительной перспективе заменить Java для Android, из-за каких то разногласий между Google и Oracle. Kotlin был развит на основе Java и на сколько я знаю можно всё что написано на Java (как то) использовать с Котлин. Котлин любят все как мне кажется. Ребята от JetBrains знают на генетическом уровне что нужно разработчику. По крайней мере мне так кажется когда работаю с их продуктами (PhpStorm/WebStorm + DataGrip).
    - Python/Django: супер универсальный язык который популярен как для разработки веб-приложений так и в научной сфере и сфере искусственного интеллекта. Говорят его так же легко выучить как и PHP. От сюда же наверное и шитстормы в его сторону, хотя конечно их меньше чем в сторону PHP. Язык так же популярен среди хакеров и является главным языком для программирования crawler ботов. YouTube написан на Python
    - Ruby (on Rails): ничего не знаю об этом языке/фрэймворке кроме того что относительно много компаний среднего уровня его используют.
    - C/C++: веб-фреймворков для этих языков практически нет. Но это самые быстрые языки из всех перечисленных. Эти языки используются для всего где скорость играет большую роль (видео обработка например). JavaScript, все программы от Adobe CC, а также Ableton Live написаны на C++. Linux Kernel и PHP написаны на C. Также это главные языки для электроприборов/микроконтроллеров и поэтому в сфере IoT. Возможно эти языки начнут также играть большую роль во фронтенд!!! благодаря WebAssembly, что делает (теоретически) возможным переносить такие программы как Photoshop, Illustrator, Premiere Pro, After Effects, Ableton Live или же игры как Counter Strike полностью в броузер. 
Если бы я начинал учить новый бэкенд язык я бы начал с C/C++.
    Ответ написан
    Комментировать
    Комментировать

  • Как правильно тестировать роуты во VueJS?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    Потерял вчера целый день пытаясь решить эту казалось бы простую проблему.
    Но как в итоге выяснил Vue-Test-Utils не предусматривает изменения во vue-router:

    Dealing with Routing
    Since routing by definition has to do with the overall structure of the application and involves multiple components, it is best tested via integration or end-to-end tests. For individual components that rely on vue-router features, you can mock them using the techniques mentioned above.


    Поэтому для подобной задачи нужно использовать E2E testing tools как Puppeteer, TestCafe и Cyprus. Или же (что я сейчас пока лишь пробую, но может сегодня более подробно описать смогу) не использовать vue-test-utils wrapper а использовать реальную Vue rendered app.

    Update:
    Ок, решил проблему.
    Vue-Test-Utils нельзя использовать из-за createLocalVue() и mount(), так как обе функции не дают возможность использовать для создания Vue инстанции "Full UMD bundler" .

    Vue-Test-Utils сделан для максимальной изоляции компоненты. Хотя добавить FULL UMD поддержку казалось бы не такая уж и большая задача, но увы.

    Поэтому нужно как уже и писал обходится без vue-test-utils. А так как я ненавижу Facebook - я принципиально не использую Jest, Yarn, React итп (по крайней мере в личных проектах), а использую Mocha + Chai + Sinon + jsdom, но принцип один и тот же, да и синтаксис практически такой же:

    import chai from "chai";
const expect = chai.expect;
const should = chai.should();

import App from '~/testing-router-without-wrapper/App.vue';

import VueRouter from 'vue-router';
import router from '~/testing-router-without-wrapper/router.js';

//https://github.com/vuejs/vue-router/issues/713
import Vue from "vue/dist/vue.js";
Vue.use(VueRouter);

//jsdom создаст HTML документ но так как я в своём app ссылаюсь везде на #app в функции app container, нужно создать соответсвующий элемент:
let element = document.createElement("div");
element.id = "app";
const myApp = new Vue({
    el: element,
    router,
    render: h => h(App),
    components: {App},
});

describe('Testing App.vue with Route 1', () => {

    it('Title of Home component is true', () => {
        console.log( "myApp.$el.innerHTML", myApp.$el.innerHTML );
        expect(myApp.$el.innerHTML.includes('<h1 id="title">Home Title</h1>')).to.be.true;
    });

    it('Pushing Route1 and checking title of Route1 component is true', done => {
        myApp.$router.push('/route1');
        setTimeout(()=>{
            console.log( "myApp.$el.innerHTML", myApp.$el.innerHTML );
            expect(myApp.$el.innerHTML.includes('<h1 id="title">Route 1 Title</h1>')).to.be.true;
            done();
        },1000);

    });
});
    Ответ написан
    Комментировать
    Комментировать

  • Как исправить ошибку SyntaxError: Unexpected token { в модульных тестах?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    У меня это ошибка возникла в связи с TweenLite от GSAP. Проблема в том, что тесты производятся в Node.js environment и Node.js не поддерживает ES6 Modules и export. Поэтому весь используемый код должен быть по стандарту ES5.

    Решение проблемы:
    - писать/использовать код по ES5
    - или же если вы используете Babel, тогда нужно в Webpack конфигурации указать какие папки нужно должен обрабатывать:

    webpack.test.js
    const merge = require('webpack-merge');
const dev = require('./webpack.dev.js');
const path = require('path');

module.exports =
    merge(dev, {

        module: {
            rules: [
                {
                    test: /\.js$/,
                    loader: 'babel-loader',
                    exclude: /node_modules/,
                    //или же вместо exclude наоборот указать какие папки использовать:
                    include: [
                         path.resolve(__dirname, 'src'),
                         path.resolve(__dirname, 'test'),
                         path.resolve(__dirname, 'node_modules/gsap')
                    ],
                    options: {
                        presets: ['@babel/preset-env'],
                        plugins: [
                            '@babel/plugin-transform-runtime',
                            '@babel/plugin-proposal-object-rest-spread',
                            '@babel/plugin-syntax-dynamic-import',
                            'transform-es2015-arrow-functions'
                        ]
                    }
                },
            ]
        },
    });
    Ответ написан
    Комментировать
    Комментировать

  • Почему не работает переход по ссылке в edge (vue.js)?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    Если проблема связана с JavaScript a не с CSS (если например какой то элемент накрывает часть кнопки), то возможно нужно просто расширить "радиус" Babel.
    https://webpack.js.org/loaders/babel-loader/
    https://cli.vuejs.org/config/#babel

    Мой "native" (то есть без vue-cli) webpack.common.js :

    module.exports = {
    entry: {},
    resolve: {
        alias: { },
        extensions: []
    },
    plugins: [ ],
    module: {
        rules: [
            {
                test: /\.js$/,
                loader: 'babel-loader',
                exclude: /node_modules/,
                options: {
                    presets: ['@babel/preset-env'],
                    plugins: [
                        '@babel/plugin-proposal-object-rest-spread',
                        '@babel/plugin-syntax-dynamic-import',
                        'transform-es2015-arrow-functions'
                    ]
                }
            },
        ]
    }
};
    Ответ написан
    Комментировать
    Комментировать

  • Можно ли средствами php инициализировать создание страницы в nuxt.js?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    Не разбираюсь в modx и не до конца понял вопрос но сделал совсем недавно решение (как кажется) похожей проблемы с WordPress без nuxt.js:
    https://wue-theme.app
    https://github.com/Tech-Nomad/wue-theme

    Nuxt.js годен только для Headless CMS. CMS в таком случае действует лишь как REST API. Но то что вы хотите, так как я понимаю это не headless. Поэтому вам прийдётся избавится от Nuxt.js и внедрить Dynamic Rendering в комбинации с предоставлением данных через PHP при первой загрузке приложения. Тогда нужно будет "просто" синхронизировать routes modx вместе с routes от vue-router и никакого создания Vue файлов на сервере не нужно.
    Ответ написан
    Комментировать
    Комментировать

  • Как инициализировать приложение, когда загружены данные по API?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    Не совсем понимаю как работает первая часть main.js и зачем v-if="false", но по ходу нужно просто инициализировать внутри callback then:

    ApiService.init()

if (JwtService.getToken()) {
  ApiService.setHeader()
  ApiService.mount401Interceptor()
  store
    .dispatch('auth/checkAuth')
    .then(() => {
      store.dispatch('project/getProjectById', router.app.$route.params.projectId)

      new Vue({
          router,
          store,
          render: h => h(App)
      }).$mount('#app')

    })
}
    Ответ написан
    Комментировать
    Комментировать

  • Возможно ли во Vue компоненте подключить какой-либо компонент из родительского?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    Вместо имени компоненты просто передавайте саму компоненту. Соответственно компонента должна быть импортирована в родительской Аpp. В своих приложениях я передаю компоненты через Vuex но с props думаю тоже должно также сработать.

    Только вместо components нужно будет в data декларировать динамичную компоненту. Вот простой пример:
    https://codesandbox.io/s/vue-template-ifw07
    Ответ написан
    1 комментарий
    1 комментарий

  • Правда ли что рынок веб разработки "перегрет"?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    Не знаю как в России/СНГ - может тут из-за санкций и колониального режима (инвестиции лишь в эксплуатацию природных ресурсов а прибыль большого капитала как и рессурсы вывозится зарубеж или просирается на роскошь) с рынком IT не очень. Но на западе зарплаты специалистам растут и растут.

    Во вторых люди умеющие трудится и учится и понимающие источники прибыли в рыночной экономики ( = эксплуатация природных ресурсов и рабочий силы) смогут всегда найти хороший заработок.

    В этой системе хищников нужно быть лучшим чтобы НОРМАЛЬНО жить и лучшем из лучших чтобы заработать минимальный капитал. А большой капитал уже никак не связан с какими то там IT Skills.
    Ответ написан
    Комментировать
    Комментировать

  • Какой это лайтбокс для Wordpress?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    Судя по классу rev_slider_wrapper это Revolution Slider:
    https://revolution.themepunch.com
    Ответ написан
    3 комментария
    3 комментария

  • Как синхронизируются с сервером такие приложения как Whatsapp, Viber и т.д.?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    Не знаю как WhatsApp это делает, но если бы я что то вроде WhatsApp захотел бы создать, то использовал бы WebSocket.
    https://en.wikipedia.org/wiki/WebSocket
    https://hackernoon.com/how-to-build-your-own-real-...
    Ответ написан
    Комментировать
    Комментировать

  • Как увеличить скорость в pagespeed для мобилки?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    По моему опыту главные киллеры скорости сайта это shared hosting и куча плагинов (WordPress/WooCommerce). Первое что я делаю для оптимизации это переезд на VPS (DigitalOcean) и установка Caching системы для снижения server response time. Этим большая часть оптимизации в большей части случаев уже и завершена (подъём как минимум на 30-40 а то и 50 баллов на мобайл).
    Ответ написан
    Комментировать
    Комментировать

  • Что почитать по архитектуре Vue-приложения?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    Я лично не назвал бы себя особо большым спецом. Но написал уже пару приложений от и до с Vue.js и так получилось что создал насколько я знаю первую полноценную plug and play тему для WordPress (то есть без Node.js SSR но при этом с полной SEO поддержкой, таким образом пользователь может её просто установить как обычную тему на своём сайте и использовать без каких либо дополнительных работ над кодом сайта, что на данный момент при остальных существующих концептах для WordPress в сфере Vue.js не возможно).

    При самообучении (главным образом 22-ух часовый курс от Maximilian Schwarzmüller на Udemy.com) я не натыкался на серьёзные ресурсы с углублённым обсуждением архитектуры Vue.js приложений. Наверное те кто в этом шпарит не сидят особо на тостере или stackoverflow :) По этому я лично просто подстраивал архитектуру своих приложений под endpoints данного Backend (Symfony 4 и WordPress). Для WordPress я просто организую компоненты как я бы организовал обыкновенную тему для WordPress:
    post.php ---> src/components/main/single/post.vue
    index.php ---> src/components/main/lists/posts.vue
    front-page.php ---> src/components/main/pages/home.vue
    page.php ---> src/components/main/single/page.vue
    archive-{custom-post-type}.php ----> src/components/main/lists/{custom-post-type}-posts.vue

    Сайт я делю на части Main, Header, Footer, (Sidebar, если навигация не в Header,) и Modals. (Глобальная) Коммуникация между ними происходит через Vuex модули. А Vue-Router обрабатывает HTTP запросы, используя при этом Axios.

    Обширные и многочисленные методы и hooks (activated, mounted, etc) одной компоненты пытаюсь насколько можно переносить в Mixins и делать их универсальными для использования в других компонентах чтобы держать script tag максимально чистым (когда ищешь ошибки, 200-400 строчек скрипта и 10 разных между собой связанных методов могут стать огромным pain in the ass).

    Совсем недавно натолкнулся на этого парня, которого пару статей и сайт мне понравились:
    https://markus.oberlehner.net/
    Возможно уже в его обширных статьях вы найдёте кучу нужной информации. В добавок он собирается как раз на эту тему выпускать книгу и тут можно на его newsletter подписаться (я подписался и пока никакого спама, только по теме):
    https://oberlehner.us20.list-manage.com/subscribe?...

    А вот куча интересных ссылок которые получаешь при первых же результатах поиска "Vue.js аrchitecture" (то есть без гарантий с моей стороны):
    https://v1.vuejs.org/guide/application.html
    https://learn-vuejs.github.io/vue-patterns/useful-...
    https://itnext.io/how-to-structure-a-vue-js-projec...
    https://dev.to/maxpou/3-tips-for-scaling-large-vue...

    В этой книге есть часть под названием "Large Application Patterns with Vuex":
    https://www.amazon.de/dp/B01N6VAO4P

    Эта книга тоже кажется интересная, более 200 страниц посвящены Vuex и Vue-Router:
    https://www.amazon.de/Fullstack-Vue-Complete-Guide...

    Ну и последним самые авторитетные ресурсы на эту и похожие темы с VueConf Talks:
    https://www.vuemastery.com/conferences/vuejs-amste...
    https://www.vuemastery.com/conferences/vueconf-tor...
    https://www.vuemastery.com/conferences/vueconf-tor...
    https://www.vuemastery.com/conferences/vueconf-tor...
    https://www.vuemastery.com/conferences/connect-tec...
    https://www.vuemastery.com/conferences/vueconf-us-...
    https://www.vuemastery.com/conferences/vueconf-us-...
    https://www.vuemastery.com/conferences/vueconf-us-...
    https://www.vuemastery.com/conferences/vueconf-us-...
    https://www.vuemastery.com/conferences/vueconf-us-...
    https://www.vuemastery.com/conferences/vueconf-us-...
    https://www.vuemastery.com/conferences/vueconf-us-...
    https://www.vuemastery.com/conferences/vueconf-us-...

    Have fun :)
    Ответ написан
    3 комментария
    3 комментария

  • Как получить текст со всеми символами?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    Вопрос не со всем понятен.
    Вы не знаете как написать в HTML кавычки и \n или вы хотите получить перенос строки?
    Если перенос строки:
    Hello<br>World!
    Ответ написан
    1 комментарий
    1 комментарий

  • Есть ли хорошие вузы на направление информационная безопасность в России?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    Если цель работать в госструктурах то без диплома не обойтись. В данном же случае я думаю большой разницы не будет в какой вуз поступить.

    Если же цель зарабатывать в первую очередь деньги, то ни в коем случае не поступать в университет. Без разницы где - в России или на западе. Объясню приводя свой личный опыт в пример.

    Я живу с 1994-го в Германии. Учился в лучшем на тот момент немецком электротехническом факультете (FH München, Elektrotechnik - Erneuerbare Energien) так же как и на гуманитарном направлении (Uni Gießen, Bewegung und Gesundheit). Оба вуза не закончил. Не смотря на то что абитуру закончил самым лучшем и получил одновременно электротехническую профессию с фокусом на ветровые станции и солнечные панели, которую тоже закончил лучшем. Не закончил же универы я потому что учат там практически одному бреду, тупо зубрить который у меня так и не нашлось мотивации. И это не касается даже информационных технологий где, то что ты будешь учить на первом курсе через 3 года уже будет макулатурой. То есть университеты никогда тебя ни смогут подготовить правильно к реальности после университета. Они готовят по заказу госструктур и корпораций тупых био-роботов. Так как корпорации и госструктуры очень бюрократичны они всегда будут требовать разных родов бумажек для устройства на желаемую тобой позицию. И не всегда будет при этом важно на сколько ты крутой спец а как хорошо ты вписываешься в их структуры.

    Но для заработка денег работать на корпорации и госструктуры не самый разумный вариант. Так как будешь ты получать от своего труда лишь маленькую часть положенной выгоды и будешь в большей части тупым рабом. Я это к сожалению поздно понял и пришлось попусту потратить годы на формальное образование и попытки идти к успеху стандартным путём. Но самый главный фактор - ты будешь всегда учить то что тебе говорят другие а не то что ты считаешь правильным или интересным, при этом большая часть профессоров никогда не работала на свободном рынке и процентов 60-80 того что ты там вызубришь можно будет сразу забыть как только получишь диплом.

    Сейчас же я относительно успешный full stack web разработчик. Знания начал приобретать лишь 4,5 года назад (в 32 года) и полностью из книг и онлайн курсов (Lynda.com, pluralsight.com, Symfonycasts.com, Udemy.com). А начал я это всё изучать по своей воли и исходя из своих личных интересов. На тот момент я вёл политический блог и хотел его технически улучшить. Позже я понял что блогами не сможешь зарабатывать деньги и начал продавать приобретённые навыки как фрилансер через два года после того как начал довольно таки расслабленно изучать веб технологии, то есть с 2016-го. И сразу же начал зарабатывать больше чем когда либо до этого по профессии (ветровые станции и солнечные панели). При этом с тех пор работал всегда фрилансером из дома. В прошлом году сделал сайт для самого хипстерского и известного в Германии стартап (псевдо) инкубатора ( https://event-spaces.factoryberlin.com ).

    То есть хочешь стать экспертом по информационной безопасности становись ethical hacker. Для этого первым делом нужно выучить английский. Так как для этого обратно же нужно знать наизусть оперативные системы которые ты собираешься защищать (Linux, Windows, Unix, MacOS) а эти системы ты без английского не сможешь изучить. По крайней мере на уровне хорошего эксперта. Потом нужно знать технологию сетей. Тоже английский.

    Для изучения английского я могу посоветовать Lynda.com. Лучше метода выучить английский чем через просмотр технических видео курсов на Lynda.com нет. Все курсы на Lynda.com с английскими субтитрами. То есть ты слушая и читая курсы ещё и тренируешь слух. А не понятные слова можно переводить на Multitran.ru. В начале это будет конечно очень сложно, но уже через пару месяцев если не недель ты будешь замечать серьёзные результаты. Выучишь английский можно будет переходить с Lynda.com на Udemy.com или другие более специализированные платформы или же просто книги.
    Ответ написан
    2 комментария
    2 комментария

  • Vue.js + Wordpress?

    @FullStackAlex Автор вопроса
    Веб-разработчик, электрик, кочевник
    Наконец таки я решил все технические вопросы для внедрения Vue.js в WordPress-Workflow. Долго я к этому шёл. Трудно было совместить freelancing на основе WordPress и WooCommerce и одновременно самообучение Symfony и Vue.js и создание первых реальных проектов на их основе. Но создание первого большого проекта на основе headless Symfony 4 (JSON API) и потребителя на основе Vue.js меня хорошо продвинуло вперед в направлении внедрения Vue.js в WordPress. Почему мне так интересен WordPress/WooCommerce умея делать Backend на основе Symfony? Потому что WordPress делает доступным веб технологии и маленьким клиентам по "демократическим" ценам, при этом всё ещё позволяя фрилансеру хорошо заработать (по крайней мере в Берлине, где я проживаю).

    Так как путь сюда до сих пор никем в интернете детально не описан и я угрохал недели если не месяцы на решение этой задачи прочитывая все статьи и docs с этой темой связанные (освоил для этого даже наконец таки Docker и Nginx и углубил знания в настройке Webpack) и пройдя многие не верные пути (vue-cli, nuxt.js) - я решил создать в течении следующих недель курс на Udemy.com на английском за 20 баксов. Если будет тут достаточно интереса (хотя бы лайков 10 ), то сделаю туториал и на русском. Курс будет содержать настройки Webpack, Docker (optional), Apache/Nginx. Моё решение сохраняет в отличии от nuxt.js все преимущества как WordPress так и Vue.js при этом соблюдая "законы" SEO и Social Marketing (Twitter Cards, Facebook Open Graph итп) и самое главное Hot Module Replacement с PHP/WordPress Templates!!!!!! .
    Я очень разочарован Nuxt.js и расскажу в Tutorial почему он далеко не во всех случаях технически годен и почему с точки зрения open source этот проект не оптимальный исходя из моего личного опыта.

    UPDATE 15.05.2019
    К сожалению руки до туториала так и не дошли. Но создал Github Repo с простым Starter Theme.
    Демо можно тут просмотреть: wue-theme.app
    Пока без доскональной документации. Надеюсь к концу месяца создам.
    Приколы темы:
    -Hot Module Replacement с PHP файлами (если только это интересно можно и тут скачать Webpack config)
    -полная поддержка SEO без Server Side Rendering (SSR). Реализуется это за счёт загрузки данных вместе с HTML в глобальном JS объекте "technomad", вместо дополнительного AJAX-запроса, что не поддерживается гуглом и для чего и нужны все прибамбасы типа Nuxt.js и phpv8/v8js.
    -элементы меню и новости автоматически добавляются через WordPress-Backend.
    -тема устонавливается как и любая другая тема без каких либо дополнительных настроек сервера (нужно скачать всю Repository и скомпремировать "wuetheme" папку в ZIP и тогда можно просто загружать как и обычную тему).
    -Github Repo без данных из демонстрации. Может ещё добавлю функцию установки демо данных.
    -сервер демо во Франкфурте без CDN. Так что во Владивостоке загрузка наверное немного дольше длится будет)) Из Берлина за 600-700ms загружается с VPS.
    -есть ещё много над чем работать (pagination, проверка загруженны ли скрипты и стили плагинов при Ajax route change, пока они загружаются только при инициальной загрузки, но скрипты и стили могут быть на каждой странице иные) , нo даже в данном виде эта тема на сколько я знаю уникальная.
    -тут можно проследить прогресс перестройки моего сайта с этой темой: stage.alexfullstack.dev, там больше клёвых анимаций))
    Пока всё. Have fun :)

    Update 30.05.2019
    Много чего обновил на Github.

    Update 02.06.2019
    Я решил вчерашнюю проблему)))
    Нужно было просто выспаться))
    Завтра подробно опишу и обновлю Github Repo.

    Update 03.06.2019
    -загрузил на Github новую "bulletproof SEO" версию с "Dynamic Rendering Implementation"
    -подробная статья тут

    Update 14.06.2019
    Перенёс сайт на wue-theme.app.
    Демонстрация Github версии тут: starter.wue-theme.app
    Добавил простую Load More Pagination и очистил код.
    Ответ написан
    21 комментарий
    21 комментарий

  • Тестовое задание (Junior Frontend), приемлемое ли?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    У меня 4-ёх летний стаж верстки и 2,5 года профессиональной деятельности как фрилансер (должен каждый месяц по несколько раз продавать свои услуги клиентам).

    Технически тест простой. По объёму - эксплаутация наивных чукотских юнош.

    Если фирма супер пупер крутая и зарплата как в Silicon Valley - почему бы и нет?

    Но если фирма ни чем не особенная (для вас) и даже не известно о точной зарплате - я бы не парился.

    Я лично с самого начала моей профессиональной деятельности (то есть 2,5 года назад) имел три личных блога которые сам спрограммировал на основе WordPress и их презентировал если клиенты интересовались моим опытом работы. Позже (1,5 года назад) я за недельку сколотил себе простой но со всякими приколами (gsap анмиация и SPA style) сайт и с тех пор у меня больше не было проблем с доказательством своего опыта.

    То есть, лучше сколотить какой нибудь личный проект и презентировать его когда будут интересоваться вашими способностями. А если этого кому то будет не достаточно - «давай до свидания»
    Ответ написан
    Комментировать
    Комментировать

  • Где научиться делать лендинги с достойной анимацией?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    Мне статьи и стиль Sarah Drasner нравятся:
    https://sarahdrasnerdesign.com/#projects

    slides.com/sdrasner/vue-animation1?token=aXKXDj9N
    (Пассворд: vue!)

    https://github.com/sdras/animating-vue-workshop/bl...

    shop.oreilly.com/product/0636920045335.do
    Ответ написан
    Комментировать
    Комментировать

  • Почему наши топ веб-студии не считают Wordpress серьезной CMS, а американские топовые студии делают на нем 50% сайтов?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    В США исподьзуют WordPress потому что не знают Битрикс. Если бы знали Битрикс, то и там все его использавали бы :D

    Шутки в сторону. Я вообщето патриот России но получилось так что зарабатываю уже два года свой хлеб с WordPress и WooCommerce. Есть и опыт с немецким Shopware. Shopware основан на Symfony - то есть ООП и всё как пологается. И все в Германии эту систему хвалят. Но по моему опыту работать с WooCommerce порой приятней - задача решается быстрее и элегантней. Так как WordPress имеет кучу удубного и простого функционала для конечного пользавтеля. В то время когда Shopware кажется каким то неуклюжем и не всегда удобным с этой точки зрения. Хотя как программисту и Symfony фанату мне конечно импонирует development environment от Shopware. То есть WordPress выигрывает в первую учередь благодаря относительно простой и удобной системой пользавния для ПОЛЬЗОВАТЕЛЯ! То есть WordPress популярен на западе не столько среди разработчеков (эти в целом тоже не всегда любят WP) сколько среди пользавтелей.

    Для личных же проектов я использую Symfony и Vue.js
    Ответ написан
    1 комментарий
    1 комментарий

  • Что почитать для «посредственного» js разработчика?

    @FullStackAlex
    Веб-разработчик, электрик, кочевник
    Достаточно Дэвида Фланаган прочитать чтобы понять JS (EcmaScript 5) досконально:
    https://m.vk.com/wall-54530371_2706

    Лишь EcmaScript 6 (+7+8...) после Фланагана ещё добавить к знаниям нужно будет.
    Ответ написан
    Комментировать
    Комментировать