frontend от ежетты

Как вы знаете, я уже полгода работаю исключительно с AI. Однако, пора бы что-то делать. Я так забуду вообще всё 😭 сегодня села делать pet-проект, который ресторан. Это такой многостраничник на vue. Там верстки обверстаешься. Я нашла работу и забила. Года 2,5 назад. Сейчас продолжаю. Сравнительно скоро будет видео. Потом notepad. Это блокнот путешественника. Я помню, что я там даже базу данных настроила. Только не помню, как 😅 и ещё один проект придумала.

P.S. работу не меняю. Но хочу вернуться к тому, чтобы начать что-то делать. Вспоминать. Кто этот ваш Vue 😱🤡 С приветом!

Привет. Продолжаю рассказывать об использовании ИИ в работе разработчика. На этот раз оркестратор и субагенты. Ваш Claude берёт себе нескольких подчинённых и руководит ими.

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

Что даст?
- Скорость по сравнению с одним Claude
- когда Claude работает один над большой проблемой, он полагает, что примерно доделал, хотя работа не закончена, поэтому лучше раздробить задачу между субагентами
- Claude доверяет сам себе и не слишком хорошо проверяет за собой

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

Как я использую уже целых два AI в работе

В основном один (Claude) делает, второй (Codex) за ним присматривает 😁

Claude: обновление всё сломало, локальные тесты все упали
Я: сформулируй вопрос для Codex
Codex: возможно дело вот в этом или в этом...
Я: уточни проблему и напиши способы проверки
Codex: быстро проверить можно так, а исправить вот так
Я: быструю проверку выполни сам, а потом напиши для Claude решение
Codex: моя гипотеза подтвердилась, вот решение
Я: Claude, внеси правки. <пауза> Codex проверь, что правки внесены. Claude вот замечания по правкам

К вечеру я прошу их записать всё важное в специальные файлы, смотрю, что они записали.

Намного эффективнее, чем писать руками. Больше всего меня радует, что не надо руками делать вёрстку

Девушки в диджитал — топ 💗

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

Мы считаем, что в ИТ нет гендера. Но сегодня хороший повод отметить тех кто делает диджитал с женским лицом)

В честь праздника собрали для вас наш топ каналов девушек в ИТ.


Разработка
Жизнь на проде
Наташа пишет про IT
Coding Lady
Юлия. Java-программистка
frontend от ежетты
Ещё один канал про QA
Катерина | Про Frontend
Никаких багов


💗 Продукты
Дашич, беги
Product channel fit Ӏ Камилла Самохина
Tech Talks with Masha
продакт в душе
Продукт, IT и жизнь / Александра
ROSLOVETS: AI, IT and Miaou Miaou Miaou


💗 Управление
Настоящая Булавкина
БИЛДХАЙ
Strategic move: стратегия, продукт и AI
Продажи ИТ-решений. Алсу Бикбаева
В айти всегда солнечно
Выйди и зайди в IT нормально | Агата Захарова


💗 Аналитика
Системный анализ | Ольга Пономарева
Lena Seregina
Наташа Косинова. Варю айти СУП
Заметки системного аналитика


💗 Агентства и основательницы:
Диджитал отдел [Елена Бобина]
Сделано в KLBR
Mish | Дизайн, исследования и разработка
юно
Mazina Flow


💗 PR и маркетинг
Берегулина Светлана про маркетинг и рост
Чистый пиар
Диалоги про PR
Маркетинг на кухне | Кристина Ляпцева
Пиаркетинг в b2b | Мария Жукова
Ира Солощенко | PR в IT
Ася Шабалина о digital PR в ИТ
Приемная
Продвигай ИТ

Право
Avocado FM. Юристы для IT


Кстати, вот папка со всеми каналами, сохраните себе 🌸

Привет, 8 марта ещё не кончилось, врываюсь с перепостом подборки каналов девушек в ИТ, куда попал и мой канал 😳 о чем мне сообщили и теперь я делюсь с вами информацией

Привет! Вот и новый год наступает. Осталось меньше суток. Хочу вам пожелать самого доброго и замечательного года, хорошей работы, работающего кода, не злого начальника, MacBook и чего вам ещё хочется

И даже если у тебя 4 года опыта и тимлид не рядышком, всё равно страшно 😨🙄

[Три котёнка, шерсть вздыблена, текст Джуны, когда ментор ушёл в отпуск на две недели]

Как ИИ решает конфликты веток
➕он может достаточно точно сравнить и подсветить все различия
➖чем больше конфликтный кусок, тем выше шанс, что он запутается
🟰прикольно его применять для оценки ситуации, запрещая вносить изменения
✔️больше всего мне понравился его подход в решении конфликтов локализации, он может заметить, что слово тут с большой буквы, а тут с маленькой

Привет! Некоторое время назад я тут рассказывала, что веду канал про Челябинск. Я продолжаю (материала очень много)

Вот некоторые посты из последнего:
Уникальное искусство Каслинского литья

История Челябинского герба

Куда без театров

Уральские растения - большое исследование из многих частей

Интересная книга про Челябинск

