Setup project from scratch
На прошлой неделе у меня стартовал новый проект. Там там тадам. Я уже в разработке больше двух лет, но опыта настройки коммерческого проекта с нуля у меня не было (в отличии от Юры). Поэтому вся прошлая неделя была в таких диалогах: "Юра, как это подключить? А это? А это зачем? Блин, оно не работает!!"
То, что я точно поняла в настройке проекта с нуля, это то, что ты должен знать, что тебе нужно и что когда подключать, чтобы не перенастраивать его несколько раз (как это было у меня).
Поэтому ловите мой список:
- выбор фреймворка (ну это больше всего сделают без вас). У меня это React;
- выбор, как собрать проект (webpack и тд);
- eslint/prettier;
- pre commit/pre push;
- redux (я брала redux-toolkit);
- тесты;
- ну и сама структура проекта.
Этого для начала должно хватить. Дальше уже можно будет все оптимизировать в самом процессе разработки.
Может я что-то забыла? Если да, you are welcome! ⬇️
#experience #опыт
На прошлой неделе у меня стартовал новый проект. Там там тадам. Я уже в разработке больше двух лет, но опыта настройки коммерческого проекта с нуля у меня не было (в отличии от Юры). Поэтому вся прошлая неделя была в таких диалогах: "Юра, как это подключить? А это? А это зачем? Блин, оно не работает!!"
То, что я точно поняла в настройке проекта с нуля, это то, что ты должен знать, что тебе нужно и что когда подключать, чтобы не перенастраивать его несколько раз (как это было у меня).
Поэтому ловите мой список:
- выбор фреймворка (ну это больше всего сделают без вас). У меня это React;
- выбор, как собрать проект (webpack и тд);
- eslint/prettier;
- pre commit/pre push;
- redux (я брала redux-toolkit);
- тесты;
- ну и сама структура проекта.
Этого для начала должно хватить. Дальше уже можно будет все оптимизировать в самом процессе разработки.
Может я что-то забыла? Если да, you are welcome! ⬇️
#experience #опыт
Ребят, делимся крутым сайтом, который поможет вам подготовится к собеседованию. На своем опыте заметили, что очень много вопросов попадались именно с него.
https://www.fullstack.cafe/
#tips #советы
https://www.fullstack.cafe/
#tips #советы
Как побороть страх коммуникации с заказчиками на английском языке.
Никак.
Шутка. Я просто еще сама на этом тяжелом пути. Поэтому ловите советы, которые помогают мне в изучении английского и дают больше уверенности в разговоре с заказчиком.
- Speaking club. Я выиграла лотерею, так как моя сестра преподаватель английского. Она начала организовывать клубы, где ее студенты могут общаться. Каждый раз ты попадаешь к разным людям, слышишь разные уровни и стараешься разговаривать как можно лучше и яснее. Плюсы: после посещения таких занятий, я почувствовала больше уверенности в разговоре с заказчиком (что раньше за собой не замечала). Наверное, это из-за того, что ты привыкаешь разговаривать с разными людьми, а не только со своим репетитором.
- Netflix. Когда мы с Юрой только подключили Netflix, мы договорились, что будем все смотреть на английском (но пока что с русскими субтитрами, потому что нам немного лень). НО, это также помогает улучшить твой английский. После просмотров сериалов я замечаю за собой, что могу думать на английском или когда общаюсь, могу использовать фразы, которые слышала с сериалов. И это круто. Плюс, ты слышишь как нужно произносить то или иное слово, и это помогает тебе звучать лучше.
- Заказчик такой же человек, как и ты. Я к этому долго шла. Я боялась сказать лишнее слово или что-то спросить. Но сейчас, я понимаю, что это наоборот хорошо. Человек видит, что ты хочешь сделать все так, как надо, ты заинтересован в результате и поэтому у тебя есть вопросы. Они также понимают, что английский не твой родной язык и если ты и делаешь ошибки в речи - это ничего страшного.
Делитесь Вашими секретами в этой теме, мне будет очень интересно :)
#experience #опыт
Никак.
Шутка. Я просто еще сама на этом тяжелом пути. Поэтому ловите советы, которые помогают мне в изучении английского и дают больше уверенности в разговоре с заказчиком.
- Speaking club. Я выиграла лотерею, так как моя сестра преподаватель английского. Она начала организовывать клубы, где ее студенты могут общаться. Каждый раз ты попадаешь к разным людям, слышишь разные уровни и стараешься разговаривать как можно лучше и яснее. Плюсы: после посещения таких занятий, я почувствовала больше уверенности в разговоре с заказчиком (что раньше за собой не замечала). Наверное, это из-за того, что ты привыкаешь разговаривать с разными людьми, а не только со своим репетитором.
- Netflix. Когда мы с Юрой только подключили Netflix, мы договорились, что будем все смотреть на английском (но пока что с русскими субтитрами, потому что нам немного лень). НО, это также помогает улучшить твой английский. После просмотров сериалов я замечаю за собой, что могу думать на английском или когда общаюсь, могу использовать фразы, которые слышала с сериалов. И это круто. Плюс, ты слышишь как нужно произносить то или иное слово, и это помогает тебе звучать лучше.
- Заказчик такой же человек, как и ты. Я к этому долго шла. Я боялась сказать лишнее слово или что-то спросить. Но сейчас, я понимаю, что это наоборот хорошо. Человек видит, что ты хочешь сделать все так, как надо, ты заинтересован в результате и поэтому у тебя есть вопросы. Они также понимают, что английский не твой родной язык и если ты и делаешь ошибки в речи - это ничего страшного.
Делитесь Вашими секретами в этой теме, мне будет очень интересно :)
#experience #опыт
👍2
Shortcuts
Ни для кого не секрет, что работа с помощью клавиатуры намного быстрее, чем с помощью мыши. А именно с помощью комбинаций клавиш вы получите новый уровень использования компьютера. Тут я поделюсь самыми полезными из них и теми, которые я чаще всего использую.
Спойлер: тут не будет Ctrl+C и Ctrl+V, так как вы не истинный программист, если не знаете их.
Также я только планирую покупку Macbook, поэтому пока что только для Linux/Windows.
- Alt+Tab: Переключиться между окнами.
- Ctrl+Tab: Переключиться между вкладками браузера/редактора, используйте Ctrl+Shift+Tab, что бы переключиться назад. Аналог: Ctrl+Page Up/Page Down.
- Ctrl+L: Перейти к полю поиска браузера.
- Ctrl+T: Открыть новую вкладку браузера.
- Ctrl+W: Закрыть файл/вкладку.
- Ctrl+Shift+T: Восстановить последнюю закрытую вкладку браузера.
- Ctrl+R: Перезагрузить вкладку.
- Super/Win+(0..9): Открыть программу по номеру из dock/taskbar.
- Super/Win+(start typing name of program): Поиск программы по имени, Enter - чтобы открыть.
Настя использует только Ctrl+C и Ctrl+V (и не удивительно, она считает что это не мешает ей быть хорошим программистом), так что мне интересно как вы к этому относитесь ⬇️
#tips #советы
Ни для кого не секрет, что работа с помощью клавиатуры намного быстрее, чем с помощью мыши. А именно с помощью комбинаций клавиш вы получите новый уровень использования компьютера. Тут я поделюсь самыми полезными из них и теми, которые я чаще всего использую.
Спойлер: тут не будет Ctrl+C и Ctrl+V, так как вы не истинный программист, если не знаете их.
Также я только планирую покупку Macbook, поэтому пока что только для Linux/Windows.
- Alt+Tab: Переключиться между окнами.
- Ctrl+Tab: Переключиться между вкладками браузера/редактора, используйте Ctrl+Shift+Tab, что бы переключиться назад. Аналог: Ctrl+Page Up/Page Down.
- Ctrl+L: Перейти к полю поиска браузера.
- Ctrl+T: Открыть новую вкладку браузера.
- Ctrl+W: Закрыть файл/вкладку.
- Ctrl+Shift+T: Восстановить последнюю закрытую вкладку браузера.
- Ctrl+R: Перезагрузить вкладку.
- Super/Win+(0..9): Открыть программу по номеру из dock/taskbar.
- Super/Win+(start typing name of program): Поиск программы по имени, Enter - чтобы открыть.
Настя использует только Ctrl+C и Ctrl+V (и не удивительно, она считает что это не мешает ей быть хорошим программистом), так что мне интересно как вы к этому относитесь ⬇️
#tips #советы
👍1
Всем привет!
Врываемся в понедельник и сразу же ситуация: работаю я с напарником над одной фичей. Он у нас трудяга и сделал почти все, и оказалось, что теперь ему нужны только 2 мои коммита. Но плохо то, что между ними есть еще несколько других - ненужных изменений.
Врываемся в понедельник и сразу же ситуация: работаю я с напарником над одной фичей. Он у нас трудяга и сделал почти все, и оказалось, что теперь ему нужны только 2 мои коммита. Но плохо то, что между ними есть еще несколько других - ненужных изменений.
Какой командой можно скопировать определенные изменения?
Anonymous Quiz
14%
git revert
23%
git pull
16%
git apply
46%
git cherry-pick
А чтобы подучить Git еще и в интерактивном режиме рекомендую зайти на https://learngitbranching.js.org/.
Тут сможете развить знания в командах, которые уже знаете, узнать что-то новое и наконец-то перестать создавать папки project-v2 и project-v2-final.
#tips #советы
Тут сможете развить знания в командах, которые уже знаете, узнать что-то новое и наконец-то перестать создавать папки project-v2 и project-v2-final.
#tips #советы
После вчерашнего поста, думаю, все уже стали гуру Гита, можно двигаться к Github. У многих (если не у всех) уже есть там профиль, в другом случае - обязательно создайте.
Для украшения своего профиля вы можете создать себе блок-презентацию. Тут вам понадобятся немного знаний о том, что такое README.md файл и Markdown (можно разобраться за пару минут). В этом блоке я бы рекомендовал вам добавить информацию о том, на каких технологиях работаете, что изучаете, может работали на каких-то open-source проектах и тп.
А как все это сделать, можете посмотреть на видео по ссылке ниже.
Смотреть видео
Мой Github для примера: https://github.com/lluchkaa/
Своими страничками делитесь здесь ⬇️
#tips #советы
Для украшения своего профиля вы можете создать себе блок-презентацию. Тут вам понадобятся немного знаний о том, что такое README.md файл и Markdown (можно разобраться за пару минут). В этом блоке я бы рекомендовал вам добавить информацию о том, на каких технологиях работаете, что изучаете, может работали на каких-то open-source проектах и тп.
А как все это сделать, можете посмотреть на видео по ссылке ниже.
Смотреть видео
Мой Github для примера: https://github.com/lluchkaa/
Своими страничками делитесь здесь ⬇️
#tips #советы
👍1
На прошлой недели кинула сторис, где описала сложившуюся ситуацию и получила много разных ответов:
Я в новой компании относительно недавно и нужно было проверить уровень моего английского, чтобы определить меня в группу для занятий. В ходе разговора я проговорилась, что у меня больше двух лет опыта в коммерческой разработки. Преподаватель подсчитала и удивилась, как так получилось, что я начала работать с 19 лет (а Юра даже с 18). А я сама хз, как так получилось.
Теперь мне интересно, что вы об этом думаете? Потому что я, если честно, не знаю, хорошо это или плохо. С одной стороны, студентом ты будешь раз в жизни и только 4 года, а работать будешь всю оставшуюся жизнь. С другой - я бы не имела того, что сейчас, если бы не пошла так рано на работу.
Как вы считаете, в каком возрасте оптимально выходить на работу в ИТ?
⬇️
Я в новой компании относительно недавно и нужно было проверить уровень моего английского, чтобы определить меня в группу для занятий. В ходе разговора я проговорилась, что у меня больше двух лет опыта в коммерческой разработки. Преподаватель подсчитала и удивилась, как так получилось, что я начала работать с 19 лет (а Юра даже с 18). А я сама хз, как так получилось.
Теперь мне интересно, что вы об этом думаете? Потому что я, если честно, не знаю, хорошо это или плохо. С одной стороны, студентом ты будешь раз в жизни и только 4 года, а работать будешь всю оставшуюся жизнь. С другой - я бы не имела того, что сейчас, если бы не пошла так рано на работу.
Как вы считаете, в каком возрасте оптимально выходить на работу в ИТ?
⬇️
👍1
Redux Toolkit
Так, как у меня стартовал новый проект, настраивать его нужно с новыми технологиями. Поэтому, как я писала на прошлой недели, я выбрала redux-toolkit, вместо обычного (ну как я, мне сказал ментор, что можно его использовать, а Юра заставил с ним разобраться).
Штука реально крутая, даже мне зашла! Очень упрощает жизнь и помогает писать меньше ненужного кода.
Здесь документация и видео, по которому я разобралась с redux-toolkit, посмотрите - не пожалеете.
https://redux-toolkit.js.org/introduction/getting-started#learn-modern-redux-livestream
#article #статья
Так, как у меня стартовал новый проект, настраивать его нужно с новыми технологиями. Поэтому, как я писала на прошлой недели, я выбрала redux-toolkit, вместо обычного (ну как я, мне сказал ментор, что можно его использовать, а Юра заставил с ним разобраться).
Штука реально крутая, даже мне зашла! Очень упрощает жизнь и помогает писать меньше ненужного кода.
Здесь документация и видео, по которому я разобралась с redux-toolkit, посмотрите - не пожалеете.
https://redux-toolkit.js.org/introduction/getting-started#learn-modern-redux-livestream
#article #статья
👍1
UI kit
В продолжении к теме нового проекта - UI kit. Если кто-то не знает, так называют набор простых компонент, например инпутов, кнопок, которые используются в проекте.
Можно использовать готовые компоненты, например Material UI (ну уже MUI) для React, а можно писать свои. У меня был проект и с Material UI (в свое время), и были проекты, где нужно было делать свои компоненты.
Как выбрать, что использовать? Это выберут за вас :) Если дизайн подрублен к конкретной библиотеке - используете её, нет - делаете свою.
Сейчас я в процессе создания своего UI kit. И хорошо, что у меня есть опыт и я могу не допускать своих старых ошибок. А вот решения некоторых моих ошибок:
1. Делайте компоненты максимально простыми и юзабельными. Моя ошибка была в том, что за год мои компоненты разрослись, у них была кучу непонятных пропсов, и если даже мелкую деталь убрать, была большая вероятность, что что-то поломается. Решение: делать обертку и там уже шаманить.
2. Не делайте свой велосипед. Есть у вас свайпер - это сложная компонента, используйте готовую библиотеку и просто прикручивайте к своему дизайну.
3. В компонентов есть свои нативные props - в инпута, кнопки и тд. Наследуйте их, и если нужно, дописывайте свои конкретные (ну если работаете с TypeScript).
Вот как-то так. Не наступайте на мои грабли и удачи вам в разработке!
И если у вас есть какой-то опыт или мысли по этой теме - ⬇️
#experience #опыт
В продолжении к теме нового проекта - UI kit. Если кто-то не знает, так называют набор простых компонент, например инпутов, кнопок, которые используются в проекте.
Можно использовать готовые компоненты, например Material UI (ну уже MUI) для React, а можно писать свои. У меня был проект и с Material UI (в свое время), и были проекты, где нужно было делать свои компоненты.
Как выбрать, что использовать? Это выберут за вас :) Если дизайн подрублен к конкретной библиотеке - используете её, нет - делаете свою.
Сейчас я в процессе создания своего UI kit. И хорошо, что у меня есть опыт и я могу не допускать своих старых ошибок. А вот решения некоторых моих ошибок:
1. Делайте компоненты максимально простыми и юзабельными. Моя ошибка была в том, что за год мои компоненты разрослись, у них была кучу непонятных пропсов, и если даже мелкую деталь убрать, была большая вероятность, что что-то поломается. Решение: делать обертку и там уже шаманить.
2. Не делайте свой велосипед. Есть у вас свайпер - это сложная компонента, используйте готовую библиотеку и просто прикручивайте к своему дизайну.
3. В компонентов есть свои нативные props - в инпута, кнопки и тд. Наследуйте их, и если нужно, дописывайте свои конкретные (ну если работаете с TypeScript).
Вот как-то так. Не наступайте на мои грабли и удачи вам в разработке!
И если у вас есть какой-то опыт или мысли по этой теме - ⬇️
#experience #опыт
👍3
Personal Portfolios
Ребят, мы на выходных увидели видео с разными персональными портфолио. Теперь мы конкретно этим загорелись! Можно не кидать рекрутерам cv с банальным шаблоном, а уже немного показать на что ты способен в своем сайте о себе.
Оставляем видео с примерами и может вам тоже захочется когда-нибудь создать свой: https://youtu.be/BZqzhmlTkAc
#tips #советы
Ребят, мы на выходных увидели видео с разными персональными портфолио. Теперь мы конкретно этим загорелись! Можно не кидать рекрутерам cv с банальным шаблоном, а уже немного показать на что ты способен в своем сайте о себе.
Оставляем видео с примерами и может вам тоже захочется когда-нибудь создать свой: https://youtu.be/BZqzhmlTkAc
#tips #советы
Ребяяяят, нас тут уже 100+! Это для нас с Юрой большая победа! Спасибо! 💛
И в честь этого мы придумали новую рубрику: interview. В ней мы будем рассматривать часто задаваемые вопросы на собеседованиях.
И так, начнём же прямо сейчас!
Что такое data-* атрибут?
Когда я первый раз услышала этот вопрос на одном из интервью, моей первой мыслю было: «Че?». А это оказывается очень просто: в теге можно создавать свои атрибуты для хранения произвольной информации - это и есть data атрибут. Например:
<p data-user=“Иван Иванов”>Пример</p>
Я их активно использовала до этого. На моем старом проекте был роутинг на беке (да, это плохая практика, но имеем, что имеем) и роут, данные к страницы мне передавались через data атрибуты. Но, что это так обзывается, я до этого интервью не знала :)
#interview #собеседование
И в честь этого мы придумали новую рубрику: interview. В ней мы будем рассматривать часто задаваемые вопросы на собеседованиях.
И так, начнём же прямо сейчас!
Что такое data-* атрибут?
Когда я первый раз услышала этот вопрос на одном из интервью, моей первой мыслю было: «Че?». А это оказывается очень просто: в теге можно создавать свои атрибуты для хранения произвольной информации - это и есть data атрибут. Например:
<p data-user=“Иван Иванов”>Пример</p>
Я их активно использовала до этого. На моем старом проекте был роутинг на беке (да, это плохая практика, но имеем, что имеем) и роут, данные к страницы мне передавались через data атрибуты. Но, что это так обзывается, я до этого интервью не знала :)
#interview #собеседование