Все сильно смеются над Javascript из-за таких вот картинок - https://cln.sh/WQCMIQ

Но по сути Javascript работает правильно. Если, конечно, читать как он работает.

Давайте зайдем сюда и прочитаем - https://developer.mozilla.org/ru/docs/Web/JavaScript/Reference/Global_Objects/parseInt

Функция parseInt преобразует первый переданный ей аргумент в строковый тип, интерпретирует его и возвращает целое число или значение NaN

Если функция parseInt встречает символ, не являющийся числом в указанной системе счисления, она пропускает этот и все последующие символы (даже, если они подходящие) и возвращает целое число, преобразованное из части строки, предшествовавшей этому символу. parseInt отсекает дробную часть числа. Пробелы в начале и конце строки разрешены.

Так как некоторые числа включают символ e в своём строковом представлении (например, 6.022e23), то использование parseInt для усечения числовых значений может дать неожиданные результаты, когда используются очень малые или очень большие величины. parseInt не должна использоваться как замена для Math.floor().

Вот вам прям русским языком говорят когда можно и когда нельзя использовать данную функцию. Даже говорят, что можно использовать Math.floor.

Даже описано как это работает. Мы сначала берем строку и кидаем ее в функцию string().

Например, выполнив String(0.000005) мы получим "0.000005"

А вот выполнив String(0.0000005) уже получим "5e-7"

Опять пропал?

Нет. Не теряйте. Пишу ВКР бакалавра, предзащита будет 25.05, после успешной предзащиты постараюсь в кратчайшие сроки вернуться к работе над видео на YouTube (пока меня не было, я успел перешагнуть отметку сначала в 600 подписчиков, а после и в 700).

***

Спасибо, что остаётесь со мной. Если вам вдруг интересно узнать, что у меня за ВКР (иначе говоря о чём моя дипломная работа), то голосуйте постом ниже, могу на днях постараться рассказать вам отдельным постом :)

Дописал диплом, завтра после предзащиты всё вам расскажу

Диплом

Немного задержался с этим постом, но рассказать всё-таки хочется.

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

***

Думаю, пока буду избегать каких-то тонкостей и если вам этот пост понравится, то продолжу уже в ближайшем подкасте, который выйдет уже на следующей неделе (рассчитываю записать его на выходных в новый микрофон, чтобы опробовать как и что :) ). А после самой защиты хотелось бы по-нормальному вернуться к ведению канала, что здесь, что на YouTube. Столько всего успел нового выучить и столько раз успел осознать, как я был плох в первых видео с технической точки зрения, что хочется просто удалить старые ролики и записать курс с нуля, но будем работать над ошибками в этом курсе и летом начнём новый, в котором будет побольше важного и интересного касательно django, более детально и в красках, так сказать.

Как дела?

У меня, например, всё хорошо и я уже вовсю готовлю контент для YouTube, вот думаю запилить целый месяц постов подряд в этом канале, как я это периодически делаю. И очень постараюсь до конца недели выпустить пару роликов: один разговорный/подкаст и второй по django в качестве долгожданного продолжения курса.

***

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

***

P. S. решил наконец-то включить комментарии под постами, поэтому можете написать ответ на вопрос: "Как дела?" :)

Can I :has()

Очень интересный ролик про новый псевдокласс :has() в CSS от Вадима Макеева, который может помочь cделать компоненты более гибкими и менять их в зависимости от вложенного контента, а не с помощью модификаторов (по БЭМу).

Я слышал про этот псевдокласс и раньше и периодически использовал псевдоклассы :not() и :is() для решения тех или иных задач (можно даже с помощью них и CSS-переменных реализовать переключение тем на сайте, если вам будет интересен такой контент, то могу постараться и сделать ролик и статью про это в ближайшее время).

Работает он примерно так:

.link {
  color: #dadada;
}

.link:has(.icon) {
  color: #333
}

В случае наличия элемента с классом icon внутри класса link — свойство color примет значение #333, а при отсутствии — #dadada. Таким же образом можно менять, например, раскладку гридов внутри карточки при отсутствии картинки. Мне пришлось недавно это делать за счёт добавления дополнительного модификатора.

