#frontend_useful

Наверняка вы знаете, что TypeScript (сюрприз) основан на JavaScript, добавляя к нему систему статической типизации, интерфейсы, декораторы и другие возможности. Он транспилируется в обычный JavaScript, что позволяет работать с ним в любом окружении, поддерживающем JS.

Наступает новая веха TS - теперь он будет основан на Go.

Относительно скоро будет выпущена версия 6.0 - последняя мажорная версия на JS. Версия 7.0 будет уже на Go.

Microsoft обещает улучшить запуск редактора кода, сократить время сборки проектов 10 раз и существенно сократить использование памяти.

Поподробнее можно почитать и посмотреть здесь.

Что думаете?)

НЕ РЕКЛАМА!

Нужен Frontend-разработчик для моего хорошего знакомого 🙂

Задача: Необходимо реализовать под ключ небольшой многостраничный проект (4 страницы)

Требования: Знание анимаций в интерфейсах, умение в адаптивную верстку

О проекте:
- Макеты и техническое задание согласованы
- Админка на Strapi CMS
- При необходимости консультации от техлида команды основного продукта.

Стек: Nuxt 3

Стоимость и сроки обговариваются. Пишите сюда (укажите, что с канала @front_everyday) и сразу с напишите про ваш опыт и, если есть, присылайте примеры своих проектов 🙂

#frontend_mylife

Пропадаю на какое-то время, но не забываю про вас 🙂

Во-первых, на носу релиз, который мы готовили 5 месяцев. Полный перевод проекта с Vue2 на Vue3. Бэкенд был написан полностью с нуля и мы решили фронт так же создать с чистого листа. Не люблю такую практику, но в данном случае мы нехило оптимизировали код, избавились от множества лишних зависимостей и ушли от повсеместного использования store (кстати, почему-то store многие любят юзать в хвост и гриву, что в корне неверно).

Во-вторых, активно готовлю курс. Для меня выход в подобном формате будет чем-то новым. Ближе туда расскажу подробнее.

Так что ждите новостей 🙂 Есть еще несколько интересных тем, которые обязательно вам понравится обсуждать. В скором времени сделаю пост, никуда не уходите 😁

#frontend_useful

Может все из вас знали, но для меня новость) Так сказать, результат ресерча для одного из функций моего курса, который записываю)

Оказывается, можно получить фавиконки любого сайта с Google.

https://www.google.com/s2/favicons?sz=64&domain_url=emcd.io

В параметре sz можно указать нужный размер.

Есть разные другие бесплатные сервисы (можно найти по запросу Favicon Fetchers)

Знали про такое?
👍 - Да
🔥 - Круто, не знал/а

#frontend_mylife

- 4 месяца работы
- 68 коммитов (хотя кажется, что их должно быть 668)
- 222 измененных файла

Это неполная картинка того, как мы переходили с Vue2 на Vue3.

Впереди море работы, так как:
1. Старые компоненты еще не переписаны на Composition API и как бы странно не звучало, после релиза техдолга прибавится.

2. Не перешли на Pinia, так как не все внутренние библиотеки успели мигрировать. В скором времени займемся этим

3. Не перешли с Webpack на Vite. Тоже вопрос времени

Как показала практика, переходить на свежий стек не так просто, как хотелось бы. Даже несмотря на то, что многое писалось с нуля, определенное legacy еще осталось и впереди предстоит еще немало работы 🙂

#frontend_mylife

Вести с полей 🙂

Подготовительная часть курса закончена!

Что точно будет:
🤝 Работа с PrimeVue новой версии и Tailwind 4
🤝 Supabase
🤝 Авторизация, регистрация, восстановление пароля
🤝 Защита роутов
🤝 CRUD операции (создание данных, их получение, редактирование и удаление)
🤝 Работа с формами и валидацией
🤝 Фильтрация данных
🤝 Пагинация

Насчитал по плану около 60 уроков, так что впереди самое сложное - запись 🧐

#frontend_post

Почему pet-проекты очень важны?

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

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

Тем не менее, учебные проекты полезны даже для опытных разработчиков.

🙂 Во-первых, вряд ли в коммерческом проекте вам дадут попробовать что-то диаметрально новое. К примеру, если у вас проект на Vue, то вероятность того, что завтра вам дадут писать на React, минимальна.

Или же вы работаете с RestAPI и тут захотелось изучать GraphQL, но под вас не будут менять архитектуру проектирования API.

Соотвественно что надо делать? Конечно, пилить свой проект и детально разбираться в том, что интересно!

🙂 Во-вторых, учебные проекты можно монетизировать. Ведь необязательно писать в стол. Можно придумать MVP, который теоретически получится или продать, или получать с него деньги. А возможно вы просто поможете этим проектом кому-то, что тоже неплохая такая мотивация.

🙂 В-третьих, портфолио. Для ребят с опытом это не так важно (у middle+ обычно проекты под NDA и особо показывать нечего), а вот для новичков и джунов наличие кода в репозитории - must have. Иначе чем вы отличаетесь от других?

Я веду это к чему? Если вы только начинаете путь или же вы уже разработчик с опытом - никогда не забывайте про pet-проекты. На них можно очень хорошо отработать свои навыки. Помню, когда только начинал заниматься разработкой, придумал некий проект. За 3 года он поменялся на 100%, хотя идея осталась прежней. Просто появились новые знания и навыки и благодаря проекту я очень хорошо ощутил это на себе.

Рассказывайте, какие pet-проекты делали? Реализовали ли то, что хотели или же забрасывали на половине пути? 😀

#frontend_mylife

