Подробный разбор background-image, background-position и background-size.

👉Перевод👈

#css

Всем привет!

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

Хочу поделиться своим мнением - о вашей первой работе в IT.

Что бы я сейчас рекомендовал избегать при поиске первой работы:

1. Уточняйте количество коллег (именно по вашему направлению) в компании.
2. Узнайте каким первым проектом вы будите заниматься.
3. Если проект большой - сколько ещё коллег будет с вами.
4. Сколько у вас времени, чтобы разобраться с проектом, если вы не с 0 вливаетесь.

К чему я это рекомендую?
Если вы попадете в сложный проект и окажетесь единственным разработчиком - вряд-ли, вы справитесь((( Как минимум, вы будете работать сутками и потратите кучу нервов и сил. И чем сложнее будет проект, тем больше шансов, что вы не осилить его.
А вот если хоть кто-то ещё будет на этом проекте уровня выше junior, т.е. человек с опытом - работа будет легче у вас идти и наверняка приносить удовольствие. Ведь зачастую, достаточно пару минут пообщаться с коллегой, который в теме, в ситуации когда вы уже все что можно нагуглил, но разобраться не можете.

И не дай Бог вам достанется первым проектом legacy код - это ещё более сложный вариант для первой работы.

PS. Про удаленку я уже писал - продолжаю считать, что никакой удалёнки первая работа не должна предоставлять. Мне немного не повезло - я умудрился начать поиски как раз перед объявлением карантина.
Но т.к. я был один на проекте - мне все равно, в офисе или дома работать, разбираться самому пришлось. Сейчас же я подсел на удаленку - не трачу время на переезды, могу больше времени посвятить проекту. Но это сейчас мне все нравится - а когда начинал, было не весело((( Поэтому, рекомендую удаленку только, если у вас уже есть опыт работы.

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

#собеседование

Одна из самых загадочных магий в JavaScript - замыкание.

Перевод статьи самого Дена Абрамова (Dan Abramov) о замыканиях.

ЗЫ Я считаю, что очень хорошо о замыканиях для новичков рассказывают на learn.js

#js

useEffect(fn, []) это не новый componentDidMount()

Перевод свежей статьи о самом сложно хуке Реакт - useEffect.

PS Напомню (хоть уже и скидывал ранее) мою любимую статью (почти книгу) про этот хук - тыц👈

#react

Всем привет!🖖

Хочу поделиться просто must-have подборкой статей для подготовки к собеседованиям. Данная подборка постоянно обновляется.

👉Подробнее

#собеседование

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

👉Крутое решение - меняем шрифт при наведении без сдвига макета

PS Нужно попробовать применить этот подход и к другим аналогичным решениям.

#css

Самое сложное для меня свойство flexbox - flex. Не знаю как другим, но для меня это магия)))) Помню даже в офф документации читал, что лучше не использовать поотдельности свойства, которые в нем объединяются)))

Если вы тоже хотите разобраться - вот подробная статья👈

#css #flex

Задачка на выходные - определите в какую сторону течет вода в металлической трубе)))

ЗЫ Вот варианты решения👈

В последнее время язык JavaScript развивается ускоренными темпами.
Все чаще и чаще на проектах отказываются от различных библиотек в пользу нативных возможностей JavaScript.
И один из таких примеров - уменьшение популярности jQuery - библиотеки, которая была №1.
Если вы все ещё пользуетесь ей или просто изучаете DOM API - то эта статья для вас!
👉Используем DOM как Pro

#js

Университет Иннополис открывает набор на бесплатные шестимесячные IT-курсы.

Всего 3 направления: JavaScript, Data Science и тестирование ПО.

Заявку нужно подать до 31 августа.

Отбор студентов по конкурсу, обещают высокую степендию и последующее трудоустройство.

👉Подробнее👈

ЗЫ Как я понял, на это обучение уже с опытом отбирают😔

​​UPD:
Один из читателей прислал отзыв по учебе, о которой я выше рассказывал. С его разрешения публикую скрин:

Всем привет! ПРОСЬБА - прочесть сообщение и проголосовать! Заране всем благодарен 👍
Последнее время погряз в работе - даже на самообразование времени и сил не остается. Жизнь немного изменилась - да и цели, поставленной при создании этого канала я добился (занести свой опыт обучения с 0 до первой работы).
Теперь хочу понять - в каком формате продолжать вести этот блог. Голосуйте, пишите в личку, интересно ваше мнение.

Обзор фреймворка TypeGraphQL v1.0

Типа GraphQL + Typescript 🤣

👉Подробнее

#typescript #graphql

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

Буду больше писать о реальной работе (стараясь не нарушать соглашение о не разглашении) и при этом продолжать публиковать хорошие материалы как для обучающихся, так и для опытных коллег!!! Не переключайтесь © 🤣
Всем удачи 🖖
ЗЫ Ну и рекламы немножко будет - на мороженое 🍺🤣

Одна из тем, которые я хочу срочно подтянуть - это тестирование. Проект, который сейчас делаю, довольно сложный, очень много кода, предшествующего построению интерфейсов - его желательно весь тестировать.
Так же я использовал тестирование, когда переносил legacy код, а потом решил его оптимизировать. Что я сделал - зная, что код рабочий я написал к нему тесты и проверил, чтобы все проходили. Только после этого начал оптимизировать код (фактически с 0 переписал его, изменив архитектуру), проверяя тесты. Рекомендую такой подход в данных ситуациях - очень облегчает жизнь в сложных кусках кода.
Так же хотелось бы чаще тестировать React компоненты.
Кстати, вот свежий курс - буду на выходные заниматься.

зы Рекомендую почитать про Storybook, если кто юзает React.

#test #react

Если вы изучаете Реакт и планируете написать хорошее портфолио - вот отличная идея!
👉React Calculator на Hooks и Context API
Хороших выходных.

#react

10 отличных инструментов для React разработчика

👉Подробнее👈

ЗЫ От себя рекомендую особое внимание уделить Storybook - тем более он не только для React, поэтому необходим любому веб-разработчику.👍

#react