В одном из своих видео я рассказывал о том, как задеплоится на github pages.
Сегодня я вновь деплою проект на pages, на нем есть два роута.
Так как приложение работает в режиме SPA, то при клиентском роутинге все работает как надо. Так как в папке docs лежит файлик index.html который открывается по роуту /
А вот для роута /items/:id клиентская навигация отрабатывает, а вот серверная нет, так как не существует такого файла /docs/items/1.html, /docs/items/2.html и так далее.

И так как настроить на гитхабе серверные роуты мы не можем, кажется, что SPA приложение с динамическими роутами нельзя задеплоить на гитхаб?

Есть хак, когда github-pages сервер не находит физический файл по урлу - он отрисовывает 404 страницу. github-pages позволяет кастомизировать 404.html
Таким образом для. SPA приоржений с динамическими роутами достаточно скопировать index.html в 404.html и можно деплоиться на github pages и все будет работать 🙂

Вот классная статейка https://huishun.medium.com/how-to-deploy-a-vue-js-application-with-dynamic-routing-on-github-pages-3d36f4644e54 можно просто дочитать до step 5

Приветы!
Я тут решил запустить еще одну серию видео, под названием : IT in team (да, да, айти интим)

В эту пятницу будет первый стрим на youtube. В гости ко мне придет Семён Левенсон, мы с ним пообщаемся о всяком:)

Ориентировочно стрим будет проходить 16 декабря в 21:00 по Мск. Позже на канале появится запись 🙂
Во время эфира вы сможете пообщаться с нами в чате ❤️

P.S. название зарезервировано. Нелегальное использование в своих целях будет караться по всей строгости законов web’a

P.P.S. ближе к делу скину ссылочку

UPD: Так как это первый эфир на канале - у нас некоторые технические сложности, время эфира ориентировачно переносится на 21:30 по Мск

Готовность 5 минут

Пробуем подключаться https://youtu.be/LYx-awrTk48

Привет, разработчики!
Давненько ни новостей, ни видосов… ну а что поделаешь, времена такие.
Но я тут наткнулся на интересный видос.
Я сразу же вспомнил, сколько боли причиняет фраза дизайнера “отрисовываем три строки, а все остальное скрываем тремя точками, по клику раскрываем”.

Каждый раз когда я слышал такую фразу я шел за библиотекой shave. И прикручивал ее к проекту.

Но что потом, а потом приходил SSR. На стороне сервера не можешь заранее вычислить высоту и шейв выходил из чата.

И начанались боль, страдания, костыли и дерганье контента после рендера.

Но есть варик сделать практически такой же функционал, на чистом css и об этом видос. (я бы механизм шейва делал при помощи css, а expand/collapse переключал бы js’ом)

И самое крутое - нет проблем SSR, Карл!

Перед использованием, проверьтесь на caniuse ❤️

#shave #line-clamp

Кто эти люди, которые голосуют “Да, и это очень легко?” Выйдите из сумрака

Ребятки! подъезжает vue 3.3 c generic компонентами 🎉
https://www.youtube.com/watch?v=Z-qLPtWFZps&ab_channel=LearnVue

Простите, что видосиков от меня давно нет, зашиваюсь по времени, но постараюсь до лета порадовать чем-нибудь интересным 🔥

Ребятки, поздравляю вас с Bun

https://youtu.be/dWqNgzZwVJQ?si=GyN9BgHyXw3o2ijU

Ну что, программисты и программистки, поздравляю вас с 256 днем в 2023 году ❤️

Желаю всем здоровья, конца всего плохого, и больше всего хорошего.

Желаю себе, чтобы дизайнеры были более адекватные и прислушивались к разработчикам.

P.S. пишите в комменты пожелания себе и окружающим, будем как в вотсапе :3

#ретро #retro #agile

Ребятки, я нашел гипер удобный инструмент для проведения ретро
https://action.parabol.co/

P.S. проводите ли вы ретро? Если да, чем пользуетесь?

#история #собеседование #работа #алгоритмы

Я не люблю проходить алгоритмическу секцию на собеседованиях, потому что это каждый раз рандом. Однако чем больше ты нарешал (разобрал и понял) алгоритмических задач, тем выше вероятность прохождения этой секции.

Я согласен с алгоритмическими секциями на собеседованиях и сам спрашиваю алгоритмические задачи. Да, они не идеальны, но прохождение алго секции имеет кареляцию с уровнем разработчика, не всегда линейную, но имеет.

Пригаждаются ли знания алгоритмов в реальной жизни? Какие еще алгоритмы для фронтенд разработчика? Вот об этом маленькая история.

Прошлым летом я проходил собеседование на мою текущую работу. И на алго секции мне дали задачку про асинхронную загрузку файлов "скользящим окном".

Условия (не дословные, но примерно понятные)
- есть массив из n строк, каждая строка ссылка на что-то
- есть условный метод fetchArtifact(url: string): Promise<string>, выполняется для каждой ссылки за неизвестное время
- есть число m означающее ширину канала (сколько файлов может загружаться параллельно)

Нужно загрузить все артифакты максимально быстро, для этого нужно вернуть новый массив строк. Важно, в результирующем массиве по индексу a должен быть артифакт соответсвующий ссылке a, для артифакта b ссылка b и так далее

Задача не сложная, но интересная. Имеет ли она реальной применение?

Через пару месяцев работы на проекте я предложил сделать инструмент автоматической выгрузки noscript иконок из figma в репозитории кода проектов. Есть значит документы, в которых дизайнеры собрали все иконки и нормализовали и знаете что? Нужно выкачать все иконки за минимальное время, а у figma есть ограничение на параллельное скачивание. Вот вам аргумент для тех, кто с пеной у рта доказывает, что фронтам не нужны алгоритмы 🙂

У меня есть такая же история про графы, графовые алгоритмы и их применение в реальной разработке, пишите, если интересно 🙂

А вам пригождаются знания для задач с собесов в реальной разработке?

Я тут делаю из глупых розеток чуть более умные (внедряю в свой умный дом), если вам интересно, могу рассказать подробнее, в формате коротких видосов или фоточек с описанием:)

на ютуб видос меня не хватит, оказалось, что снимать самоделки гораздо сложнее, чем туториалы:)

#smarthome #smartsocket #zigbee #z2m

Мои чуваки, поздравляю всех нас, вас с Новым 2024 годом!
Я очень надеюсь, что в этом году, наконец-то произойдет то, чего мы все так ждем❤️

А пока что с запазданием небольшой отчет про розетки 😅