👩‍💻 Основы работы с TypeScript, работа Sequelize Typescript — Бэкенд-разработка на Node.JS #4

#typescript #backend #вебинар

Привет! Это запись моего вебинара, в рамках курса по бэкенд-разработке в ИТМО. В этом видео продолжаем говорить об основах TypeScript, разбираем связку Sequelize-Typescript с Express.JS.

▶️ Смотреть на Дзен | Смотреть на YouTube

Плейлист на Дзен | Плейлист на YouTube

📖 Полезные ссылки:

Пример из видео: https://github.com/kantegory/express-sequelize-boilerplate
Репозиторий этого курса: https://github.com/kantegory/ITMO-ICT-Backend-2023
Ютуб: https://youtube.com/@dobryakov
Блог: https://blog.kantegory.me
Дзен: https://dzen.ru/dobryakov
Бусти: https://boosty.to/dobryakov

👩‍💻 Документация API, swagger, postman — Бэкенд-разработка на Node.JS #5

#документация #backend #вебинар

Привет! Это запись моего вебинара, в рамках курса по бэкенд-разработке в ИТМО. В этом видео разбираем средства для документации и тестирования API: swagger, postman.

▶️ Смотреть на Дзен | Смотреть на YouTube

Плейлист на Дзен | Плейлист на YouTube

📖 Полезные ссылки:

Пример из видео: https://github.com/kantegory/mentoring/tree/master/16_express_swagger_example
Репозиторий этого курса: https://github.com/kantegory/ITMO-ICT-Backend-2023
Ютуб: https://youtube.com/@dobryakov
Блог: https://blog.kantegory.me
Дзен: https://dzen.ru/dobryakov
Бусти: https://boosty.to/dobryakov

👩‍💻 Принцип DI / IoC — Бэкенд-разработка на Node.JS #6

#solid #backend #вебинар

Привет! Это запись моего вебинара, в рамках курса по бэкенд-разработке в ИТМО. В этом видео разбираем принцип dependency injection и его использование на практике в express.

▶️ Смотреть на Дзен | Смотреть на YouTube

Плейлист на Дзен | Плейлист на YouTube

📖 Полезные ссылки:

Пример из видео: https://github.com/inversify/inversify-express-example
Презентация: https://docs.google.com/presentation/d/1yXC0oczjMlvYeFOKedzOLcct_C1FoLJl1kLXeXAu5DE/edit?usp=sharing
Репозиторий этого курса: https://github.com/kantegory/ITMO-ICT-Backend-2023
Ютуб: https://youtube.com/@dobryakov
Блог: https://blog.kantegory.me
Дзен: https://dzen.ru/dobryakov
Бусти: https://boosty.to/dobryakov

👩‍💻 Микросервисы — Бэкенд-разработка на Node.JS #7

#микросервисы #backend #вебинар

Привет! Это запись моего вебинара, в рамках курса по бэкенд-разработке в ИТМО. В этом видео разбираем микросервисную архитектуру, говорим про отличия от монолитной и сценарии использования этих подходов.

▶️ Смотреть на Дзен | Смотреть на YouTube

Плейлист на Дзен | Плейлист на YouTube

📖 Полезные ссылки:

Статья от Atlassian: https://www.atlassian.com/ru/microservices/microservices-architecture/microservices-vs-monolith
Статья на хабре: https://habr.com/ru/company/raiffeisenbank/blog/346380/
Пример из видео: https://itnext.io/designing-microservices-with-expressjs-eb23e4f02192
Презентация: https://docs.google.com/presentation/d/1pwV0WHDG2QoV5GK067dd1nbq4_RDQUambryIfVjWQnw/edit?usp=sharing
Репозиторий этого курса: https://github.com/kantegory/ITMO-ICT-Backend-2023
Ютуб: https://youtube.com/@dobryakov
Блог: https://blog.kantegory.me
Дзен: https://dzen.ru/dobryakov
Бусти: https://boosty.to/dobryakov

👩‍💻 Работа с docker, docker compose, swarm mode — Бэкенд-разработка на Node.JS #8

#docker #backend #вебинар

Привет! Это запись моего вебинара, в рамках курса по бэкенд-разработке в ИТМО. В этом видео разбираем docker, docker-compose, говорим про swarm mode.

▶️ Смотреть на Дзен | Смотреть на YouTube

Плейлист на Дзен | Плейлист на YouTube

📖 Полезные ссылки:

