Виды авторизации: сессии, JWT-токены. Для чего нужны сессии? Как работает JWT? (+ разбор ошибки)
Привет! Это видео является частью моей лекции в рамках проекта "ITMO.Mentors". Сегодня поговорим о самом процессе авторизации, о сессиях и токенах, разберём ошибку из прошлого ролика.
Смотреть: https://www.youtube.com/watch?v=q0u4yRUSDzI
Привет! Это видео является частью моей лекции в рамках проекта "ITMO.Mentors". Сегодня поговорим о самом процессе авторизации, о сессиях и токенах, разберём ошибку из прошлого ролика.
Смотреть: https://www.youtube.com/watch?v=q0u4yRUSDzI
Виды авторизации: сессии, JWT-токены. Для чего нужны сессии? Как работает JWT? (аннотация)
Аннотация и презентация к видео.
Аннотация и презентация к видео.
Telegraph
Виды авторизации: сессии, JWT-токены. Для чего нужны сессии? Как работает JWT?
0. Точки над ё Сервер не может давать любые данные всем подряд, поэтому клиент сначала должен представиться. Стоит различать Авторизацию, Аутентификацию и просто Идентификацию. Идентификация — это процедура распознавания субъекта по его идентификатору (проще…
👍2
Как работает SPA? Роутинг на фронтенде. Компонетный подход (+ пишем свой роутер)
Привет, сегодня рассмотрим основные принципы SPA (отличие от MPA, компонентный подход), разберёмся с роутингом на фронтенде в двух его возможных вариантах и даже напишем свой простенький роутер.
Привет, сегодня рассмотрим основные принципы SPA (отличие от MPA, компонентный подход), разберёмся с роутингом на фронтенде в двух его возможных вариантах и даже напишем свой простенький роутер.
Как работает SPA? Роутинг на фронтенде. Компонетный подход (презентация)
Держите презентацию. Спасибо что остаётесь со мной!
Держите презентацию. Спасибо что остаётесь со мной!
Google Docs
Роутинг на фронтенде. Компонентный подход
Роутинг на фронтенде. Компонентный подход @davidobryakov
Новый ноутбук
Привет, меня не было почти месяц. Причин ровно две: много работы и ещё больше учёбы. Планы на январь грандиозные и надеюсь, я смогу их исполнить, но об этом позже (хочу успеть в этом году записать ещё один подкаст).
А теперь к новостям! Пару недель назад (08.12) мне пришёл новый ноутбук. Старый (xiaomi mi notebook air) отработал два года и в последнее время начал периодически зависать так, что помогала только перезагрузка, поэтому я решил, что пора обновиться. Да и к тому же, уже с лета я приглядывался к текущему ноуту (Huawei Matebook 13 2020 на AMD). Впечатления исключительно положительные, он очень удобный, быстрый и красивый. За всё время не было ни одной задачи, когда ему пришлось бы тяжеловато (старый напрягался при открытии Android Studio, этот даже не включает охлаждение, когда я включаю эмулятор из Android Studio, держа параллельно открытыми браузер, figma, telegram).
В общем, для работы этого устройства достаточно с головой, нет пока ни одной ситуации, в которой я бы решил, что купил этот ноутбук зря. А учитывая его скромную цену в 60000₽ — это просто победа (прошлый брал за 57000₽). Единственное, что я бы хотел поменять — операционную систему, потому что Ubuntu уже успела надоесть (всё же больше 4 лет я ей пользуюсь), и вот думаю сейчас и выбираю наиболее подходящий мне Linux (на примете пока только Manjaro). Если знаете что-то покруче — пишите в лс.
Спасибо, что остаётесь со мной! Скоро всё будет.
Привет, меня не было почти месяц. Причин ровно две: много работы и ещё больше учёбы. Планы на январь грандиозные и надеюсь, я смогу их исполнить, но об этом позже (хочу успеть в этом году записать ещё один подкаст).
А теперь к новостям! Пару недель назад (08.12) мне пришёл новый ноутбук. Старый (xiaomi mi notebook air) отработал два года и в последнее время начал периодически зависать так, что помогала только перезагрузка, поэтому я решил, что пора обновиться. Да и к тому же, уже с лета я приглядывался к текущему ноуту (Huawei Matebook 13 2020 на AMD). Впечатления исключительно положительные, он очень удобный, быстрый и красивый. За всё время не было ни одной задачи, когда ему пришлось бы тяжеловато (старый напрягался при открытии Android Studio, этот даже не включает охлаждение, когда я включаю эмулятор из Android Studio, держа параллельно открытыми браузер, figma, telegram).
В общем, для работы этого устройства достаточно с головой, нет пока ни одной ситуации, в которой я бы решил, что купил этот ноутбук зря. А учитывая его скромную цену в 60000₽ — это просто победа (прошлый брал за 57000₽). Единственное, что я бы хотел поменять — операционную систему, потому что Ubuntu уже успела надоесть (всё же больше 4 лет я ей пользуюсь), и вот думаю сейчас и выбираю наиболее подходящий мне Linux (на примете пока только Manjaro). Если знаете что-то покруче — пишите в лс.
Спасибо, что остаётесь со мной! Скоро всё будет.
2020: Преподавание/Старт карьеры/Работа/Диплом/Планы. ES2021 — НА ВСЮ ГОЛОВУ JS #10
Привет, это последний выпуск подкаста в этом году. Подводим итоги, говорим о планах и радуемся наступающему новому году!
Таймкодов не будет! Слушайте мою разливающуюся речь и ожидайте много-много нового в 2021м году!
Материалы:
ES2021 — https://habr.com/ru/post/533672/
Пост про ноутбук — https://www.tg-me.com/davidobryakov/1006
Привет, это последний выпуск подкаста в этом году. Подводим итоги, говорим о планах и радуемся наступающему новому году!
Таймкодов не будет! Слушайте мою разливающуюся речь и ожидайте много-много нового в 2021м году!
Материалы:
ES2021 — https://habr.com/ru/post/533672/
Пост про ноутбук — https://www.tg-me.com/davidobryakov/1006
Всех с наступившим 2021м!
Обещаю, что в этом году, вы получите сполна интересного контента. Месяц ежедневных постов объявляю открытым!
Обещаю, что в этом году, вы получите сполна интересного контента. Месяц ежедневных постов объявляю открытым!
Сходка
Привет!
Давайте сегодня проведём небольшой опрос, который продлится не более 5 дней.
Тема опроса: Хотите ли вы поучаствовать в "сходке" (имею ввиду, общую конференцию в zoom/discord/skype), на которой у вас была бы возможность задать интересующие вопросы, либо же послушать от меня лекцию на определённую тему (с презентацией и всем таким, мы всё же ребята серьёзные).
Привет!
Давайте сегодня проведём небольшой опрос, который продлится не более 5 дней.
Тема опроса: Хотите ли вы поучаствовать в "сходке" (имею ввиду, общую конференцию в zoom/discord/skype), на которой у вас была бы возможность задать интересующие вопросы, либо же послушать от меня лекцию на определённую тему (с презентацией и всем таким, мы всё же ребята серьёзные).
@davidobryakov pinned «Сходка Привет! Давайте сегодня проведём небольшой опрос, который продлится не более 5 дней. Тема опроса: Хотите ли вы поучаствовать в "сходке" (имею ввиду, общую конференцию в zoom/discord/skype), на которой у вас была бы возможность задать интересующие…»
Заметки
Я уже довольно долго пытаюсь найти, нащупать то самое приложение для ведения заметок, которым можно будет удобно пользоваться со всех устройств. В целом, мне неплохо по душе пришлись заметки из Nextcloud, но у них нет отдельного десктопного приложения (что иногда бывает удобно, хотя и далеко не всегда нужно). И вот как-то листая snapcraft (магазин snap-пакетов), я наткнулся на приложение Standard Notes.
Оно очень простое (а ещё написано на js), в базовой версии не имеет никаких дополнительных функций (это буквально просто заметки с возможностью добавления тегов и фильтрацией). Я пользуюсь ими с октября и доволен всем. Они простые и минималистичные. Разумеется, есть возможность добавить поддержку markdown и не только, но это уже платные опции (10$/месяц) и пока я не вижу в этом особенной необходимости. Но, как только она возникнет — уверен, обязательно оформлю подписку, потому что пока что мне всё нравится.
Если вы знаете какие-нибудь крутые приложения для ведения заметок и хотите ими поделиться, то пишите в комментариях под этим постом, я обязательно всё прочту!
#opensource
Я уже довольно долго пытаюсь найти, нащупать то самое приложение для ведения заметок, которым можно будет удобно пользоваться со всех устройств. В целом, мне неплохо по душе пришлись заметки из Nextcloud, но у них нет отдельного десктопного приложения (что иногда бывает удобно, хотя и далеко не всегда нужно). И вот как-то листая snapcraft (магазин snap-пакетов), я наткнулся на приложение Standard Notes.
Оно очень простое (а ещё написано на js), в базовой версии не имеет никаких дополнительных функций (это буквально просто заметки с возможностью добавления тегов и фильтрацией). Я пользуюсь ими с октября и доволен всем. Они простые и минималистичные. Разумеется, есть возможность добавить поддержку markdown и не только, но это уже платные опции (10$/месяц) и пока я не вижу в этом особенной необходимости. Но, как только она возникнет — уверен, обязательно оформлю подписку, потому что пока что мне всё нравится.
Если вы знаете какие-нибудь крутые приложения для ведения заметок и хотите ими поделиться, то пишите в комментариях под этим постом, я обязательно всё прочту!
#opensource
@davidobryakov
Приняли бы участие в таком?
Для всех, кто голосовал за "Да" — сделал форму: https://forms.gle/qeQWqqHfBJHxXXgSA, убедительная просьбе пройти, это важно, чтобы сходка состоялась!
Чистый код на JS
Принципы разработки ПО из книги «Clean Code», адаптированные под JS.
Многие вещи, перечисленные в этом репозитории очевидны каждому хорошему разработчику, но не забывайте, что далеко не всё, что очевидно вам — будет так же очевидно и для всех остальных. В любом случае, рекомендую к прочтению. Хотя бы, для того, чтобы освежить это дело в памяти или устаканить некоторые моменты.
P. S. принципы, которые я описывал для кодстайла фронтенд-команды на работе очень сильно пересекаются с тем, что есть тут. Поэтому настоятельно рекомендую обратить внимание на это.
https://github.com/ryanmcdermott/clean-code-javascript
Принципы разработки ПО из книги «Clean Code», адаптированные под JS.
Многие вещи, перечисленные в этом репозитории очевидны каждому хорошему разработчику, но не забывайте, что далеко не всё, что очевидно вам — будет так же очевидно и для всех остальных. В любом случае, рекомендую к прочтению. Хотя бы, для того, чтобы освежить это дело в памяти или устаканить некоторые моменты.
P. S. принципы, которые я описывал для кодстайла фронтенд-команды на работе очень сильно пересекаются с тем, что есть тут. Поэтому настоятельно рекомендую обратить внимание на это.
https://github.com/ryanmcdermott/clean-code-javascript
@davidobryakov pinned «Для всех, кто голосовал за "Да" — сделал форму: https://forms.gle/qeQWqqHfBJHxXXgSA, убедительная просьбе пройти, это важно, чтобы сходка состоялась!»
Искусство создания компонент из реальной жизни
Полагаю, вы точно слышали, что фронтенд — это просто. Все, кто только начинает программировать — обязательно идут сначала во фронтенд, потому что они ещё не готовы к «настоящей разработке». Уверен, что многие не понимают, чего сложного может быть в вёрстке одной маленькой простой компоненты. Скажем, карточки чата в мессенджере. Быть может, вы и сами не понимаете.
Ахмад Шадид заставит вас отказаться от этих мыслей, показав на примере простенькой компоненты невероятно большое количество различных кейсов для вёрстки простенькой компоненты.
Отчаянно рекомендую к прочтению всем. Это покажет вам фронтенд с другой стороны и заставит задуматься о тех вещах, которые вы, по какой-либо причине, могли упускать и до сих пор.
https://ishadeed.com/article/building-real-life-components/
Полагаю, вы точно слышали, что фронтенд — это просто. Все, кто только начинает программировать — обязательно идут сначала во фронтенд, потому что они ещё не готовы к «настоящей разработке». Уверен, что многие не понимают, чего сложного может быть в вёрстке одной маленькой простой компоненты. Скажем, карточки чата в мессенджере. Быть может, вы и сами не понимаете.
Ахмад Шадид заставит вас отказаться от этих мыслей, показав на примере простенькой компоненты невероятно большое количество различных кейсов для вёрстки простенькой компоненты.
Отчаянно рекомендую к прочтению всем. Это покажет вам фронтенд с другой стороны и заставит задуматься о тех вещах, которые вы, по какой-либо причине, могли упускать и до сих пор.
https://ishadeed.com/article/building-real-life-components/
Ishadeed
The Art of Building Real-life Components
A walkthrough on building a component with HTML & CSS in details.
Деструктуризация в JS
Деструктуризация обеспечивает простой, но эффективный способ создания переменных из частей массива или свойств объекта — этот подход обычно позволяет получить более хороший и понятный код.
В JavaScript (и других языках программирования) мы часто работаем с массива и и объектами. Доступ к данным внутри них — обычно осуществляется с помощью индекса для массивов и имени свойства для объектов. Но приходилось ли вам когда-нибудь обращаться к одному и тому же фрагменту данных снова и снова в коде до того момента, когда становилось все труднее и труднее понимать происходящее?
Вопрос, разумеется, риторический. Сегодня рекомендую к прочтению статью о деструктуризации в JS: её удобстве, синтаксисе и интересных решениях для тех или иных ситуаций.
P. S. видео будет завтра утром, поскольку его рендер немного затянулся
https://www.telerik.com/blogs/understanding-javascript-destructuring-syntax
Деструктуризация обеспечивает простой, но эффективный способ создания переменных из частей массива или свойств объекта — этот подход обычно позволяет получить более хороший и понятный код.
В JavaScript (и других языках программирования) мы часто работаем с массива и и объектами. Доступ к данным внутри них — обычно осуществляется с помощью индекса для массивов и имени свойства для объектов. Но приходилось ли вам когда-нибудь обращаться к одному и тому же фрагменту данных снова и снова в коде до того момента, когда становилось все труднее и труднее понимать происходящее?
Вопрос, разумеется, риторический. Сегодня рекомендую к прочтению статью о деструктуризации в JS: её удобстве, синтаксисе и интересных решениях для тех или иных ситуаций.
P. S. видео будет завтра утром, поскольку его рендер немного затянулся
https://www.telerik.com/blogs/understanding-javascript-destructuring-syntax
Telerik Blogs
Understanding the JavaScript Destructuring Syntax
Destructuring provides a simple yet effective way of creating variables out of pieces of an array, or properties of an object—allowing for better code.
Готовим компоненты правильно (рефакторинг) — Своя фриланс-биржа #12
Привет! Это 12 урок из моего онлайн-курса по созданию собственной фриланс-биржи. Сегодня рефакторим фронтенд, разбираемся с тем, что было сделано неверно и исправляем эти ошибки. Поговорим про правильное деление всех частей приложения на components, views, layouts, mixins.
Привет! Это 12 урок из моего онлайн-курса по созданию собственной фриланс-биржи. Сегодня рефакторим фронтенд, разбираемся с тем, что было сделано неверно и исправляем эти ошибки. Поговорим про правильное деление всех частей приложения на components, views, layouts, mixins.
Фронтенд-2021 глазами команды из Тинькофф
Пару недель назад на хабре вышел пост про тенденции в современном фронтенде — целая обзорная статья от команды банка Тинькофф про технологии, которые они сами активно используют или те, к которым они ещё присматриваются.
Здесь есть всё: и классические фреймворки и исчезающие, тайпскрипт и обычный js. Более того, все технологии имеют определённую оценку по вероятности продолжения/начинания использования. К этому можно присматриваться, но не стоит считать за истину, потому что это всё-таки финтех, а в финтехе всё должно быть надёжно и чётко, это enterprise очень высокого уровня, который подходит далеко не всем. Но статью к прочтению — однозначно рекомендую.
https://habr.com/ru/company/tinkoff/blog/533462/
Пару недель назад на хабре вышел пост про тенденции в современном фронтенде — целая обзорная статья от команды банка Тинькофф про технологии, которые они сами активно используют или те, к которым они ещё присматриваются.
Здесь есть всё: и классические фреймворки и исчезающие, тайпскрипт и обычный js. Более того, все технологии имеют определённую оценку по вероятности продолжения/начинания использования. К этому можно присматриваться, но не стоит считать за истину, потому что это всё-таки финтех, а в финтехе всё должно быть надёжно и чётко, это enterprise очень высокого уровня, который подходит далеко не всем. Но статью к прочтению — однозначно рекомендую.
https://habr.com/ru/company/tinkoff/blog/533462/
Хабр
Фронтенд-2021: тенденции, как мы их видим
В статье поделимся нашим взглядом на 15 технологий в области фронтенда на 2021 год. К части технологий мы активно присматриваемся, некоторые начинаем применять, другие давно используем и рекомендуем...
Разбираемся с коротким и длинным контентом средствами CSS
Нередка ситуация, когда вёрстка той или иной компоненты не является действительно адаптивной, потому что зависит от вложенного в неё контента. В основном, это касается текста. Я ежедневно сталкиваюсь с такими ошибками, когда сижу в интернете со смартфона (в том же такси вконтакте — явные проблемы с вёрсткой, потому что слишком длинные адреса, а это почти любые адреса, вылезают за пределы поля, в котором находятся и это выглядит плохо).
В своей статье Ахмад Шадид разбирается, как решить эту проблему и, в свойственной ему манере, делает это довольно подробно, рассматривая все возможные варианты и кейсы. Скажу честно — у меня довольно часто бывали проблемы с вёрсткой подобных вещей, потому что всего не предусмотришь, но теперь я постараюсь везде использовать подходы, которыми поделился автор статьи. Чего и вам отчаянно советую.
P. S. видео со сходки, надеюсь, выйдет завтра. Там есть на что посмотреть, думаю, оно будет полезным. А новые ролики по курсу «Своя фриланс биржа» — появятся уже на следующей неделе.
https://ishadeed.com/article/css-short-long-content/
Нередка ситуация, когда вёрстка той или иной компоненты не является действительно адаптивной, потому что зависит от вложенного в неё контента. В основном, это касается текста. Я ежедневно сталкиваюсь с такими ошибками, когда сижу в интернете со смартфона (в том же такси вконтакте — явные проблемы с вёрсткой, потому что слишком длинные адреса, а это почти любые адреса, вылезают за пределы поля, в котором находятся и это выглядит плохо).
В своей статье Ахмад Шадид разбирается, как решить эту проблему и, в свойственной ему манере, делает это довольно подробно, рассматривая все возможные варианты и кейсы. Скажу честно — у меня довольно часто бывали проблемы с вёрсткой подобных вещей, потому что всего не предусмотришь, но теперь я постараюсь везде использовать подходы, которыми поделился автор статьи. Чего и вам отчаянно советую.
P. S. видео со сходки, надеюсь, выйдет завтра. Там есть на что посмотреть, думаю, оно будет полезным. А новые ролики по курсу «Своя фриланс биржа» — появятся уже на следующей неделе.
https://ishadeed.com/article/css-short-long-content/
Ishadeed
Handling Short And Long Content In CSS
An in-depth article on how to handle short and long content in CSS.