Много раз слышал, что WebStorm сильно загружает ПК. А так же часто спрашивают - "можно ли учиться с планшета"?

Оказывается, есть решение!

👉Подробнее👈

#soft

Всем привет! Судя по количеству лайков - идея с тестовыми многим понравилась.
Ок, значит начинаю собирать коллекцию - сначала публикую те, что у меня остались и заодно решения к ним. Потом добавлю пост в шапку и буду обновлять его постоянно.

Не стесняйтесь, присылайте тестовые, которые у вас были (можно с решением), буду добавлять их.

ЗЫ Решения рекомендую смотреть, после того как сами сделали тестовое, так больше пользы.

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

Коллекция реальных тестовых заданий. Обновляется...

зы Присылайте свои тестовые (можно с решениями), буду обновлять.

1. Реализовать контрол, на основании макета react, typescript, sass, bootstrap, redux-form. Решение+задание в readme

2. Мини-сервис новостей. Решение+задание в readme

3. Приложение для сети прокатов велосипедов компании CityBikes. React + Redux + TypeScript - Задание

4. HTML+CSS+JS задание

5. Бегущая строка биржевых данных. Задание

#тестовое

React Router

Часть 1 — основы роутинга, типы и динамические страницы

Часть 2 — параметры запроса, 404 страница и передача пропсов компоненту роута

Часть 3— редиректы, передача props компоненту роута и вложенные роуты +бонус

#react #router

Как разработчику торговаться на собеседованиях

Хорошая статья, особенно если вы не привыкли к таким торгам)

👉Подробнее

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

Раздвижные ряды в CSS Grid - ещё больше гибкости в макетах при помощи grid.

👉 Подробнее

#css

Меня постоянно преследуют webSocket. Портфолио на сокетах, на работе большой проект тоже с сокетами. Я уже думаю со стороны сервера их изучить на всякий случай. В современном вебе они реально востребованы.

Если кому интересно, вот свежая статья - Пишем свой dependency free WebSocket сервер на Node.js

#node

Подробный разбор 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

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

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