На YouTube давно ничего не выкладывал, но такие просмотры радуют. До Дудя, конечно, далеко, но все же приятно)

Самый популярный плейлист - по Pinia (115к просмотров). С учетом того, что там звук такой себе с лающими собаками на фоне, получилось собрать на нем:
- Почти 4200 лайков
- Почти 350 комментариев

Приятнее всего, что комментариев больше всего на последнем видео, значит плейлист досматривают до конца, а это самое важное 🙂

#frontend_mylife

Вчера начал записывать видеокурс по Vue3 + Pinia + Supabase. Нахожусь на самом ненавистном мной этапе - в самом начале)

Вчера из 3х часов записи оставил только 15 минут 😵 На скриншоте - запись самого первого приветственного видео 🤣 Раза с сорокового получилось) дальше будет полегче, но когда я говорил, что запись сложнее разработки и подготовки материала - я не шутил 🙂

Количество видео в плане уже немного увеличилось 🙂

Как все будет готово - вы узнаете первыми)

#frontend_news

Насыплю вам кринжатины 🙈

РКН решила выпускать ШОУ, где будут рассказывать про заблокированные ресурсы и т.п.

Странно, что в выпуске они не сказали, что уже недели 3 шатают интернет так, что многие ресурсы без трех запрещенных букв не работают 👎

#frontend_post

Что такое NDA?

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

Почему это важно?

1. Защита интеллектуальной собственности
NDA помогает компании защитить свои идеи, разработки и технологии от конкурентов. Когда разработчики подписывают NDA, они обязуются не разглашать информацию, например, о новом продукте или внутренней архитектуре системы.

2. Снижение рисков
NDA помогает снизить риски утечки информации, что особенно важно в конкурентных отраслях, где любая утечка может привести к финансовым потерям или потере преимущества на рынке.

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

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

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

1. Ограничение свободы действий
NDA ограничивает вас в том, что вы можете рассказывать о своей работе. Иногда это означает, что вы не сможете добавить определенные проекты в свое портфолио или обсуждать их в публичных местах.

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

3. Юридическая ответственность
Нарушение NDA (даже если вы сделали это не специально) может привести к серьезным юридическим последствиям, включая штрафы или судебные разбирательства. Это накладывает дополнительную ответственность и требует внимательности.

В свою очередь, у компании есть тоже свои плюсы и минусы при заключении NDA.

Плюсы:

1. Защита бизнеса
NDA защищает компанию от утечек информации и интеллектуальной собственности, что позволяет сохранять конкурентные преимущества и снижать риски.

2. Укрепление репутации
Компании, которые активно защищают свою интеллектуальную собственность, часто воспринимаются как более профессиональные и надежные, что укрепляет их репутацию на рынке.

Минусы:

1. Затраты на юридические процедуры
Создание и поддержание NDA требует времени и средств, включая работу юристов и возможные судебные разбирательства.

2. Сложности в найме
Некоторые разработчики могут отказаться от работы в компании из-за слишком жестких условий NDA, что усложняет поиск талантливых специалистов.

Выводы:

Стоит ли работать по NDA - решать лично вам. У меня 4 подряд проекта с NDA и я не могу показать потенциальным работодателям даже кусочки кода. Но все остальное меня не напрягает.

Но при этом я знаю ребят, которые принципиально отказывают тем компаниям, для которых NDA важен.

Что вы еще бы добавили к этому посту? Поделитесь своим опытом.

И как думаете, NDA - это круто 👍 или перебор ❤️?

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

#frontend_useful

Все еще продолжаю пропадать, так как на носу наиважнейший релиз в нашей команде. Нужно подготовиться к этому и отполировать проект настолько, насколько это возможно 🙂 Поэтому запись курса из-за этого тоже идет вяло: вечером сил никаких не остается.

А предыдущий опрос был не просто так 🙂

Я не совсем на ТЫ с AI в редакторах кода и IDE.

Мне не сильно зашел ИИ от Jetbrains. Часто какую-то дичь предлагает.

Дальше я попробовал TRAE - совершенно бесплатный на данный момент AI IDE. В целом понравился.

Но еще больше понравился Cursor. Пока попробовал немного, бесплатной версии достаточно. Давно откладывал знакомство с ним, но ребята бэкендеры на работе уже давно с ним работают и просто в восторге: говорят, что производительность увеличилась раза в 2-3 (в качестве агента юзают Gemini-2.5-pro).

Расскажу чуть позже, как у нас с ним сложилась история 🙂

Если есть опыт в подобных IDE - делитесь фишками, как помогает или как мешает ИИ в работе)

#frontend_useful

Решил погрузиться в тему AI и в частности разобраться, как с этим работать на уровне разработки. Очень советую видео от Антона Ларичева, очень доступно объяснил что к чему

https://www.youtube.com/watch?v=pHr179iQ6rU

#frontend_mylife

Знаете, что такое горящая ж*па?

Когда завтра релиз, а надо успеть:
1. Сделать последние критические фиксы
2. Разобраться с CI/CD, конфигами Docker и понять, почему env переменные подставляются не те, которые нужны
3. Одновременно разрулить несколько рабочих моментов, где нужны мои действия
4. Успеть поспать, так как завтра очень ранний релиз

Делитесь своим опытом появления вулкана на рабочем стуле 😁

#frontend_mylife

Родители сделали раскопки и нашли мои старые фишки 😀

Почему-то из всех мне запомнились Mortal Combat, покемоны и вот эти металлические из Cheetos. Последние вообще топовое топище 😁

Давайте устроим перекличку) Кто играл и помнит что это такое?)

❤️ - Что это за игра древних?
🔥 - я стар, я суперстар, ностальгия в глаз попала