А чтобы подучить Git еще и в интерактивном режиме рекомендую зайти на https://learngitbranching.js.org/.

Тут сможете развить знания в командах, которые уже знаете, узнать что-то новое и наконец-то перестать создавать папки project-v2 и project-v2-final.

#tips #советы

После вчерашнего поста, думаю, все уже стали гуру Гита, можно двигаться к Github. У многих (если не у всех) уже есть там профиль, в другом случае - обязательно создайте.

Для украшения своего профиля вы можете создать себе блок-презентацию. Тут вам понадобятся немного знаний о том, что такое README.md файл и Markdown (можно разобраться за пару минут). В этом блоке я бы рекомендовал вам добавить информацию о том, на каких технологиях работаете, что изучаете, может работали на каких-то open-source проектах и тп.

А как все это сделать, можете посмотреть на видео по ссылке ниже.

Смотреть видео

Мой Github для примера: https://github.com/lluchkaa/

Своими страничками делитесь здесь ⬇️

#tips #советы

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

Я в новой компании относительно недавно и нужно было проверить уровень моего английского, чтобы определить меня в группу для занятий. В ходе разговора я проговорилась, что у меня больше двух лет опыта в коммерческой разработки. Преподаватель подсчитала и удивилась, как так получилось, что я начала работать с 19 лет (а Юра даже с 18). А я сама хз, как так получилось.

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

Как вы считаете, в каком возрасте оптимально выходить на работу в ИТ?

⬇️

#quiz #тест

Redux Toolkit

Так, как у меня стартовал новый проект, настраивать его нужно с новыми технологиями. Поэтому, как я писала на прошлой недели, я выбрала redux-toolkit, вместо обычного (ну как я, мне сказал ментор, что можно его использовать, а Юра заставил с ним разобраться).

Штука реально крутая, даже мне зашла! Очень упрощает жизнь и помогает писать меньше ненужного кода.

Здесь документация и видео, по которому я разобралась с redux-toolkit, посмотрите - не пожалеете.

https://redux-toolkit.js.org/introduction/getting-started#learn-modern-redux-livestream

#article #статья

UI kit

В продолжении к теме нового проекта - UI kit. Если кто-то не знает, так называют набор простых компонент, например инпутов, кнопок, которые используются в проекте.

Можно использовать готовые компоненты, например Material UI (ну уже MUI) для React, а можно писать свои. У меня был проект и с Material UI (в свое время), и были проекты, где нужно было делать свои компоненты.

Как выбрать, что использовать? Это выберут за вас :) Если дизайн подрублен к конкретной библиотеке - используете её, нет - делаете свою.

Сейчас я в процессе создания своего UI kit. И хорошо, что у меня есть опыт и я могу не допускать своих старых ошибок. А вот решения некоторых моих ошибок:

1. Делайте компоненты максимально простыми и юзабельными. Моя ошибка была в том, что за год мои компоненты разрослись, у них была кучу непонятных пропсов, и если даже мелкую деталь убрать, была большая вероятность, что что-то поломается. Решение: делать обертку и там уже шаманить.

2. Не делайте свой велосипед. Есть у вас свайпер - это сложная компонента, используйте готовую библиотеку и просто прикручивайте к своему дизайну.

3. В компонентов есть свои нативные props - в инпута, кнопки и тд. Наследуйте их, и если нужно, дописывайте свои конкретные (ну если работаете с TypeScript).

Вот как-то так. Не наступайте на мои грабли и удачи вам в разработке!

И если у вас есть какой-то опыт или мысли по этой теме - ⬇️

#experience #опыт

Personal Portfolios

Ребят, мы на выходных увидели видео с разными персональными портфолио. Теперь мы конкретно этим загорелись! Можно не кидать рекрутерам cv с банальным шаблоном, а уже немного показать на что ты способен в своем сайте о себе.

Оставляем видео с примерами и может вам тоже захочется когда-нибудь создать свой: https://youtu.be/BZqzhmlTkAc

