Фронтенд Гайд

CesiumJS - это JavaScript библиотека для создания 3D-глобусов и карт мирового класса. Установить её можно с помощью команды npm install cesium –save. CesiumJS позволяет разрабатывать интерактивные веб-приложения для обмена динамическими геопространственными данными с максимальной производительностью, точностью, визуальным качеством и простотой использования. Разработчики из различных отраслей, таких как аэрокосмическая промышленность, умные города и беспилотники, используют CesiumJS. Библиотека основана на открытых форматах, что обеспечивает надежную совместимость и масштабирование для работы с огромными массивами данных. Она также поддерживает потоковую передачу данных в формате 3D Tiles и других стандартных форматах из Cesium ion или других источников, визуализацию и анализ на высокоточном глобусе WGS84, а также возможность делиться данными с пользователями ПК и смартфонов.

⚡Хочешь разработать решение технологического кейса для внедрения в работу НКО?  Тогда регистрируйся на Smart Social: Хакатон! Smart Social: Хакатон – это командное соревнование для программистов, дизайнеров, менеджеров, аналитиков и других IT-специалистов, которые в сжатые сроки решают технологическую задачу. 👨‍💻Кейсы: - Приложение для туристических маршрутов - Сервис сбора информации для профилактики социально значимых заболеваний - Онлайн-игра для повышения информированности населения о профилактике ВИЧ - Видеоигра для посетителей музейного пространства 📆Даты хакатона: C 10 по 18 Июня 2024 г. 📍Формат: Гибридный - финальная питч-сессия пройдёт в Москве, командам из регионов доступно подключение онлайн.  🔥Дедлайн регистрации: 6 Июня, 23:59 (МСК) Не нашел для себя задачу? Смотри еще кейсы по ссылке: https://tglink.io/a5eed50f4e8a  🚀Сделай Добро – помоги НКО!

📚 Book reviews - Верстка реализована при помощи CSS Grid. Анимации созданы библиотекой gsap.

Современные инструменты для agile-разработки продуктов 📅 4 июня в 11:00 эксперты компании СберТех поделятся опытом повышения продуктивности с помощью Platform V Works — семейства инструментов agile-разработки, командного взаимодействия и управления процессами. Во время вебинара обсудим, как устроена сквозная интеграция, инструменты автоматизации, особенности настройки конвейеров CI/CD. Присоединяйтесь! Зарегистрироваться #реклама platformv.sbertech.ru О рекламодателе

Рефлексия в JavaScript и TypeScript: обзор основных техник. Как создать CLI-интерфейс для класса В языке JavaScript существуют способы анализа структуры его значений во время выполнения - определение типов, ключей объектов, получение конструкторов и прототипов. В данной статье рассмотрены основные возможности рефлексии, а также показаны, как можно получить больше информации о типах при использовании TypeScript и добавить собственные метаданные классам и их полям с использованием декораторов. Каждая техника демонстрируюется на примере небольшого CLI-фреймворка, работа с которым к завершению статьи будет выглядеть как показано на картинке:

🖥 fnm — менеджер версий Node.js Для установки, выполните команду:

curl -fsSL https://fnm.vercel.app/install | bash

Fast Node Manager (fnm) — это быстрый и простой менеджер версий Node.js, разработанный на языке программирования Rust. Особенности fnm: - Поддерживается на различных операционных системах (macOS, Windows, Linux) - Простая установка с помощью одного файла и мгновенный запуск - Ориентирован на обеспечение быстрой работы - Поддерживает работу с файлами .node-version и .nvmrc.

Frontend теперь в Telegram! Крупнейшая база материалов для фронтенд-разработки теперь доступна бесплатно: Шаблоны с кодом – 477 шт. Шаблоны Figma – 96 шт. Слитые курсы по JS – 141 видео Слитые курсы по HTML – 54 видео Слитые курсы по CSS – 29 видео Шпаргалки по JS – 341 шт. Шпаргалки по HTML – 126 шт. Шпаргалки по CSS – 211 шт. Книги по фронтенду – 359 шт. Статьи по фронтенду – 112 шт. 👉🏻 Изучать JavaScript, HTML и CSS стало намного проще — нужно просто быть подписанным на блог фронтендера

Ouroborus — CSS only Крутая анимированная сцена, выполненная с помощью Pug и SCSS, без использования JavaScript. #CodePen

