Логово верстальщика – Telegram
Логово верстальщика
8.02K subscribers
996 photos
48 videos
4 files
1.71K links
Канал для верстальщиков с инфой о HTML и CSS, а так же JavaScript на уровне верстальщиков.

Канал на бирже - https://telega.in/c/webdevlair

По вопросам рекламы или разработки: @g_abashkin
Download Telegram
​​😎Пишем анти-легаси приложение

В этой статье автор описывает процесс создания приложения с чистой архитектурой, основанной на принципах SOLID, масштабируемости и защищенности от устаревания.

Читать...
🔥1
​​🛠 Set в JavaScript: теперь с новыми суперспособностями

В этой статье автор расскажет о грядущих обновлениях Set в JavaScript, включая новые методы union, intersection, difference и другие.

Читать...
​​🫥 UX установки диффузионного силицирования

В этой статье автор расскажет как разработать интуитивно понятный интерфейс, используя цветовое кодирование и визуальные индикаторы для отображения информации о статусе системы.

Читать...
​​❤️ Активация с первого взгляда: как влюбить пользователя в продукт

В этой статье расскажем, как повысить активацию пользователей, отличить ее от aha-момента и использовать эти знания для кратного роста количества активных пользователей.

Читать...
​​🤔Тутор: как нажать на кнопку. Продвинутые техники работы с веб-элементами для Selenium

В этой статье мы рассмотрим ошибки, которые могут возникнуть при работе с Selenium, и способы их решения.

Читать...
​​🪄Магия CSS на практике: советы по вёрстке от гика

В этой статье автор рассмотрит стиль написания медиа-запросов, позволяющий сократить количество правил, и альтернативный способ центрирования элемента без свойства transform.

Читать...
​​🌳Дизайн экосистем

В этой статье автор рассмотрит концепции экосистемы и ее применения в цифровых продуктах, а также основные принципы иconsiderations дизайна для создания успешных экосистем.

Читать...
​​😈XSS в Sappy (частичный writeup)

В этой статье я рассмотрю web task с недавно прошедшего Google CTF, который называется "Sappy".

Читать...
​​🌐 Загрузка es-модулей в браузерные приложения

В этой статье мы рассмотрим концепцию загрузки модулей ES (ESM) в браузерных приложениях и преимущества прямой загрузки их без сборки в единый файл.

Читать...
​​🌀Разбираемся, зачем нужен и как выбрать оптимальный загрузочный экран для вашего веб-продукта

В этой статье рассмотрим технические аспекты и даю классификацию загрузочных экранов, а заодно, помогаю выбрать оптимальный вариант для вашего продукта.

Читать...
​​🎛 Плагины для VS Code, которые стоит использовать в 2024 году

В этой статье расскажем расскажем о нескольких полезных плагинах для VS Code, которые облегчают и упрощают работу специалиста.

Читать...
👩‍💻 10 незаменимых плагинов для VS Code в 2024 году

Visual Studio Code популярен благодаря возможности расширения функциональности с помощью плагинов. В этой статье мы рассмотрим 10 полезных расширений, которые упростят работу с кодом и повысят вашу продуктивность.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Какие JS-библиотеки использовать для анимаций на сайте в 2024 году

JS-библиотек более тысячи — они постоянно обновляются, а многие из них создаются сообществом. Рассказываем о наиболее актуальных для разработки анимаций на сайте.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Альтернативные фреймворки JavaScript: есть ли жизнь за пределами большой тройки?

Мы разберем не такие известные, но довольно часто используемые инструменты JavaScript, которые помогут облегчить жизнь веб-разработчика. Необязательно зацикливаться только на трех основных фреймворках.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
​​👤Кратко про основные техники кеширования в браузере

В этой статье мы поговорим о крайне важной, но порой недооцененной теме — кешировании в браузере.

Читать...
👩‍💻 Как меня чуть не уволили за выбор React для корпоративного приложения

Грустная история о том, как неправильный выбор библиотеки привел к большим проблемам в разработке приложения.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
​​Бесплатный мастер-класс ― «Тестировщик с нуля: как им стать и найти первую работу?»

Когда: 11 июля в 19:00 (мск).

✔️Расскажем про навыки и знания для трудоустройства, грейды в тестировании и перспективы роста зарплат в профессии.
✔️На практике протестируете простую форму, в рамках которой разберете базовые техники тест-дизайна и тест-кейсы, составите первый баг-репорт.
✔️Узнаете, как составить привлекательное резюме и где его разместить, чем наполнить портфолио новичку и как правильно откликаться на вакансии.

🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику - Карта компетенций начинающего тестировщика!

Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid:LjN8KbDGk
🤔 Числа, но только римские

Напишите функцию, которая принимает в качестве аргумента римскую цифру и возвращает ее значение в виде десятичного целого числа.

Римские числа:

I — 1
V — 5
X — 10
L — 50
C — 100
D — 500
M — 1000

Пример:

solution('XXI') => 21
solution('I') => 1
solution('IV') => 4
solution('MMVIII') => 2008
solution('MDCLXVI') => 1666


Решение задачи 👇


function romanToInt(roman) {
const romanNumerals = {
'I': 1,
'V': 5,
'X': 10,
'L': 50,
'C': 100,
'D': 500,
'M': 1000
};

let result = 0;

for (let i = 0; i < roman.length; i++) {
if (romanNumerals[roman[i]] < romanNumerals[roman[i + 1]]) {
result += romanNumerals[roman[i + 1]] - romanNumerals[roman[i]];
i++;
} else {
result += romanNumerals[roman[i]];
}
}

return result;
}
Please open Telegram to view this post
VIEW IN TELEGRAM
⚙️ Гайд по верстке HTML странички. Объяснение принципов, а не примеров

В данной статье я попробую охватить сценарии использования HTML и CSS, которые закроют 80% ваших задач, а также аргументирую, почему создание страничек сайта при помощи верстки не уступает по сложности использованию конструкторов сайта (разница только в скорости).

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
👩‍💻 Крутые расширения VSCode для React-разработчиков

Недавно я вернулся к личному проекту на React, который забросил в прошлом году. В ходе работы я нашел несколько расширений VSCode, которые значительно повысили мою продуктивность.

Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM