Егор Локи [Frontend Blog]

🔥 Друзья, видео на канале, приятного просмотра!) https://www.youtube.com/watch?v=hOE7wY6A_hc 🖥 Исходный код 📖 Важная информация по настройке и установке

Спустя 16, пролетевших, как один миг, месяцев, что-то действительно готовится и даже скоро будет готово🌞

Всех с 1 сентября, друзья) ⚡️

Друзья, всем доброго вечера! ✨ Вот и наступил последний вечер лета. Надеюсь все успели надышаться теплым воздухом и погреться на солнышке) ☀️ В последнем посте обещал выпустить видео, было желание увеличить количество полезного контента и здесь, но сам утонул в личной суете, поездках, работе и в итоге не закончил его. Как все успокоиться, буду доделывать обещанное. А так планирую увеличивать количество лайв контента здесь и полезного контента на ютубе, чтобы не исчезать на такие долгие сроки. Желаю всем продуктивного учебного и рабчего года. Было бы интересно услышать пару слов о том как вы провели лето в комментариях🔥

Всех приветствую! 🙂 Нас уже 1500. Очень благодарен всем, кто подписывается и поддерживает 🔥 Сейчас у меня в процессе находится видео про интересную библиотеку. Будет оно довольно узкой специализации, но, если подумать, то это может являться хорошей идеей для пет-проекта. Может даже запишем, что-то подобное) Скоро услышимся! 🗓

⚡️ Друзья, на видео про FSD и Atomic пробили 40к просмотров Всем спасибо ❤️‍🔥 Кто еще не видел - рекомендую к просмотру) https://www.youtube.com/watch?v=pnMyvVK4B9E&t=645s

👀 Как эмпатия и эмоциональный интеллект спасут ваш код Представьте себе ситуацию: ваша команда в настроении праздника, взбудораженно готовясь к новому проекту и поднимают стаканчики с кофе. Однако вдруг один из ваших коллег, Александр, начинает проявлять странные признаки раздражения. Вместо обычной тихой работы он реагирует на каждую малейшую ошибку с таким напором, словно это сигнал тревоги в понедельник утром. В результате даже самая стабильная команда разработчиков может оказаться на грани краха 💥 🔴Ученые Канеман и Тверски доказали, что ни одно решение не принимается человеком без эмоционального влияния. И часто наши эмоции становятся нам совсем не помощниками. Из личного опыта могу подтвердить, что развитие эмоционального интеллекта играет ключевую роль в профессиональной деятельности. Важно уметь сохранять спокойствие в самых непредсказуемых ситуациях. Ранее я часто допускал, что раздражался, когда что-то не получалось. В такие моменты работа становилась мучительной, а код... ну, лучше не вспоминать. ❗️Как этого избежать? Вот несколько советов из собственного опыта: 1. Признавайте свои негативные эмоции - это нормально, но важно уметь объяснять другим, почему они возникают. 2. Не забывайте отдыхать. Это простой, но чрезвычайно важный способ избежать выгорания. У меня есть пост на эту тему 3. Если что-то не получается, не мучайте себя. Возьмите небольшой перерыв и вернитесь к задаче с чистой головой. Лучше всего обратиться за помощью к более опытным коллегам. ❓И вот вопрос к вам: как часто вы испытываете негативные эмоции и раздражение во время работы?

🎙 Друзья! После продолжительного перерыва мы снова в деле и готовы начать новый этап творчества ✨ В период моего отсутствия, как здесь, так и на YouTube, у меня накопились размышления: ✉ Прежде всего, я не планирую засыпать этот канал скучными задачами, опросами, тестами и кодом. Всего этого и так в избытке. Однако почти никто не касается других важных аспектов, таких как психология в программировании. Именно этим жизненным темам я хочу посвятить этот блог, время от времени разбавляя его техническими материалами. Здесь мы будем общаться и отходить от огромного потока работы) 📹 На YouTube я также буду делиться гайдами, обзорами инструментов и другими обучающими материалами, как это уже делается на данный момент. Я стремлюсь сделать контент более живым и интересным, ведь всегда приятнее получать информацию, видя перед собой живого рассказчика. Я очень надеюсь на вашу поддержку. Вместе мы создадим нечто новое) 😱

🤕 Синдром самозванца в программировании Подчеркнутое уважение, окружающее программирование, может иногда создать чувство несоответствия. Я никак не могу принадлежать к этой сфере. Все вокруг - профессионалы, а я просто делаю вид На самом деле это цитата Альберта Эйнштейна, адаптированная под программирование. Но думаю, такие слова звучали бы знакомо для многих из нас. Это и есть синдром самозванца - неоправданная неуверенность в своей компетенции 🔴Этот синдром - не просто эмоциональное состояние, это тормоз на пути к развитию, заставляющий нас ощущать себя менее компетентными, чем мы на самом деле. В мире программирования это может проявляться в форме тревоги, стресса и страха быть разоблаченными. Мы ставим перед собой невыполнимые стандарты, хотим, чтобы все было идеально, и, не замечая своих достижений, переносим с собой рюкзак неудач. Чем больше мы узнаем, тем шире становится понимание информации, которой мы не владеем. В IT этот эффект усиливается высокими стандартами, постоянным сравнением с себе подобными и непрерывным стремлением к совершенству. 🔥 Но есть способы преодоления этого состояния, которые помогают мне. Вот несколько полезных советов: 1️⃣Ведите дневник "Я молодец": Каждый день запишите хотя бы одно свое достижение, даже самое маленькое. Это может быть решение задачи или даже просто помощь коллеге. 2️⃣Проведите аудит своих навыков: Запишите все, что вы умеете и знаете, даже самые мелкие навыки. Это поможет вам лучше осознать свою компетентность и преодолеть чувство недостаточности. 3️⃣ Напоминайте себе, что "Все ошибаются": Ошибки - это неизбежная часть процесса обучения и роста. Важно извлекать уроки из них и двигаться дальше. Не позволяйте синдрому самозванца замедлять ваш прогресс и мешать вашему развитию. Помните, что вы заслуживаете быть здесь, и ваш вклад имеет значение 🙂 Будет интересно услышать о вашем опыте и способах преодоления синдрома самозванца в комментариях👇

🔴 Друзья! Сильно затянул с видео про валидацию, но теперь оно на канале! Всем приятного просмотра! https://www.youtube.com/watch?v=OoSKALD5bw0 Исходный код тут

Друзья! На канале 1000 и я благодарен лично каждому, кто оценил и не поленился поддержать! Спасибо!) 🤝

🖥 HTML First: Почему вам не всегда нужен фреймворк 🗣️ Программист и создатель первого вируса, Ричард Скрента, говорил: Cамый лучший код - это его отсутствие Может показаться нелепым, но как бы это могло относиться к веб-разработке? Неоспоримо, что за последние несколько лет веб-разработка стала значительно сложнее. Постоянный поток новых инструментов и библиотек, а также быстрые изменения в старых, создают ощущение постоянной гонки. Ранее, даже для простых проектов, я использовал React, но со временем осознал, что мог бы достичь того же результата, не загружая себя фреймворками, что сэкономило бы время и упростило задачу. И с недавнего времени среди разработчиков очень распространилась тенденция HTML First, суть которой состоит в том, что для решения задачи следует выбирать наиболее простой путь. Не нужно усложнять решение без надобности. Я не спорю, что проекты бывают разного уровня сложности, но если у вас есть задача базового уровня, которую можно сделать на HTML - сделайте ее на HTML HTML First ставит перед собой 2 задачи: существенно расширить круг людей в веб-разработке, а также сделать создание веб-программ более приятным и лёгким процессом за счет использования стандартных возможностей современных веб-браузеров и предельной простоты синтаксиса ✨ Почитать подробнее про HTML First можно в статье - клик Согласны ли вы с этой идеей? Было бы интересно услышать ваше мнение в комментариях 👇

✋ Друзья, всех приветствую! Планирую выпустить видео по удобной валидации форм. Конкретно хочу рассказать про интеграцию схем валидации с React-hook-form, чтобы увеличить читаемость кода и производительность. Сам лично использую этот способ. 🔜 В скором времени появится на ютубе. Накиньте реакций, кому бы было интересно) 🔥

