@davidobryakov

Посмотрю в Доке Новый удобный русскоязычный сервис со всем, что нужно современному веб-разработчику — Дока. Всё, что вам нужно и даже немного больше. Я полистал Доку и могу с полной уверенностью сказать, что это то, чего не хватало, хотя раньше я об этом и не задумывался. Буду посылать своих студентов теперь по всем вопросам именно на этот ресурс, потому что всё объяснено доступным и понятным языком. Рекомендую от души и сердца. Для затравочки загляните на эту страницу: https://doka.guide/js/how-the-browser-creates-pages/. А если вам кажется, что в Доке чего-то не хватает, то вот вам ролик от Вадима Макеева про то, как можно добавить свою статью в Доку: https://www.youtube.com/watch?v=y-_nXfKkI3w Как вам Дока? Будете пользоваться? Поделитесь мнением в комментариях, мне реально интересно :) Ссылка на Доку: https://doka.guide

Как создают и поддерживают веб-страницы в Тинькофф Довольно интересная статейка на хабре, в которой лид группы дизайна привлечения рассказывает, как они попытались оптимизировать процессы создания продающих лендингов внутри компании, сделав шаблонизатор страниц, которые строятся на готовых блоках. Идея, конечно, не нова, но от этого она не становится менее интересной. В общем, рекомендую почитать статью и подумать о том, как вы могли бы оптимизировать подобный процесс. Думаю, я попробую найти свободное время и попробовать сделать свой подобный конструктор, потому что это не то, что бы очень сложно, зато действительно интересно и заставляет подумать. Возможно, будет даже ролик на эту тему, если вам, конечно, будет это интересно (можете написать в комментариях). Ссылка на статью: https://habr.com/ru/company/tinkoff/blog/553748/

Github Actions Решили на проекте опробовать Github Actions, потому что рабочий репозиторий размещён на github. Если у вас есть с ним какой-то приятный/неприятный опыт, пишите в комментарии. Мне кажется, что Github Actions вполне неплохое решение для автоматизации развёртывания вашего проекта. Сам я пользовался только Gitlab CI, но уже второй день читаю разные статейки про Github Actions, поэтому решил собрать для вас небольшую подборку по теме. Думаю, через пару дней оформлю небольшую статейку у себя в блоге с развёртыванием проекта на Django (всё внутри docker). А теперь подборочка: 1) Обзорная статейка про Github Actions — https://nuancesprog.ru/p/10681/ 2) Ролик Вадима Макеева про Github Actions с деплоем фронтенд-проекта — https://www.youtube.com/watch?v=hevU4NdIsoU 3) Статья на хабре с гайдом — https://habr.com/ru/post/474668/ 4) Сборка релиза проекта на Electron — https://habr.com/ru/post/466501/ 5) Лендинг от самого Github — https://github.com/features/actions P. S. если знаете ещё какие-то толковые статейки, пишите в комментарии, буду рад и возможно, даже выкачу дополнение к посту с вашей подборкой :)

​Надоели каналы со шлаком? Тогда тебе к нам: Termux_Hack канал #1 по хакингу и взлому жопы. -научим взламывать пк училки -подкатывать к телкам -взлому камер -скаму И многому другому. Ты ещё читаешь??? Давай быстрее переходи к нам. // на правах рекламы

Табы или пробелы? Лично я уже больше 3 лет использую пробелы, раньше всегда пользовался табами. Вадим Макеев в своём ролике про табы и пробелы рассказывает, почему мы повернули не туда, перейдя на пробелы и почему, на его взгляд, табы всё-таки лучше. Меня ролик заставил задуматься, возможно, заставлю всех перейти в тех проектах, которые я веду на табы, но всё сильно будет зависеть от команды разработки. А что вам больше по душе, а главное — почему? https://www.youtube.com/watch?v=k-fwgO6m-9M

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

8️⃣ Развёртывание и настройка приложения c использованием docker swarm в облачном сервисе Яндекс Авторы: Добряков Давид (https://t.me/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 для проксирования приложений.

На нашем 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.

​Основы 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://t.me/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

Когда ролики? Важный вопрос, который волнует, в первую очередь, меня самого. Ответ хороший: на этой неделе постараюсь выпустить два ролика — один про авторизацию в django комплексный (он уже записан, я его монтирую, часть моментов буду перезаписывать), второй — разговорный, подкаст. Пока точные даты называть не буду, но постараюсь выложить их как можно скорее :) Сюда тоже буду выкладывать посты. Хотелось бы, как минимум, 3 в неделю, но это уж как повезёт :) UPD от 12.09.2021: Всё не находил то времени, то сил, но обещаю, что в сентябре всё точно будет. Как минимум потому, что я планирую выкладывать свои лекции из курса по фронтенду на YouTube.

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

Как дела? У меня, например, всё хорошо и я уже вовсю готовлю контент для YouTube, вот думаю запилить целый месяц постов подряд в этом канале, как я это периодически делаю. И очень постараюсь до конца недели выпустить пару роликов: один разговорный/подкаст и второй по django в качестве долгожданного продолжения курса. *** Если кому-то интересно — дипломную работу я защитил на оценку "отлично" и меня даже рекомендовали на конкурс лучших работ, я не знаю на что это влияет, но будем ждать. Вряд ли, конечно, я стану лучшим из лучших, но кто его знает... *** P. S. решил наконец-то включить комментарии под постами, поэтому можете написать ответ на вопрос: "Как дела?" :)

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

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

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

Все сильно смеются над 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"

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