А что вы думаете про этот псевдокласс? Ждёте его внедрения в браузеры? Какие ваши повседневные задачи он помог бы решить?

***

Ссылки:

Ролик — https://www.youtube.com/watch?v=aJ1XMcwys48
Статья про внедрение псевдокласса :has — https://bkardell.com/blog/canihas.html

Когда ролики?

Важный вопрос, который волнует, в первую очередь, меня самого. Ответ хороший: на этой неделе постараюсь выпустить два ролика — один про авторизацию в django комплексный (он уже записан, я его монтирую, часть моментов буду перезаписывать), второй — разговорный, подкаст. Пока точные даты называть не буду, но постараюсь выложить их как можно скорее :)

Сюда тоже буду выкладывать посты. Хотелось бы, как минимум, 3 в неделю, но это уж как повезёт :)

UPD от 12.09.2021:

Всё не находил то времени, то сил, но обещаю, что в сентябре всё точно будет. Как минимум потому, что я планирую выкладывать свои лекции из курса по фронтенду на YouTube.

Окончательный ответ: ролики уже завтра!

И сразу целых 4 штуки

​Введение — Фронтенд-разработка

Привет! Это введение к моему курсу по дисциплиние "Фронтенд-разработка" для Университета ИТМО. В этом ролике рассказываю о чём будет курс и для кого он предназначен.

Смотреть видео: https://youtu.be/_hzVKyRHKN8

Смотреть остальные уроки из курса: https://www.youtube.com/playlist?list=PLAhg4XYCffEm0H8SQPtRTG38rbA6LIVzG

Репозиторий по дисциплине: https://github.com/kantegory/ITMO-ICT-Frontend-2021

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

Мой гитхаб (сюда ставить звёздочки): https://github.com/kantegory
Мой блог: https://blog.kantegory.me

Основы HTML — Фронтенд-разработка

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

Смотреть: https://youtu.be/XOdffiTNHW8

Смотреть остальные уроки из курса: https://www.youtube.com/playlist?list=PLAhg4XYCffEm0H8SQPtRTG38rbA6LIVzG

Репозиторий по дисциплине: https://github.com/kantegory/ITMO-ICT-Frontend-2021

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

Мой гитхаб (сюда ставить звёздочки): https://github.com/kantegory
Мой блог: https://blog.kantegory.me
Лекция в текстовом варианте: https://blog.kantegory.me/frontend-html-basics
Пример с тегами: https://codepen.io/kantegory/pen/OJggPYX
Пример с атрибутами: https://codepen.io/kantegory/details/VwWWLRm
Список тегов HTML с примерами: http://htmlbook.ru/html

​Семантика в HTML — Фронтенд-разработка

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

Смотреть: https://youtu.be/3Ea8OkMunyU

Смотреть остальные уроки из курса: https://www.youtube.com/playlist?list=PLAhg4XYCffEm0H8SQPtRTG38rbA6LIVzG

Репозиторий по дисциплине: https://github.com/kantegory/ITMO-ICT-Frontend-2021

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

Мой телеграм-канал: https://www.tg-me.com/davidobryakov
Мой гитхаб (сюда ставить звёздочки): https://github.com/kantegory
Мой блог: https://blog.kantegory.me
Лекция в текстовом формате: https://blog.kantegory.me/frontend-html-semantics
HTML Semantic Elements: https://www.w3schools.com/html/html5_semantic_elements.asp
Забудьте про div, семантика спасёт интернет: https://habr.com/ru/company/htmlacademy/blog/546500/
Глоссарий по семантике на MDN: https://developer.mozilla.org/en-US/docs/Glossary/Semantics

​Основы CSS (+ практика по CSS Grid, CSS Flexbox) — Фронтенд-разработка

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

Смотреть: https://youtu.be/EZhU1VidGVY

Смотреть остальные уроки из курса: https://www.youtube.com/playlist?list=PLAhg4XYCffEm0H8SQPtRTG38rbA6LIVzG

Репозиторий по дисциплине: https://github.com/kantegory/ITMO-ICT-Frontend-2021

