PulseX education

Думал сразу описать как работает JWT, но наверное это будет очень больно для новичков в React. Поэтому, сначала пример попроще - создание компонента. Вариант 1: в одном файле (не рекомендуется) Берем наш файл App.js и кидаем туда код. Что произойдет: при запуске приложения запуститься функция function App(), и там, где указан компонент <Title/> подгрузится результат выполнения функции function Title() Вариант 2: правильно (без создания структуры) Создаем файл в src, к примеру, Title...

Что ж, решили значит мы писать проект на React, в связке с Django и PostgreSQL. А это повод поделиться шагами по установке React. Да, точно. Пишем мы хаб для хранения материалов от наших пользователей - лекции, презенташки, задачи…. И еще проверку кода. Мы, конечно, не Яндекс, но тоже немного умеем 😊 Если вы никогда ничего не писали на JS, то потребуется Node.js. Вот ссылочка - https://nodejs.org/en. Если не поставится, переустанавливайте систему. Или хотя бы ошибку в комментарии, поможем. Ну а если вы тут просто почитать, то можно не ставить Node...

Давай реализуем вот такую штуку: Лапочка освещает нам путь, но стоит ее выключить (нажать на нее), как становится темно и грустно. Итак, наш план действий: Поехали! Делаем HTML и CSS Картинку можно разместить двумя способами - через тег img, либо как фон тега div. Менять фон проще, поэтому пойдем по второму пути, а потом посмотрим еще варианты. Что бы картинка влезла полностью зададим div высоту в 100vh. Теперь добавим сюда класс с включенной лапочкой Файлики тут - https://disk.yandex.ru/d/-0REW69eSapOvg Получим вот такую красоту Аналогично делаем для выключенной лампочки...

Привет! Да, да, да! Снова про Hot Keys. Или почти про Hot Keys. Посмотрим основные сокращения, которые сильно упростят написание кода👀. Если кратко то это выглядит так. Первые две команды, которые здорово помогают - создание элементов с классом и создание div’ов В первом случае достаточно написать тег и класс через точку p.hello, а затем нажать <TAB>, во втором случае можно просто написать класс .hello и будет создан div с этим классом. Вторая и третья полезные команды...

Очередная интересная штука от разработчиков HTML, о которой мало кто знает. Итак, обычно элемент <img> позволяет указать только один путь к файлу: А если мы хотим разные размеры под разные разрешения? Конечно, можно помучиться с JS, бэком или даже CSS. Но есть путь проще, “из коробки”. Два новых атрибута — srcset и sizes — позволяющие добавить дополнительные изображения с пометками, чтобы браузер выбрал подходящее. srcset включает названия изображений, среди которых браузер выберет нужное и их размеры...