Статья на хабре про docker swarm: https://habr.com/ru/post/659813/
Раздел документации про swarm mode: https://docs.docker.com/engine/swarm/
Статья про docker-compose: https://habr.com/ru/company/ruvds/blog/450312/
Раздел документации про docker-compose: https://docs.docker.com/compose/
Репозиторий Swirl: https://github.com/cuigh/swirl
Пример настройки приложения с docker swarm: https://www.youtube.com/watch?v=NZRfJORJACQ
Презентация: https://docs.google.com/presentation/d/1QhqPb2nmiwmzZ_e6pcAHAGHRHlep1i04OEmE8PsKRxA/edit?usp=sharing
Репозиторий этого курса: https://github.com/kantegory/ITMO-ICT-Backend-2023
Ютуб: https://youtube.com/@dobryakov
Блог: https://blog.kantegory.me
Дзен: https://dzen.ru/dobryakov
Бусти: https://boosty.to/dobryakov

👩‍💻 Контейнеры в Firefox

Я пользуюсь Firefox уже более 3х лет. И он всё это время продолжает меня радовать. Уже больше полутора лет хочу рассказать вам об одной функции, которая кажется мне довольно удобной. Это контейнеры. С их помощью можно не только разделить своё взаимодействие с браузером на разные профили (работа, учёба, развлечения), но и забыть про режим "Инкогнито" в разработке, поскольку можно поддерживать сразу несколько активных сессий на разрабатываемом сайте, при этом не бегая между окнами, а всего лишь переключаясь между вкладками.

Контейнеры помогают мне практически ежедневно, потому что мультиаккаунтинг, встроенный в браузер — это незаменимая вещь. В случае же, если вам необходимо подменять User Agent, вы также можете задавать их внутри контейнеров и использованием плагина "User Agent Switcher and Manager". Не сказать, что это часто бывает полезно, ведь спецификация User Agent потихоньку уходит в прошлое, но иногда это может помочь при тестировании.

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

Знали про эту функцию? Находите ли вы её полезной? Пишите в комментариях 👇

🤔 Фраза дня: "Функциональные требования"

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

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

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

▶ Смотреть на YouTube

👩‍💻 Полезные плагины для разработчика в Firefox

#подборка #firefox #плагины

Довольно давно думал сделать свою небольшую подборку плагинов, которые я активно использую при дебаге и разработке фронтенда, используя браузер Firefox. Месяц назад я уже рассказывал про контейнеры и user agent switcher. Сегодня хочу рассказать про совсем небольшие инструменты, которые могут немного облегчить вашу жизнь.

1) Font finder — https://addons.mozilla.org/ru/firefox/addon/font-inspect/

Расширение позволяет ткнуть в любой участок сайта и узнать какой шрифт там используется, что сильно упрощает процесс поиска и позволяет отследить тот ли шрифт по итогам применился к указанному селектору через CSS, или мы по какой-то причине используем фоллбэк/шрифт из фреймворка. Разумеется, это можно сделать и через dev tools, но этот плагин позволяет вам не копаться во всей CSS-внутрянке отдельной области, а сразу напрямую вытаскивает всё, что вам нужно знать.

2) Autocomplete control — https://github.com/kopach/autocomplete-control

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

3) Local storage editor — https://addons.mozilla.org/ru/firefox/addon/localstorage-editor/

Моя вчерашняя находка, надоело постоянно бегать в dev tools и копировать local storage с прод-версии на локальную, чтобы воспроизвести какое-либо ошибочное поведение, поэтому решил поискать решение для своей проблемы и оно нашлось. Интерфейс не самый красивый конечно, но со своими функциями справляется и этого мне достаточно.

4) Mind the time — https://addons.mozilla.org/ru/firefox/addon/mind-the-www.tg-me.com/

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

https://www.tg-me.com/davidobryakov/916
https://www.tg-me.com/davidobryakov/924
https://www.tg-me.com/davidobryakov/935

5) Video Speed Controller — https://addons.mozilla.org/ru/firefox/addon/videospeed/

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

Про расширения и плагины для vue/react упоминать в подборке большого смысла не вижу, потому что это довольно очевидные вещи.

💬 Пишите в комментариях, какими плагинами пользуетесь вы, будет интересно почитать :)

👩‍💻 Протоколы в python

#python #типизация

Листая хабр на предмет интересных статеек наткнулся на текст про протоколы в python. Эта заметка в меру корявенькая и некоторые вопросы рассматривает не совсем верно (а какие-то нюансы и вовсе не затрагивает), но спасибо ей, что побудила меня сесть и поразбираться в том, как это работает в действительности. Более удачная статейка с хабра по теме, если кому интересно.

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