В рамках первой практической работы вам предстоит изучить работу CSS grid и CSS flexbox в игровой форме, пройдя две игры:
https://cssgridgarden.com/#ru
https://flexboxfroggy.com/#ru

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

Мой телеграм-канал: https://www.tg-me.com/davidobryakov
Мой гитхаб (сюда ставить звёздочки): https://github.com/kantegory
Мой блог: https://blog.kantegory.me
Лекция в текстовом формате: https://blog.kantegory.me/frontend-css-basics
Селекторы MDN: https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Selectors
Руководство по CSS MDN: https://developer.mozilla.org/ru/docs/Web/CSS/Reference

Ссылки по CSS Flexbox:

Отличный перевод на Хабре: https://habr.com/ru/post/467049/
Руководство на MDN: https://developer.mozilla.org/ru/docs/Learn/CSS/CSS_layout/Flexbox

Ссылки по CSS Grid:

Отличный гайд на хабре: https://habr.com/ru/company/macloud/blog/564182/
Руководство на MDN: https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Grid_Layout/Basic_Concepts_of_Grid_Layout
Видео Вадима Макеева про использование CSS Grid и CSS Flexbox: https://www.youtube.com/watch?v=ST1EvRemB_U

На нашем Youtube канале опубликованы интересные доклады по облачным технологиям магистров ФИКТ. 😃

1️⃣ Обзор возможностей сервиса Amazon Sumerian
Авторы: Суренков Никита, Терещенко Владислав, Унтила Александр, Туманов Даниил
Доклад посвящен сервису AWS Sumerian для создания интерактивных 3D сцен. Вы узнаете: - как устроен сервис Sumerian, - как интегрировать чатбот в сцену, - как запрограммировать взаимодействие с объектами сцены. Увидите живую демонстрацию создания интерактивной сцены с доступом через Интернет

2️⃣ Firebase Cloud Messaging и сервисы Google Cloud для продвижения, аналитики и монетизации приложений.
Авторы: Евшина Яна, Рыжков Никита, Ларионова Галина, Шуст Иван, Зиманова Екатерина.
Доклад посвящен пуш сервису Google Cloud - Firebase Вы узнаете: - зачем нужен пуш сервис (push service) - что такое google Firebase и как он устроен - как подключить Firebase к своему приложению, - нюансы подключения сервиса, - о сервисах Google Cloud для продвижения, аналитики и монетизации приложений. Увидите живую демонстрацию подключение к Android приложению сервиса Firebase.

3️⃣ Google Cloud. Аналитика в приложении (Firebase Analytics, Remote Config, A/B Testing, BigQuery)
Авторы: Ситникова Ксения, Лукина Анастасия, Илья Закоулов, Екатерина Жабровец, Никита Клименко, Артамонова Валерия
Доклад посвящен сервисам Google Cloud для аналитики и управления приложений для мобильных платформ Вы узнаете: - какие в облаке Google есть сервисы, помогающие развивать и продвигать приложения, - как анализировать поведение пользователей и работу приложений с помощью Firebase Analytics, A/B Testing и BigQuery - как использовать Remote Config для изменения приложения без процедур полного обновления. Увидите живые демонстрации работы в сервисах.

4️⃣ Обзор возможностей сервиса Amazon Rekognition
Авторы: Ведерникова Анна, Кощеев Владислав, Лошакова Анна
Доклад посвящен сервисам Amazon Rekognition для поиска объектов и текстов на видео и изображениях с помощью готовых инструментов ML. Вы узнаете: - что умеет Amazon Rekognition , - терминологию Amazon Rekognition, - архитектуру приложений для использования Amazon Rekognition. Вы увидите живую демонстрацию использования сервиса для поиска грибов (на фотографиях).

5️⃣ Обзор возможностей облачного сервиса Microsoft Azure
Авторы: Адамов Даниил, Назарова Мария, Широков Игорь, Большаков Даниил
Доклад посвящен возможностям облачного сервиса Microsoft Azure Вы узнаете: - что может Microsoft Azure, - как управлять сервисами Microsoft Azure, - как развертывать и настраивать виртуальную машину на Microsoft Azure - как быстро развертывать serverless приложение в среде Microsoft Azure с использованием git cd\ci. Вы увидите живые демонстрации: - развёртывания виртуальной машины в среде Azure - и разработки и настройки непрерывного размещения Web-прилоджения в среде Azure с помощью GitHub.

