[404] — программирование

​🔥Архитектура современных WEB приложений — [28:29] В видео речь пойдёт о работе web-приложений, о различиях между Frontend и Backend, о монолитной и микросервисной архитектуре. Автор подробно разбирает как идёт взаимодействие приложения с базой данных, S3, клиентом и другими системами программы. Перейти к просмотру #видео#web

​🗳Event Loop от А до Я — [1:14:29] Задачи событийного цикла или Event Loop заключается в том, чтобы выполнять задачи, если они есть или ожидать получения новой таски. Идея кажется простой, но под капотом много интересных особенностей. В ролике речь пойдёт про архитектуру браузера, node js, очереди Microtask и macrotask. Перейти к просмотру #видео#web

​🌐Бесплатный курс по Vue.js Vue сейчас — лучший из известных фреймворков для написания Frontend'а. Но этот курс не просто рассказывает про него (как во многих уроках), тут также обсуждаются его нюансы, концепции. 1. О структуре курса — [23:34] 2. Зачем нужен Vue.js? — [18:26] 3. Реактивность — [7:44] 4. Двустороннее связывание — [6:08] 5. Как во Vue.js использовать Х — [8:22] Перейти к плейлисту #видео#web

​🤚Drag and Drop на JavaScript — [32:07] Эта фишка уже довольно старая и стала must-have для множества сайтов. Особенно если это какие-то ToDo сайты или заметки. Написать подобную штуку не очень сложно, достаточно немного шарить в JS. Первым делом идёт вёрстка, а Drag & Drop начинается с 14:20. Перейти к просмотру #видео#web

​🔗Пишем приложение на блокчейн Web3 — [2:31:51] Если вы думаете, что писать приложения на блокчейне, с поддержкой смарт-контрактов, с хорошей защитой — сложно, то вы правы. Но если разобраться, что к чему, то станет намного проще. Автор рассказывает как написать децентрализованное приложение и как оно работает. Перейти к просмотру #видео#web

​📝 Плагиныпод VS Code — [10:02] VS Code неидеален, но другие разработчики делают его лучше, создавая разные плагины для этой IDE. Можно сравнить Python с его кучей библиотек. Автор делится плагинами, которые сам использует для веб разработки. Ещё более интересные варианты предлагают зрители в комментариях. Перейти к просмотру #видео#web

​🌐Бесплатный курс по Vue.js Vue сейчас — лучший из известных фреймворков для написания Frontend'а. Но этот курс не просто рассказывает про него (как во многих уроках), тут также обсуждаются его нюансы, концепции. 1. О структуре курса — [23:34] 2. Зачем нужен Vue.js? — [18:26] 3. Реактивность — [7:44] 4. Двустороннее связывание — [6:08] 5. Как во Vue.js использовать Х — [8:22] Перейти к плейлисту #видео#web

​🧠Нужен ли TypeScript Вашему проекту? — [11:59] TypeScript обрёл свою популярность за счёт решения проблем с динамической типизацией с использованием статической типизации. Но всё ли так хорошо? И будет ли TypeScript приносить пользу, а не вред вашему проекту? Эти и другие вопросы как раз подробно разбираются в этом ролике. Перейти к просмотру #видео#web

​➗Правильная структура в React проекте — [18:26] Поговорим о том, как должны разделяться системы в проекте и как их правильно расположить, чтобы важные части проекта было просто найти. В видео разбираются три структуры: Feature-sliced, Atomic design и ещё один авторский вариант. После просмотра вы поймёте, как важно, чтобы файлы проекта лежали по своим папкам. Перейти к просмотру #видео#web

​🔗Самый подробный гайд по сетям — [6:06] Если быть точным, то это подробный RoadMap программиста по сетям: socket, TCP/UDP соединения и другие связанные с соединениями понятия. Автор прошёлся по интернету, сравнил мнение других людей со своим опытом и поделился лучшими книгами, сайтами и проектами для изучения сетевого программирования. Перейти к просмотру #видео#web#теория

​🔥React Lazy Loading — [29:06] Реализовать бесконечную ленту и подгрузку данных при прокручивании страницы не так сложно: для этого надо знать библиотеку и Intersection Observer API. В видео автор создаёт проект и показывает как с нуля создать ленту с асинхронной загрузкой данных с React. Перейти к просмотру #видео#web

​🔥Исповедь CSS-программиста — [11:33] Это небольшой ролик о том, как стать Senior CSS разработчиком (без шуток). Здесь хранится небольшой набор правил по стилизации объектов, такие как направление margin, z-index и использование !important. Перейти к просмотру #видео#web