📖 Читать на Teletype: https://blog.kantegory.me/python-protocols

💬 Буду рад, если поделитесь мнением в комментариях :)

⌛️ Наводим порядок в жизни

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

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

Но вернёмся на 4 года назад, тогда я выработал для себя ряд правил и очень много сил уделил самодисциплине. Основными правилами для меня были:

- публичность (хотя бы для аудитории из 5-7 своих друзей, к слову, так и начинался этот канал);
- наличие чёткого плана на день и неделю;
- строго отведённое время на работу над каким-то делом (доходить могло вплоть до того, что я мог оставлять задание на лабораторную не до конца решенным, оставляя его на следующий день);
- строго отведённое время на отдых (в это время я мог почитать, погулять, да и просто непродуктивно посидеть в интернете).

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

Чтобы не повторять прошлых ошибок, я решил, что не хочу вести слишком подробные списки дел, фиксировать все планы в календаре и стараться успевать всё на свете. Начал с малого:

- составление примерного плана на неделю каждое воскресенье (с оценкой пунктов по времени);
- фиксирование всех обязательных еженедельных мероприятий в календаре (например, поход в зал).

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

После того, как я понял, что мои дела потихоньку начинают приходить в порядок, а я всё равно ложусь спать довольно поздно и часто до полуночи ещё сижу и занимаюсь работой, я решил продолжить вносить изменения в уклад своей жизни и добавил следующие вещи:

- режим сна и бодрствования (ложусь до полуночи, встаю в 7:15);
- обязательная суставная разминка каждое утро (очень хорошо помогает проснуться);
- раннее начало рабочего дня (8:30-9:00).

Таким образом, мне удалось добиться желанной спокойной работы с утра, вплоть до начала первых созвонов, что позволило раскидывать 80% задач в начале дня и оставшиеся 20% в течение дня. Также, мой рабочий день перестал растягиваться и самое позднее, когда я завершаю работу при текущем графике — 19:00 (это не значит, что я работаю более 10 часов в день, ведь у меня, как и у всех могут быть перерывы на обед/ужин/небольшую прогулку). Кроме прочего, суставная разминка оказалась очень полезна не только для того, чтобы проснуться, но и чтобы мышцы быстрее приходили в себя после тяжёлых тренировок. Великой радостью стало и отсутствие какой-либо работы на выходных, что позволяет мне сейчас сидеть и писать этот пост, а не пытаться пофиксить очередной баг в проде :)

💬 Делитесь своим опытом в комментариях, будет интересно почитать

🕹 Подборка игр для изучения фронтенд-разработки

#подборка #frontend

В моём университетском курсе по фронтенду есть домашняя работа, целью которой является прохождение трёх игр (это уже почти классика):

1) Flexbox Froggy — https://flexboxfroggy.com/#ru

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

2) Grid Garden — https://cssgridgarden.com/#ru

Морковки, грядки, сорняки... прекрасная возможность научиться работать с CSS Grid и прощупать каждый основной момент этой технологии.

3) Learn git branching — https://learngitbranching.js.org/?locale=ru_RU

Тренажёр по git, в котором довольно много теории, подающейся в игровой форме. Но учит эта игра не только базовым вещам, но и более продвинутому уровню (rebase, remotes, etc.). Проверено на личном опыте: все мои подчинённые джуны обязаны проходить эту игру, когда учатся правильной работе с git.

Недавно я задумался о том, какие ещё есть способы для изучения тех же технологий, прочитал несколько подборок и выделил ещё 3 наиболее интересных, на мой взгляд, игры:

1) Grid Attack — https://codingfantasy.com/games/css-grid-attack

Игра в стиле мультяшного фэнтези на целых 80 уровней, в которых нужно защищать своего героя от атаки монстров путём определения корректных значений для различных свойств CSS Grid.

2) FlexBox Adventure — https://codingfantasy.com/games/flexboxadventure

Восьмибитная графика, приятные анимации и обучение CSS, больше тут добавить нечего. Лично мне — понравилось.

3) JSRobot — https://lab.reaal.me/jsrobot/

Ещё одна восьмибитная игра, но в этот раз уже по JS, здесь вы учитесь управляться с экземплярами классов, вызывать их методы, чтобы всячески управлять роботом на экране, ведя его к цели каждого из представленных уровней.

💬 Есть что добавить? Поделись в комментариях :)