🗣 Программирование и отдых: как избежать выгорания 🧑‍💻Времена, когда я работал сутками и даже ночами, запомнились как период бесконечного давления, нехватки времени и огромного списка задач. В итоге такого образа жизни я столкнулся с крутейшим выгоранием. Кажется, что даже взгляд на код вызывал у меня нечто отвратительное, и эмоции колебались от раздражения до агрессии в течение нескольких недель. Но как избежать этого? Даю ряд советов 1. Смените обстановку Попробуйте работать в различных местах: в уютном кафе с чашкой любимого напитка или в парке, если это возможно. Личный опыт подтверждает, что изменение обстановки существенно повышает продуктивность. 2. Разграничьте "личное Я" и "рабочее Я" Установите четкий график работы и старайтесь не выходить за его пределы. Не забывайте уделять время себе, чтобы работа не вторгалась в вашу личную жизнь. 3. Безжалостно расставляйте приоритеты Список дел всегда кажется бесконечным. Выбирайте только те задачи, которые приближают вас к цели, и отбрасывайте те, что отнимают время, не обеспечивая должного результата. Полезно воспользоваться матрицей Эйзенхауэра для принятия взвешенных решений. 4. Заранее планируйте отдых Уделите время, когда вы абсолютно не занимаетесь работой. Это может включать в себя прогулки на свежем воздухе, время с близкими и друзьями, творчество или просто физическую активность. Небольшие физические упражнения помогут отвлечь мозг и снять напряжение. Прислушивайтесь к себе и не пытайтесь заглушить усталость очередной чашкой эспрессо) ☕️ А как вы привыкли отдыхать? Поделитесь в комментариях 👇

👀 На сколько эффективны IT-курсы, как нам их продают? Этот пост представляет собой мое чисто субъективное мнение и охватывает тех, кто только начинает свой путь. В наше время IT-курсы пользуются огромной популярностью. В поисковике можно найти миллионы результатов по дорогостоящим курсам💸 Почему так многие решаются на их приобретение? Ответ прост: курсы представляют собой готовый источник информации. Они включают в себя готовый и структурированный план обучения, поддержку и связь с ментором, а также какие-то преимущества после окончания. Исходя из этого, у многих формируется иллюзия, будто "Меня там всему научат", и они передают ответственность за свое обучение третьим лицам. Однако эта иллюзия часто становится препятствием для усвоения материала. По статистике, при таком формате обучения искра желания освоить профессию часто тускнеет, оставляя лишь мотивацию вроде "Я вложил много денег, не могу бросить", и обучение превращается в рутину, особенно когда в него включены многомесячные программы. Самостоятельное обучение требует больше самодисциплины. Такой подход развивает важные качества. Такие курсы обычно продолжаются от 9 месяцев до 2 лет, и до конца доходят далеко не все. А какова вероятность успешного трудоустройства после окончания? Многие курсы обещают гарантированное трудоустройство, но реальность может оказаться иной. Зачастую работодатели больше ценят реальный опыт. Самостоятельное обучение дает больше пространства для создания собственных проектов и развития навыков 💎 ❗️Тем не менее, с чего лучше начать? Чтобы стать программистом, начните программировать — просто и логично. Попробуйте начать с бесплатных материалов, которых в интернете огромное количество. Затем напишите что-то свое, посетите митап, общайтесь со знающими людьми. Это поможет вам преодолеть иллюзии и понять, действительно ли вы готовы продолжить. Начните с самостоятельного обучения, а потом уже станет понятно, стоит ли брать курсы) Отпишите ваше мнение в комментарии 👇

🖥 Как спокойно осваивать Frontend-разработку Фронтенд-разработка с ее множеством инструментов и технологий иногда может показаться огромным лабиринтом для новичков. Однако ключевым моментом в освоении новых навыков является не бежать вперед паровоза и не пытаться охватить все сразу. В данном посте я не буду составлять дорожные карты, а дам несколько советов о том, как спокойно и эффективно осваивать фронтенд, избегая выгорания 💬 1. Выберите один инструмент и изучайте поверхностно: Предположу, что вы уже знаете основы HTML, CSS и JS. На первом этапе сосредотачивайтесь на изучении какого-то одного инструмента. Например, выберите интересующий вас фреймворк, такой как React, и изучайте его поверхностно. Освойте основы, понимайте принципы работы, но не углубляйтесь слишком сильно. Это позволит быстрее получить общее представление и определить, хотите ли вы продолжать. 2. Изучайте технологии на практике: Подумайте о том, что лично интересно вам, и создавайте проекты, параллельно изучая новые технологии. Главное – не гонитесь за масштабами, выберите нечто простое и двигайтесь на своей волне. Это поможет вам изучить новое и закрепить знания на практике. 🔥 Помните правило 80/20: 20% теории и 80% практики 3. Не прыгайте с одного инструмента на другой: Многие совершают ошибку, переходя от одного инструмента к другому. Это может привести к перегрузке информацией и потере интереса. Прежде чем что-то учить, найдите в этом ценность для себя и принимайте решения на основе ваших чувств. Переключение с одного дела на другое может привести к потере мотивации. 4. Отдыхайте и анализируйте прогресс: Не забывайте отдыхать. Фронтенд-разработка – это марафон, а не спринт. Регулярно делайте паузы и оценивайте свой прогресс. 👍 По возможности обучайтесь вместе с единомышленниками, это более интересно и облегчает процесс. Если такой возможности нет, оставляйте комментарии к постам — всегда готов ответить и предоставить помощь. Успехов!