#tips #советы

Ребяяяят, нас тут уже 100+! Это для нас с Юрой большая победа! Спасибо! 💛

И в честь этого мы придумали новую рубрику: interview. В ней мы будем рассматривать часто задаваемые вопросы на собеседованиях.

И так, начнём же прямо сейчас!

Что такое data-* атрибут?

Когда я первый раз услышала этот вопрос на одном из интервью, моей первой мыслю было: «Че?». А это оказывается очень просто: в теге можно создавать свои атрибуты для хранения произвольной информации - это и есть data атрибут. Например:

<p data-user=“Иван Иванов”>Пример</p>

Я их активно использовала до этого. На моем старом проекте был роутинг на беке (да, это плохая практика, но имеем, что имеем) и роут, данные к страницы мне передавались через data атрибуты. Но, что это так обзывается, я до этого интервью не знала :)

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

#quiz #тест

А еще немного о фичах, которые можно использовать в JS, можете узнать ниже ⬇️

Читать статью

#article #статья

Привет, ребята. Как там проходят ваши будни?

Я тут работаю над проекте со Svelte фреймворком (о нем поделюсь в другой раз). На днях работал много со стилями и открыл для себя Tailwind. Для меня это шаг вперед в стилизации проекта. Многие уже наверное использовали(ют) его, так что для вас апдейт - только недавно вышла 3 версия фреймворка.

А для тех кто не в курсе о чем я: Tailwind - CSS фреймворк, который сильно поможет вам в работе со стилями, а именно только используя классы, вы сможете наверстать и простилизовать все, что угодно. Это что-то похожее на Bootstrap, но тут все более utility-first (разбито на мелкие части) и много настроек (но прекрасно работает на стандартных).

Из плюсов еще выделю то, что он просканирует вашы html, js файлы и не будет добавлять лишних классов.

Для удобной работы я б еще посоветовал вам поставить их плагин в VSCode, WebStorm или другой ваш редактор.

Открыть документацию

#article #статья

Удивительный факт - если посмотреть в календарь, то можно увидеть не 3 сентября, а то, что скоро Новый Год и праздники. Поздравления будут чуть позже, а пока поделюсь тем, что же я ожидаю от нового 2022.

На самом деле, думаю что громких изменений не будет. Будет так же много облак и контейнеров, используем все те же языки программирования: Python - для данных; Node, Python, Ruby, Java, C# - для бекенда; C, C++ для университета; JS для всего. Мне будет очень интересно посмотреть на Fleet, Github Copilot, появится ли блокчейн и криптовалюта у нас в повседневной жизни.

Но а подробней о том, что такое Web3 и с чем его есть, когда же все таки нас уничтожит ИИ и другое, можете посмотреть по ссылке ниже.

Смотреть видео

#article #статья

Сегодня мы разберем ну прям самый популярный и самый tricky вопрос на собеседованиях - что такое замыкания или closure?

С этим вопросом у меня есть маленькая история. Это было мое первое нормальное интервью. Я очень переживала и штудировала все, что только можно. И когда я дошла до замыканий - я не могла найти нормальное объяснение, которое на 100% мне сможет помочь разобраться. Что же я сделала? Как обычно, я написала Юре (в то время мы были просто друзьями) и моментально он мне ответил: “Ты что, хочешь менять работу?”. Я не хотела признаваться, но все уже и так было понятно. Этот вопрос меня спалил, потому что в обычной практике с ним если и сталкиваешься, то не особо заморачиваешься, как это работает и как это обзывается. Это понятие создано только для собеседований :)

Так вот, замыкание - это когда функция может использовать переменные из функции-оболочки, даже когда эта оболочка закончила выполнение. Использовать можно для того, чтобы скрыть состояние и дать доступ к какой-нибудь работе над ним.

По факту - практика проще теории, поэтому советую еще почитать статью ниже.

Читать статью.

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