История Одигитриевского монастыря - часть 1

И много другого интересного 🦔

Небольшая лекция о вечном, откуда берутся дети конфликты.
Разработчик А и разработчик Б в ходе работы над разными задачами, в разных ветках, в одном и том же файле на одних и тех же строчках написали что-то разное. Возникает конфликт веток, самое страшное, когда их много в тонне файлов. По каждому случаю, вам, как решателю конфликта, нужно принять решение: так что должно быть на этой строчке, код разработчика А, код разработчика Б, и то, и другое, какая-то комбинация или ничего. Советую потом идти и проверять, что этот кусок работает после всего.

Тяжесть бытия :)

Источник: https://t.me/ithumor

Как я использую нейросеть для программирования

Мы используем windsurf AI
1. Можно смотреть предлагаемые дополнения кода и использовать Tab для применения - для мелких правок
2. Можно писать запросы(использую модель Claude)

Важно, чтобы запрос содержал всё необходимое:
- файлы, которые нужно изучить, в них названия методов или например, строки 100-180
- пошаговое описание работы: напиши метод, примени там-то, добавь логи
- примеры выполнения: я в master-ветке, посмотри и запомни логику работы фильтров, какие фильтры исключают друг друга, как сделан сброс, поля запроса. Теперь в рабочей ветке добавь...

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

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

Дополню: если сложная проблема, пишу: не вноси правки, скажи, что предлагаешь. Чтобы сначала посмотреть, а то если он полфайла перепишет, а я потом нажму reject может reject-нуть лишнее или не всё отменить

Прихожу на работу, открываю figma, а у меня макет при наведении мыши движется влево. Без нажатого shift. Настройки какие-то? Вирус? Инопланетяне?

Гугл поиск ничего не дал. Отключить и включить мышь тоже. Помогло вытащить и вставить обратно Bluetooth-адаптер. Мышь и клавиатура от него, возможно дело в ком-то из них. Но выглядело, как жесть

На самом деле, а что если отправить кошку?)

#ит_юмор

Уровни "крутости", от меньшего к большему:
прийти на собеседование подготовленным,
прийти на собеседование подготовленным, с крутым портфолио и в красивой одежде,
прийти на собеседование с мамой
отправить только маму на собеседование

Помните, я год назад вела вебинары для Women in Tech и для Казахстанского проекта Techno Women?

Мне написали из WiT и мы обсудили мою возможность быть в этом году ментором и спикером!

А всё начиналось с просьбы разместить рекламу в моём канале. Написала статью о том, как это было и что дальше ⬇️

https://vc.ru/dev/2185722-kak-ya-stala-spikerom-women-in-tech-za-god

Привет, это ИТ-новости! Если точнее: что интересного я нашла

Frontend - анимации
▫️ Счётчик на css, js, ###
▫️Лоадер с геометрией, ###
▫️Движение текста с картинкой при прокрутке, ###

Frontend - теория
▫️Различие между box-shadow и filter: drop-shadow, ###
▫️Про качество вёрстки и альтернативы плохому, ###
▫️работа с куки на js, ###

Дизайн
▫️Канал: лайфхаки figma, книги, юмор - даже я залипла, ###
▫️Шрифты: уютный-рукописный, ###, комиксовый-мемный, ###, акцидентный "Питерский", ###

QA
▫️Подкаст о том, как QA обеспечивает безопасность ваших денег, ###
▫️Канал: юмор и мемы тестировщиков, ###

А ещё
▫️Как ИИ победил на российском кинофестивале, ###

Как вам ссылки-решетки?

#IT

😁 За минуту до созвона • Мемы

Привет! Это продолжение сборников с теорией, вышедшей на канале

О работе с git

Тернарный оператор - зачем, как и почему

NaN - не равен сам себе

Методы JS - там два поста, следующий под этим

Копирование объектов и массивов

Типы данных JS

Регулярные выражения

События мыши

Немного лайфхаков JS

Отдельно про метод splice

Методы округления в JS

Библиотеки, инструменты, vue

🔗 Теория - вёрстка
🔗 Чат для ваших вопросов и общения

#теория_фронтенд #js

Привет! Дублирую старый пост, потому, что он был полезный (на самом деле, это сборник ссылок на ещё более ранние посты)

Подборка инструментов для разработки (вышедшие ранее посты, подборка для удобства):

npm, yarn - что зачем и как

Webpack - гайд по настройке с нуля

Open Server - установка и настройка

База данных с нуля - создание и заполнение

API Yandex карт

Panzoom - работа с библиотекой на примерах

GSAP - пример с раскрывающимся списком

Swiper - собираем слайдер по шагам

Создаём с нуля проект на vue+vite

Ящик полезных расширений и сайтов для фронтенд-разработки

Инструменты проверки доступности сайта

Предыдущие папки с теорией:
🔗 JavaScript
🔗 Вёрстка

#теория_фронтенд #инструменты_разработчика

Мой рабочий день, в процессе

Там нет этого параметра. Нет. Но он отправляется. Где-то. Но его там нет

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

Я не нахожу какие-то логи точно. Почему через network не нахожу? Но он же есть