У топовых айтишников есть секрет Они работают не 8 часов, а головой. Вы можете так же с правильной библиотекой знаний: → Сайтодел для веб-разработчиков. Готовые макеты, анимации, палитры — и боты, которые автоматизируют часть кода и удаляют баги. Остаётся только внедрить в свой проект. → Английский для программистов откроет доступ к международным хакатонам и командировкам. В первый же месяц увидите, как выросли с бесплатным репетитором. Отдыхайте и зарабатывайте больше. Всё просто, два клика: → Сайтодел → Английский для программистов Первым, кто подпишется, бонусные гайды в подарок 🎁

🖥 Вопросы с собеседования В чём разница InnerJoin и RightJoin ? Спросят с вероятностью 12% INNER JOIN и RIGHT JOIN - это два типа соединений таблиц, используемых для объединения строк из двух или более таблиц. Основное различие между ними заключается в том, какие строки из соединяемых таблиц включаются в итоговый результат. - INNER JOIN: INNER JOIN возвращает только те строки, у которых есть соответствие в обеих таблицах. Если в одной из таблиц нет совпадений, то соответствующие строки не попадут в окончательный результат. Таким образом, INNER JOIN представляет собой пересечение двух таблиц - только строки, для которых найдено соответствие в обеих таблицах по указанному условию. Пример: Если мы объединим таблицу заказов с таблицей клиентов с использованием INNER JOIN по полю clientid, то в итоговом наборе данных будут только заказы, для которых есть соответствующие записи о клиентах. - RIGHT JOIN (или RIGHT OUTER JOIN): RIGHT JOIN возвращает все строки из правой таблицы, а также соответствующие строки из левой таблицы. Для строк из правой таблицы, у которых нет совпадений в левой таблице, в итоговом наборе данных будут значения NULL в столбцах левой таблицы. Это означает, что если строка из левой таблицы не имеет соответствия в правой, она не будет включена в результат, но все строки из правой таблицы будут представлены. Пример: При использовании RIGHT JOIN для объединения таблицы заказов (левая таблица) с таблицей клиентов (правая таблица) по полю clientid, в результате будут все клиенты, включая тех, у которых нет заказов. Поля, относящиеся к заказам для клиентов без заказов, будут содержать NULL. ✔️INNER JOIN используется для строк, имеющих соответствие в обеих таблицах. ✔️ RIGHT JOIN используется для получения всех строк из правой таблицы, даже если для некоторых из них нет соответствия в левой таблице. Выбор между INNER JOIN и RIGHT JOIN зависит от требований к данным и поставленных задач. #Полезное

Sliding Stepper Счетчик с красивыми CSS-анимациями при переключении. #CodePen

🖥 Взгляд на асинхронность в JavaScript: роль Event Loop, промисов и async/await В данной статье мы сфокусируемся на ключевых элементах асинхронного программирования в JavaScript: Event Loop, микро- и макро-задачах, Event Bus, промисах и синтаксическом сахаре async/await. Мы разберем, как эти концепции взаимодействуют между собой и как их использование помогает нам создавать более эффективные и отзывчивые веб-приложения. Начнем с изучения роли Event Loop — механизма, ответственного за управление выполнением асинхронного кода. Затем мы перейдем к рассмотрению микро- и макро-задач, которые играют важную роль в управлении порядком выполнения операций. После этого мы ознакомимся с промисами и синтаксическим сахаром async/await, которые значительно упрощают работу с асинхронным кодом, делая его более читаемым и понятным. #Полезное

🖥 Husky — это инструмент на JavaScript для управления Git-хуками, которые позволяют запускать пользовательские скрипты при определенных событиях в Git. Установить Husky можно простой командой: npm install --save-dev husky, а затем инициализировать его с помощью npx husky init (предварительно инициализировав Git с помощью git init). Когда вы инициализируете Husky, он добавляет сценарий prepare в файл package.json и создает каталог .husky в корне проекта, содержащий файл pre-commit. Файл pre-commit представляет собой bash-скрипт, который будет выполняться перед каждым коммитом, позволяя вам выполнять форматирование, линтинг и тестирование вашего кода автоматически.

Логично

Craftum Генератор лендингов с искусственным интеллектом, создающий страницу по запросу за 3 минуты. После генерации сайт можно свободно редактировать в конструкторе. @craftumcom | Попробовать