6️⃣ Yandex Cloud - машинное обучение: API (Yandex Translate, Vision, SpeechKit), Yandex Sphere
Авторы: Простотина Олеся, Румянцев Александр, Старусев Николай, Фанина Маргарита, Раева Юлия, Марцинкевич Вячеслав
Доклад посвящен возможностям ML компонентам Яндеск.Облако Вы узнаете: - о возможностях, архитектурах и особенностях использования ML-модулей Yandex: Translate (Перевод), Vision (компьютерное зрения), SpeechKit (генератор голоса) - об особенностях использования и оплаты этих сервисов, - о сервисе Yandex DataSphere, предназначенного для решения ML задач (по принципу jupiter notebook) Увидите живую демонстрацию работы с Yandex DataSphere.

8️⃣ Развёртывание и настройка приложения c использованием docker swarm в облачном сервисе Яндекс
Авторы: Добряков Давид (https://www.tg-me.com/davidobryakov, https://youtube.com/c/DavidDobryakov), Омельянович Евгений, Шевчик Владимир
Доклад посвящен использованию doker в среде виртуальной машины на Яндеск.Облако Вы узнаете: - о том, как развернуть виртуальную машину в Yandex Cloud - о развертывании docker на ubunta - об использовании docker compose и docker swarm - о GUI для docker swarm - swirl. Увидите живую демонстрацию работы с docker, docker compose и docker swarm. Увидим как разворачивается сервисы из контейнеров, как создаются кластеры из приложений на примере Quake :) и как используется nginx для проксирования приложений.

Приглашаю всех к просмотру :)

Выгорание

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

Я до сих пор злюсь на себя, что так и не записался к психологу или психотерапевту, потому что на все 100% понимаю, что мне это было нужно. Сейчас вроде выкарабкался, но понимаю, что этот момент точно предстоит проработать. И в этот раз я откладывать надолго не хочу. Где-то недели 2 назад я купил курс у ТЖ про эмоциональное выгорание, чтобы попытаться самостоятельно разобраться в теме и понять, что конкретно может триггерить это состояние, а главное — как распознавать его на ранних этапах и пытаться выкарабкаться. Прохожу медленно, потому что не успеваю, но постараюсь к этому вернуться с завтрашнего дня.

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

Вот вам видео от ребят из "Мы обречены" про выгорание, посмотрите, как будет время. Возможно, это побудит вас записаться к психологу, а не запираться в себе: https://www.youtube.com/watch?v=kVd6qeWoAxg (а ещё на канале "Мы обречены" есть крутые подкасты и интервью с разными людьми из индустрии, дико рекомендую).

P. S.

ролики завтра запишу и в ближайшее время они будут выходить стабильно, я нашёл монтажёра и поэтому от меня будет требоваться только их вовремя записать и после выложить

​Динамические настройки в Django

Полагаю, вы не раз сталкивались с тем, что вам необходимо поменять какое-то значение из файла settings.py в Django и ради этого приходится пересобирать проект на сервере, что отбирает иногда значительную часть времени (у нас на одном из проектов пайплайн по CI/CD проходил в среднем 30-40 минут), а иногда это нужно сделать прямо здесь и сейчас, потому что на продакшн пробралась какая-то критическая ошибка и каждая минута простоя стоит бизнесу огромных денег.

Так вот, для решения этой проблемы есть бибилотека Django Constance, которая позволяет выносить различные параметры в Redis и обеспечивает их удобное и быстрое редактирование прямо из админ-панели Django, что позволяет не дожидаться окончания пайплайна, а на живом проде быстренько переключить любую настройку. Например, мы как-то добавляли настройку для автоматической проверки качества загружаемых пользователями фотографий и при выключении параметра проверка просто не проводилась. То есть, в любой момент можно отключить эту фичу, если мы поймём, что что-то идёт не по плану.

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