📈 Самые популярные фреймворки в цифрах Ребята из DevJobsScanner провели анализ около 500 тыс. вакансий с различных авторитетных ресурсов (LinkedIn, Glassdoor, RemoteOk, Dice и многих других) и сделали интересные выводы о популярности фронтенд-фреймворков. Вот наиболее заметные результаты: В России самым популярным фреймворком стал React (51% вакансий), за ним идет Angular (36% вакансий), а на третьем месте – Vue (13% вакансий). Тем не менее, React не является лидером во всех странах. Например, в Бельгии значительную долю рынка занимает Vue (до 59%), в то время как React уступает с 15%. 💸Судя по вышеуказанной статистике, самым высокооплачиваемым фреймворком является React (в среднем $116k в год, основываясь на вакансиях из США). Средняя заработная плата разработчика на Angular составила $110k в год, а на Vue – $107k в год. Более подробные цифры и графики вы можете глянуть в оригинальной статье 🔖 Подводя итог этому небольшому обзору, можно сделать вывод, что на данный момент React доминирует над другими фреймворками как по числу вакансий, так и по уровню заработной платы. Angular, несмотря на меньшую конкуренцию, сохраняет свой спрос на рынке. Что касается Vue, то на текущий момент он выступает в роли аутсайдера, и начинать его изучение в качестве первого фреймворка нерационально; лучше начать с React или Angular.

⚠️ ESLint принял решение отказаться от стилистических правил Недавно на официальном сайте ESLint появилась новость с заголовком: Deprecation of formatting rulesЭто означает, что начиная с версии 8.53.0, разработчики линтера прекращают поддержку стилистических правил, таких как отступы, запятые, скобки и т. д. Однако, они заверили, что эти правила будут продолжать работать вплоть до версии 10, поэтому в данный момент ничего не сломается. Однако со временем стоит задуматься о поиске альтернативы. Почему произошел такой поворот? Ответ прост: линтер изначально не предназначался для использования в качестве форматера кода. Все эти правила были введены исключительно в рамках эксперимента, но сообщество настояло на их постоянном внедрении. Теперь количество этих правил превысило отметку в 300, что сделало их поддержку крайне сложной. И разработчики задумались: зачем заниматься тем, чего они фактически не предполагали делать. ✔️ Что же использовать вместо ESLint для форматирования кода? Есть три варианта: Prettier, Dprint и ESLint Stylistic. С первыми двумя вариантами все просто - они практически не требуют настройки и выполняют свою работу быстро. Второй вариант представляет собой плагин, унаследовавший правила ESLint (Важно отметить: не все правила были унаследованы) и подходит для тех, кто не хочет потерять свои настройки, перенеся их в новый плагин ESLint Stylistic. Миграция проходит легко, подробности можно найти в документации. Лично я выбрал третий вариант и планирую записать короткое видео на эту тему 📣

Как и обещал прикрепляю памятку для работы с FSD, для облегчения встраивания в проекты ⚡️ 🔼Плюсы FSD: - Гибкость: FSD позволяет создавать интерфейсы, которые легко адаптируются и масштабируются. - Удобство: FSD упрощает процесс разработки, поскольку каждый элемент интерфейса может быть легко изменен или удален без влияния на другие элементы. - Модульность: Разделение на небольшие части делает код более модульным и понятным. - Распределение обязанностей: Каждая фича может иметь свою структуру и ответственность, что снижает сложность кода. -Бизнес ориентированность 🔽Минусы FSD: Сложность: FSD может быть сложным для новичков, поскольку требует глубокого понимания структуры и взаимодействия элементов интерфейса. 🔼Плюсы Atomic Design: - Систематизация: Атомы, молекулы, организмы, шаблоны и страницы предоставляют четкую структуру для организации дизайн-системы. - Более простой, нежели FSD 🔽Минусы Atomic Design: - Отсутствие четкой бизнес ориентированности - Не подходит для крупных проектов

🆕 Видео про архитектуру React на канале. Наиприятнейшего просмотра! https://www.youtube.com/watch?v=pnMyvVK4B9E&t=10s