Вчера у меня было техническое собеседование
Первое собеседование уже было и там особо ничего не было. Просто поговорили, HR про компанию, а я про свой опыт.
Собеседования это достаточно прикольно, никогда не знаешь что именно спросят и что нужно будет решать. Ещё там можно пообщаться с человеком из своей сферы и быват так, что и ещё чему-то научиться (самое лучшее когда так).
Перед собесом я почитал, а что вообще мне нужно знать. Нашёл статью на Хабре - 70 вопросов по JavaScript для подготовки к собеседованию.
Я давно не проходил собеседований и уже забыл, что это такое. Тем более, что моё первое собеседование было на джуниор разработчика, а тут уже на мидла. Как-то я снимал видео про своё первое собеседование, ссылка.
На собесе попросили написать функцию которая берёт строку в качестве аргумента и проверяет закрыты ли скобки. Я написал её так:
Если не особо читабельно, то держите ссылку на jsfiddle.
Заключение
В целом мне понравилось, было интересно и весело. А вы проходите собеседования?
Первое собеседование уже было и там особо ничего не было. Просто поговорили, HR про компанию, а я про свой опыт.
Собеседования это достаточно прикольно, никогда не знаешь что именно спросят и что нужно будет решать. Ещё там можно пообщаться с человеком из своей сферы и быват так, что и ещё чему-то научиться (самое лучшее когда так).
Перед собесом я почитал, а что вообще мне нужно знать. Нашёл статью на Хабре - 70 вопросов по JavaScript для подготовки к собеседованию.
Я давно не проходил собеседований и уже забыл, что это такое. Тем более, что моё первое собеседование было на джуниор разработчика, а тут уже на мидла. Как-то я снимал видео про своё первое собеседование, ссылка.
На собесе попросили написать функцию которая берёт строку в качестве аргумента и проверяет закрыты ли скобки. Я написал её так:
function checkParenthesisSequence(s) {
let stack = [];
const matchedPairs = {
')' : '(',
']' : '[',
'}' : '{',
'{}' : '[]'
}
for (let char of s) {
if (Object.values(matchedPairs).includes(char)) {
stack.push(char)
} else if (matchedPairs[char] && stack.pop() != matchedPairs[char]) {
return false;
}
}
return stack.length === 0;
}
console.log(checkParenthesisSequence('({})[](){({[{}]})}')) // true
console.log(checkParenthesisSequence('(({})[](){({[{}]})}')) // false
console.log(checkParenthesisSequence('((({{[[(({{}}))]]}})))')) //true
console.log(checkParenthesisSequence('({})[](){({[}{}]})}')) // false
Если не особо читабельно, то держите ссылку на jsfiddle.
Заключение
В целом мне понравилось, было интересно и весело. А вы проходите собеседования?
👍3🔥2
Фронтенд умер?
Для тех кто не хочет долго читать - пока что фронтенд жив, но есть нюанс.
В чем нюанс?
Недавно Next.js обновился на 14 версию. Самое основное, что добавили - Server Actions. Если простым языком, это когда в одном файле, да даже в одной функции может быть фронтенд и бэкенд код.
Пример:
Server Actions появились в версие Next.js 13.4, но тогда они были как эспериментальная функция. Я её кстати успел попробовать на одном из своих пет-проектов. Ещё в этой версие добавили App Router, что было довольно непривычно первое время, но это уже другая тема.
Казалось бы, а что в этом такого? А дело в том, что при таком подходе как таковой фронтенд уже не используется. Точнее даже не так, он используется, но уже в связки с бэкендом. А это уже фулстек - когда разработчик пишет фронтенд и бэкенд.
Серверный рендеринг
Тендеция перехода на серверные компонтенты довольно чиста и понятна. Это как минимум быстро.
Забавно то, что PHP использует серверный рендеринг с самого зарождения языка, а если грубо говорить, то это 1994 год. Конечно, в самом 1994 году были немного другие задачи, чем сейчас, но подход тот же.
А вот тут в клиентском компоненте имопртируется серверный компонент:
Что будет с фронтендом?
Рынок фронтенда плавно двигается к фуллстэк, то есть фронтендерам нужно будет знать бэкенд, как минимум как писать SQL запросы к базе данных, какие бывают базы данных, и как шифровать данные.
Заключение
Как-будто сам фронтенд стал легче, но чтобы быть конкурентным на рынке к нему добавился ещё и бэкенд. Для новичков это может стать небольшой проблемой, ведь часто люди задаются вопросом: “А что учить, фронтенд или бэкенд?”. Сейчас всё двигается к тому, что фронтендеры сами по себе вымирают. А если вы фулл-стек, то нечего переживать.
Ресурсы
Подробнее про Next.js 14;
Первое появление Server Actions в Next.js;
На случай если вам интересно, что за пет-проект я делал.
Это сообщение в виде статьи
Для тех кто не хочет долго читать - пока что фронтенд жив, но есть нюанс.
В чем нюанс?
Недавно Next.js обновился на 14 версию. Самое основное, что добавили - Server Actions. Если простым языком, это когда в одном файле, да даже в одной функции может быть фронтенд и бэкенд код.
Пример:
export default function ServerComponent() {
async function myAction() {
'use server'
// ...
}
}
Server Actions появились в версие Next.js 13.4, но тогда они были как эспериментальная функция. Я её кстати успел попробовать на одном из своих пет-проектов. Ещё в этой версие добавили App Router, что было довольно непривычно первое время, но это уже другая тема.
Казалось бы, а что в этом такого? А дело в том, что при таком подходе как таковой фронтенд уже не используется. Точнее даже не так, он используется, но уже в связки с бэкендом. А это уже фулстек - когда разработчик пишет фронтенд и бэкенд.
Серверный рендеринг
Тендеция перехода на серверные компонтенты довольно чиста и понятна. Это как минимум быстро.
Забавно то, что PHP использует серверный рендеринг с самого зарождения языка, а если грубо говорить, то это 1994 год. Конечно, в самом 1994 году были немного другие задачи, чем сейчас, но подход тот же.
А вот тут в клиентском компоненте имопртируется серверный компонент:
'use client'
import { myAction } from './actions'
export default function ClientComponent() {
return (
<form action={myAction}>
<button type="submit">Add to Cart</button>
</form>
)
}
Что будет с фронтендом?
Рынок фронтенда плавно двигается к фуллстэк, то есть фронтендерам нужно будет знать бэкенд, как минимум как писать SQL запросы к базе данных, какие бывают базы данных, и как шифровать данные.
Заключение
Как-будто сам фронтенд стал легче, но чтобы быть конкурентным на рынке к нему добавился ещё и бэкенд. Для новичков это может стать небольшой проблемой, ведь часто люди задаются вопросом: “А что учить, фронтенд или бэкенд?”. Сейчас всё двигается к тому, что фронтендеры сами по себе вымирают. А если вы фулл-стек, то нечего переживать.
Ресурсы
Подробнее про Next.js 14;
Первое появление Server Actions в Next.js;
На случай если вам интересно, что за пет-проект я делал.
Это сообщение в виде статьи
👨💻3👍1
Давно я тут не появлялся, у меня последнее время происходит много всего в жизни. А именно:
1. Работа (фриланс). Моё любимое программирование и создание сайтов. Как раз то, что забирает больше всего времени и сил. Но кстати сил забирает меньше, чем работа в компании на полный рабочий день. А ещё я до сих пор не выгорел, а как-будто наоборот вгорел.
Фриланс тоже ничего, пока не надоел. Начинал снимать видео про фриланс, но пока подзабросил. Хочется много всего про программирование и Шопифай рассказать, а фриланс видео перевалило за 12 минут (и то рассказал не всё что хотел). Но как-нибудь я до него точно доберусь!
2. Компьютер. Не так давно ко мне приехал компьютер и как обычно с ним что-то случилось (перевёз свой старый ПК). Как оказалось, у меня сломался жёсткий диск и были некоторые ошибки в Windows. Это всё починили, теперь работает как часы, пока непонятно какие часы, но работает.
С появлением компьютера появились и игры. Я люблю играть, поэтому теперь какое-то время уходит и на них. Особенно круто играть в перерывах между созвонами или просто когда хочется, разгружает на ура.
3. Изучение нового. Не так давно начал писать новый проект на Astro и уже опубликовал его сырую версию. Но пока что не могу её показать.
4. Возвращение к старому. Захотелось вернуться к PHP. Первое моё знакомство с этим языком программирования было в 2019 году, после этого я написал два небольших проекта на нём и забросил. Сейчас появилось желание снова пописать PHP код. Но писать свою CMS желания нет (обычно у PHP разработчиков оно появляется). Может я пока не дорос 🙂
Параллельно подумываю, что делать дальше, куда ехать, где жить. Хочется найти своё место, где можно остановиться на долго, но пока не нашёл. А то хочется столько всего купить, даже каких-то базовых вещей, но из-за того, что непонятно сколько проживу там, где сейчас живу, то и не покупаю. Не очень хочется потом продавать всякое барахло, вот ладно большие предметы, типо велосипеда. Да и дело даже не в вещах, а в банальном ощущение того, что через какое-то время меня не выгонят из страны. Кстати о велике.
Периодически катаюсь и выкладываю истории в Инсте. Если не подписаны, то вот мой ник - @devmoek. Но я не особо активный человек в инстаграм, если любите смотреть по 100500 историй у одного человека, то это не ко мне.
Почти восстановился после операции, публично вроде про неё не говорил, но вот, кто дочитал до сюда теперь знает. Думаю, что велосипед в этом помогает, поэтому спорт не забрасываю. Первое время после операции вообще тяжело было, нельзя было ничем заниматься. Я тогда впал в небольшую депрессию, если это так можно назвать. В общем, был очень расстроен, что не могу заниматься спортом. А ведь я бегал, катался на велосипеде, и скейте, ещё иногда плавал, но последнее время с бассейном тяжело.
1. Работа (фриланс). Моё любимое программирование и создание сайтов. Как раз то, что забирает больше всего времени и сил. Но кстати сил забирает меньше, чем работа в компании на полный рабочий день. А ещё я до сих пор не выгорел, а как-будто наоборот вгорел.
Фриланс тоже ничего, пока не надоел. Начинал снимать видео про фриланс, но пока подзабросил. Хочется много всего про программирование и Шопифай рассказать, а фриланс видео перевалило за 12 минут (и то рассказал не всё что хотел). Но как-нибудь я до него точно доберусь!
2. Компьютер. Не так давно ко мне приехал компьютер и как обычно с ним что-то случилось (перевёз свой старый ПК). Как оказалось, у меня сломался жёсткий диск и были некоторые ошибки в Windows. Это всё починили, теперь работает как часы, пока непонятно какие часы, но работает.
С появлением компьютера появились и игры. Я люблю играть, поэтому теперь какое-то время уходит и на них. Особенно круто играть в перерывах между созвонами или просто когда хочется, разгружает на ура.
3. Изучение нового. Не так давно начал писать новый проект на Astro и уже опубликовал его сырую версию. Но пока что не могу её показать.
4. Возвращение к старому. Захотелось вернуться к PHP. Первое моё знакомство с этим языком программирования было в 2019 году, после этого я написал два небольших проекта на нём и забросил. Сейчас появилось желание снова пописать PHP код. Но писать свою CMS желания нет (обычно у PHP разработчиков оно появляется). Может я пока не дорос 🙂
Параллельно подумываю, что делать дальше, куда ехать, где жить. Хочется найти своё место, где можно остановиться на долго, но пока не нашёл. А то хочется столько всего купить, даже каких-то базовых вещей, но из-за того, что непонятно сколько проживу там, где сейчас живу, то и не покупаю. Не очень хочется потом продавать всякое барахло, вот ладно большие предметы, типо велосипеда. Да и дело даже не в вещах, а в банальном ощущение того, что через какое-то время меня не выгонят из страны. Кстати о велике.
Периодически катаюсь и выкладываю истории в Инсте. Если не подписаны, то вот мой ник - @devmoek. Но я не особо активный человек в инстаграм, если любите смотреть по 100500 историй у одного человека, то это не ко мне.
Почти восстановился после операции, публично вроде про неё не говорил, но вот, кто дочитал до сюда теперь знает. Думаю, что велосипед в этом помогает, поэтому спорт не забрасываю. Первое время после операции вообще тяжело было, нельзя было ничем заниматься. Я тогда впал в небольшую депрессию, если это так можно назвать. В общем, был очень расстроен, что не могу заниматься спортом. А ведь я бегал, катался на велосипеде, и скейте, ещё иногда плавал, но последнее время с бассейном тяжело.
👍4🔥1
Strapi Headless CMS
Когда я учил React, я написал приложение, которое позволяет писать отзывы об играх. Приложение использует React 18 и Strapi. Возможно, для вас это просто набор каких-то слов, ниже я поясню что это всё значит.
Предисловие
Проект использует Strapi CMS в качестве бэкенда, то есть вся информация в приложение хранится там, а именно:
1. Название игр;
2. Категории;
3. Рейтинг;
4. Отзыв об конкретной игре.
Когда я написал проект я не понял, как его задеплоить. Спустя время я разобрался. Оказывается, есть несколько вариантов как можно выложить в сеть Strapi приложение.
Strapi Cloud
Strapi Cloud — это платформа управляемого контента, созданная на базе Strapi, ведущей Headless CMS с открытым исходным кодом. Это полностью управляемая хостинговая платформа, которая позволяет вам развертывать приложения Strapi за считанные минуты.
Способ, которым я воспользовался чтобы посмотреть как моё приложение работает вживую. Вообще чтобы просто посмотреть необязательно деплоить приложение, но об этом попозже.
На самом деле билд приложение занял достаточно не долго (1-2 минуты). Учитывая, что я использую обычный реакт и вебпак это достаточно неплохо. А ещё, нужно и сервер запустить. В общем отлично!
Мне вот ещё что понравилось. Я не смог запустить это приложение на локалке, писало, что у меня устаревшие версии зависимостей. Но понравилось мне не это, а то что при билде на это Страпи Облако он чинит проблемы связанные со Страпи, а у меня как раз это и было. Там что-то обновилось и мне теперь для запуск: во-первых, нужно было использовать другую версию ноды, а во-вторых, обновить необходимые зависимости.
Но есть нюанс. Облако Страпи стоит денег, конечно же. Тарифы у них не детские, начинаются от 99 долларов. И это стоимость за один проект. То есть мне, чтобы этот пет-проект, а скорее даже просто проект который я делал чтобы изучить связку React + Strapi, запустить, нужно платить 99 долларов? Сейчас я взял 14 дневную триал версию и пока что пишет, что следующий платёж 55 долларов.
Словарик
"Задеплоить" - это термин из области информационных технологий, который означает размещение программного обеспечения или приложения в рабочем окружении, чтобы оно стало доступным для использования конечным пользователям. Например, веб-сайт задеплоили на сервере, программу задеплоили на устройстве или в облаке. Это процесс публикации и запуска приложения или изменений, сделанных в нем, чтобы они стали функциональными для целевой аудитории.
"Билд" (от английского "build") в сфере разработки программного обеспечения обозначает процесс создания версии программы или приложения из исходного кода. Это может быть конечная версия продукта или промежуточная версия, готовая к тестированию или развертыванию.
"нода" в контексте JavaScript и серверных технологий, обозначает окружение, в котором выполняется JavaScript код. Node.js, например, является платформой для выполнения JavaScript-кода на сервере, позволяющей создавать веб-приложения.
Когда я учил React, я написал приложение, которое позволяет писать отзывы об играх. Приложение использует React 18 и Strapi. Возможно, для вас это просто набор каких-то слов, ниже я поясню что это всё значит.
Предисловие
Проект использует Strapi CMS в качестве бэкенда, то есть вся информация в приложение хранится там, а именно:
1. Название игр;
2. Категории;
3. Рейтинг;
4. Отзыв об конкретной игре.
Когда я написал проект я не понял, как его задеплоить. Спустя время я разобрался. Оказывается, есть несколько вариантов как можно выложить в сеть Strapi приложение.
Strapi Cloud
Strapi Cloud — это платформа управляемого контента, созданная на базе Strapi, ведущей Headless CMS с открытым исходным кодом. Это полностью управляемая хостинговая платформа, которая позволяет вам развертывать приложения Strapi за считанные минуты.
Способ, которым я воспользовался чтобы посмотреть как моё приложение работает вживую. Вообще чтобы просто посмотреть необязательно деплоить приложение, но об этом попозже.
На самом деле билд приложение занял достаточно не долго (1-2 минуты). Учитывая, что я использую обычный реакт и вебпак это достаточно неплохо. А ещё, нужно и сервер запустить. В общем отлично!
Мне вот ещё что понравилось. Я не смог запустить это приложение на локалке, писало, что у меня устаревшие версии зависимостей. Но понравилось мне не это, а то что при билде на это Страпи Облако он чинит проблемы связанные со Страпи, а у меня как раз это и было. Там что-то обновилось и мне теперь для запуск: во-первых, нужно было использовать другую версию ноды, а во-вторых, обновить необходимые зависимости.
Но есть нюанс. Облако Страпи стоит денег, конечно же. Тарифы у них не детские, начинаются от 99 долларов. И это стоимость за один проект. То есть мне, чтобы этот пет-проект, а скорее даже просто проект который я делал чтобы изучить связку React + Strapi, запустить, нужно платить 99 долларов? Сейчас я взял 14 дневную триал версию и пока что пишет, что следующий платёж 55 долларов.
Словарик
"Задеплоить" - это термин из области информационных технологий, который означает размещение программного обеспечения или приложения в рабочем окружении, чтобы оно стало доступным для использования конечным пользователям. Например, веб-сайт задеплоили на сервере, программу задеплоили на устройстве или в облаке. Это процесс публикации и запуска приложения или изменений, сделанных в нем, чтобы они стали функциональными для целевой аудитории.
"Билд" (от английского "build") в сфере разработки программного обеспечения обозначает процесс создания версии программы или приложения из исходного кода. Это может быть конечная версия продукта или промежуточная версия, готовая к тестированию или развертыванию.
"нода" в контексте JavaScript и серверных технологий, обозначает окружение, в котором выполняется JavaScript код. Node.js, например, является платформой для выполнения JavaScript-кода на сервере, позволяющей создавать веб-приложения.
Перезалил последнее видео, что-то мне не понравился звук, да и картинка тёмная была. Немного получше стало.
https://youtu.be/U5MO7-LdKdI
Старое видео просто скрыл, но по ссылке доступно. Не знаю зачем я так сделал, но пусть будет
https://youtu.be/U5MO7-LdKdI
Старое видео просто скрыл, но по ссылке доступно. Не знаю зачем я так сделал, но пусть будет
YouTube
ФРОНТЕНД УМЕР? NEXT.JS 14 И ЕГО SERVER ACTIONS
Next.js обновился на 14 версию. Самое основное, что добавили - Server Actions. Если простым языком, это когда в одном файле, да даже в одной функции может быть фронтенд и бэкенд код.
Server Actions появились в версие Next.js 13.4, но тогда они были как …
Server Actions появились в версие Next.js 13.4, но тогда они были как …
Вчера я начал работать над преобразованием своего самого первого сайта в Svelte. Я считаю, что лучшее обучение – это практика. Для меня сейчас Svelte выглядит довольно солидно, но сообщество не такое большое, как у React, что, конечно, вполне понятно.
Я по-прежнему считаю, что для новичков React может быть лучшим выбором из-за того, как реализован и структурирован путь обучения. Svelte похож на ванильный JS, хотя изучить его после JS может быть проще. Как вы знаете, у React есть свой способ делать разные вещи и переучиваться может быть сложно :)
Я по-прежнему считаю, что для новичков React может быть лучшим выбором из-за того, как реализован и структурирован путь обучения. Svelte похож на ванильный JS, хотя изучить его после JS может быть проще. Как вы знаете, у React есть свой способ делать разные вещи и переучиваться может быть сложно :)
🔥2
Фриланс – это форма трудоустройства, при которой человек работает на самостоятельной основе, обычно не будучи штатным сотрудником какой-либо компании. Фрилансеры предоставляют свои услуги различным клиентам, часто работая над несколькими проектами одновременно для разных заказчиков. Они могут работать удаленно или в офисе клиента, в зависимости от требований проекта.
На каких биржах работать фрилансеру? В новом посте я рассказал о 10 биржах для фриланса. Читайте подробнее по ссылке 👇
https://www.devmoek.ru/top-10-freelance-platforms
На каких биржах работать фрилансеру? В новом посте я рассказал о 10 биржах для фриланса. Читайте подробнее по ссылке 👇
https://www.devmoek.ru/top-10-freelance-platforms
devmoek.ru
Топ 10 Фриланс Бирж - moek
Вы ищете возможности работы фрилансером? Существует множество веб-сайтов, которые предоставляют фрилансерам площадки для общения с клиентами и поиска работы.
👨💻2
с Новым Годом! Желаю, чтобы все проблемы остались в прошлом и чтобы Новый год принес счастье и успех во всем! Я желаю вам счастливого Нового Года!
¡feliz año nuevo! ¡Deseo que todos los problemas queden en el pasado y que el Año Nuevo traiga felicidad y éxito en todo! ¡Te deseo un feliz año nuevo!
გილოცავთ ახალ წელს! გისურვებთ, რომ ყველა პრობლემა წარსულში დარჩენილიყოს, ხოლო ახალმა წელმა მოიტანოს ბედნიერება და წარმატება ყველაფერში! ბედნიერ ახალ წელს გისურვებთ!
¡feliz año nuevo! ¡Deseo que todos los problemas queden en el pasado y que el Año Nuevo traiga felicidad y éxito en todo! ¡Te deseo un feliz año nuevo!
გილოცავთ ახალ წელს! გისურვებთ, რომ ყველა პრობლემა წარსულში დარჩენილიყოს, ხოლო ახალმა წელმა მოიტანოს ბედნიერება და წარმატება ყველაფერში! ბედნიერ ახალ წელს გისურვებთ!
🎉7👍2
Новая статья
Новогодние дни начались, как обычно все мои дни, с каким-то делом в компе. На этот раз это статья.
В моём английском блоге вышла новая статья про выбор Шопифай темы. Если вы давно на меня подписаны, то знаете мой подход к выбору темы. Но на всякий случай прикрепляю ссылку на статью. Приятного чтения!
P.S. В блоге есть ещё статьи, я просто забывал вам о них рассказать :)
Новогодние дни начались, как обычно все мои дни, с каким-то делом в компе. На этот раз это статья.
В моём английском блоге вышла новая статья про выбор Шопифай темы. Если вы давно на меня подписаны, то знаете мой подход к выбору темы. Но на всякий случай прикрепляю ссылку на статью. Приятного чтения!
P.S. В блоге есть ещё статьи, я просто забывал вам о них рассказать :)
Myers Broadcast
How To Choose a Shopify Theme?
The right theme is not just about aesthetics. It can significantly enhance user experience, boost sales, and reflect a brand's unique identity.
👍3🔥1
Expensy
Создаю веб-приложение для отслеживания расходов и доходов на Nuxt.js.
Nuxt.js – это фреймворк для создания Vue.js приложений, обеспечивающий готовую архитектуру для упрощения разработки веб-приложений на Vue.js.
На данный момент сделал:
* Переключение тем (темная и светлая);
* Аутентификация с помощью GitHub;
* Поддержка двух языков (английский и испанский);
* Само отслеживание расходов и доходов с сортировкой и фильтрацией.
Скоро появятся новые функции!
Создаю веб-приложение для отслеживания расходов и доходов на Nuxt.js.
Nuxt.js – это фреймворк для создания Vue.js приложений, обеспечивающий готовую архитектуру для упрощения разработки веб-приложений на Vue.js.
На данный момент сделал:
* Переключение тем (темная и светлая);
* Аутентификация с помощью GitHub;
* Поддержка двух языков (английский и испанский);
* Само отслеживание расходов и доходов с сортировкой и фильтрацией.
Скоро появятся новые функции!
😍5
НОВОЕ ВИДЕО!!!
Иногда при работе с Vue.js или Nuxt.js возникает баг. При переходе на разные страницы веб-приложения, подвал приложения "подскакивает" к шапке. Это решается довольно просто, в этом видео я показал решение этого бага и возможные причины его появления в вашем приложение.
Темы ролика
* Почему при переходе на разные страницы в Nuxt.js приложение футер скачет?
* Причины прыгающего подвала к шапке сайта при переходе на разные страницы
* Фикс прыгающего подвала в Nuxt.js
P.S. Этот баг у меня возник при работе над одним Nuxt.js приложением и я решил показать как от него избавиться.
Это первое видео в 2024 году. Желаю вам безбагованных приложений. Быстрых деплоев. Мирного неба над головой.
https://youtu.be/eVZKrE68CCE
Иногда при работе с Vue.js или Nuxt.js возникает баг. При переходе на разные страницы веб-приложения, подвал приложения "подскакивает" к шапке. Это решается довольно просто, в этом видео я показал решение этого бага и возможные причины его появления в вашем приложение.
Темы ролика
* Почему при переходе на разные страницы в Nuxt.js приложение футер скачет?
* Причины прыгающего подвала к шапке сайта при переходе на разные страницы
* Фикс прыгающего подвала в Nuxt.js
P.S. Этот баг у меня возник при работе над одним Nuxt.js приложением и я решил показать как от него избавиться.
Это первое видео в 2024 году. Желаю вам безбагованных приложений. Быстрых деплоев. Мирного неба над головой.
https://youtu.be/eVZKrE68CCE
YouTube
Как пофиксить прыгающий подвал в Nuxt.js
Иногда при работе с Vue.js или Nuxt.js возникает баг. При переходе на разные страницы веб-приложения, подвал приложения "подскакивает" к шапке. Это решается довольно просто, в этом видео я показал решение этого бага и возможные причины его появления в вашем…
🔥2
Python программа для скачивания YouTube видео
Две недели назад я написал программу для скачивания YouTube видео на Python. Это простая программа, которая берет URL-адрес видео и локально загружает его на ваш компьютер. Я написал её по приколу пока ждал загрузку миссии в Deep Rock Galactic.
GitHub репозиторий
Две недели назад я написал программу для скачивания YouTube видео на Python. Это простая программа, которая берет URL-адрес видео и локально загружает его на ваш компьютер. Я написал её по приколу пока ждал загрузку миссии в Deep Rock Galactic.
GitHub репозиторий
🔥3👍1
Анонс Обновления: Shopify Editions Winter 2024
31 января в 11 часов утра по EST, Shopify выпустит новое обновление под названием Shopify Editions Winter 2024.
Shopify Editions представляют собой крупные полугодовые обновления, включающие в себя множество нововведений и улучшений для платформы.
На моём канале есть обзор крайнего обновления, вы можете посмотреть его по ссылке.
А вы ждёте обновление?
31 января в 11 часов утра по EST, Shopify выпустит новое обновление под названием Shopify Editions Winter 2024.
Shopify Editions представляют собой крупные полугодовые обновления, включающие в себя множество нововведений и улучшений для платформы.
На моём канале есть обзор крайнего обновления, вы можете посмотреть его по ссылке.
А вы ждёте обновление?
🔥3👍1
🎉 Релиз Обновления: Shopify Editions Winter 2024
Shopify Editions Winter 2024 включает множество инноваций и обновлений, направленных на улучшение пользовательского опыта как для владельцев магазинов, так и для разработчиков на платформе Shopify.
Вот некоторые ключевые нововведения 👇
1️⃣ Увеличение Лимита Вариантов Продуктов
Теперь поддерживается до 2000 вариантов на продукт благодаря новому GraphQL API продукта, что значительно расширяет возможности для создания более сложных каталогов товаров.
❗️ С количеством опций товаров ничего не поменялось. Всё также, по-прежнему, можно иметь только 3 опции продукта, например размер, цвет, стиль.
2️⃣ Расширенная Гибкость Оформления Заказа (Checkout Extensibility)
Shopify Plus теперь предлагает еще больше способов настройки процесса оформления заказа, включая расширение на страницы "Thank You" и "Order Status". Это дает возможность торговцам и разработчикам кастомизировать внешний вид и функционал этих страниц.
3️⃣ Shopify Magic / ИИ
Введение Shopify Magic, инструментов на базе искусственного интеллекта, включая возможности редактирования изображений и автоматического создания контента для улучшения описаний продуктов и ускорения создания страниц.
❗️ Всё также Shopify Magic не появляется ни в моих тестовых магазинов, ни в магазинах клиентов. Я думаю, что у них пока что очень ограниченное число пользователей.
4️⃣ Shopify Subscriptions App
Бесплатное приложение для управления подписками прямо из админки Shopify, позволяющее пользователям модифицировать или пропускать заказы подписки, улучшая взаимодействие с клиентами и повышая их жизненный цикл.
5️⃣ Расширенные Возможности B2B
Новые функции для улучшения взаимодействия с бизнес-клиентами в Shopify Plus, включая поддержку торговых представителей и возможности для создания уникальных скидок исключительно для B2B-заказов.
6️⃣ Новая Панель Управления Прозводительности Сайта
Новая панель управления веб-производительностью для отслеживания и оптимизации производительности витрины на основе ключевых показателей веб-ускорения. Инфраструктура Shopify улучшилась на 35%, а количество глобальных точек доступа расширилось.
7️⃣ Улучшенные Платежные Опции
Включая возможность клиентам сохранять методы оплаты для ускорения будущих покупок и автоматическое обновление устаревших деталей карт, что способствует успешным транзакциям.
Что думаете про нововведения?
Страница обновления
Shopify Editions Winter 2024 включает множество инноваций и обновлений, направленных на улучшение пользовательского опыта как для владельцев магазинов, так и для разработчиков на платформе Shopify.
Вот некоторые ключевые нововведения 👇
1️⃣ Увеличение Лимита Вариантов Продуктов
Теперь поддерживается до 2000 вариантов на продукт благодаря новому GraphQL API продукта, что значительно расширяет возможности для создания более сложных каталогов товаров.
❗️ С количеством опций товаров ничего не поменялось. Всё также, по-прежнему, можно иметь только 3 опции продукта, например размер, цвет, стиль.
2️⃣ Расширенная Гибкость Оформления Заказа (Checkout Extensibility)
Shopify Plus теперь предлагает еще больше способов настройки процесса оформления заказа, включая расширение на страницы "Thank You" и "Order Status". Это дает возможность торговцам и разработчикам кастомизировать внешний вид и функционал этих страниц.
3️⃣ Shopify Magic / ИИ
Введение Shopify Magic, инструментов на базе искусственного интеллекта, включая возможности редактирования изображений и автоматического создания контента для улучшения описаний продуктов и ускорения создания страниц.
❗️ Всё также Shopify Magic не появляется ни в моих тестовых магазинов, ни в магазинах клиентов. Я думаю, что у них пока что очень ограниченное число пользователей.
4️⃣ Shopify Subscriptions App
Бесплатное приложение для управления подписками прямо из админки Shopify, позволяющее пользователям модифицировать или пропускать заказы подписки, улучшая взаимодействие с клиентами и повышая их жизненный цикл.
5️⃣ Расширенные Возможности B2B
Новые функции для улучшения взаимодействия с бизнес-клиентами в Shopify Plus, включая поддержку торговых представителей и возможности для создания уникальных скидок исключительно для B2B-заказов.
6️⃣ Новая Панель Управления Прозводительности Сайта
Новая панель управления веб-производительностью для отслеживания и оптимизации производительности витрины на основе ключевых показателей веб-ускорения. Инфраструктура Shopify улучшилась на 35%, а количество глобальных точек доступа расширилось.
7️⃣ Улучшенные Платежные Опции
Включая возможность клиентам сохранять методы оплаты для ускорения будущих покупок и автоматическое обновление устаревших деталей карт, что способствует успешным транзакциям.
Что думаете про нововведения?
Страница обновления
👍3🎉2
Обновление сайта
На моём русскоязычном сайте-блоге появились лайки статей. Теперь можно поставить сердечко :)
Ещё я выложил новую статью, она называется "Как перенести описание товара в Shopify?". Вообще нужно было назвать не "перенести", а "переместить". Потому-что мы описание-то перемещаем, а не переносим. Ну это уже ладно.
Поставить сердечко
На моём русскоязычном сайте-блоге появились лайки статей. Теперь можно поставить сердечко :)
Ещё я выложил новую статью, она называется "Как перенести описание товара в Shopify?". Вообще нужно было назвать не "перенести", а "переместить". Потому-что мы описание-то перемещаем, а не переносим. Ну это уже ладно.
Поставить сердечко
👍1👨💻1