Мы разберем не такие известные, но довольно часто используемые инструменты JavaScript, которые помогут облегчить жизнь веб-разработчика. Необязательно зацикливаться только на трех основных фреймворках.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
• Магия CSS на практике: советы по вёрстке от гика
• Полный гайд по UI-китам: как их создавать, подключать и ничего не бояться
• Загрузка es-модулей в браузерные приложения
• Как я написал загрузчик YouTube видео на Ktor + HTMX. Убийца React?
• Микросервисы в представлении среднего разработчика, и как всё на самом деле
Please open Telegram to view this post
VIEW IN TELEGRAM
Грустная история о том, как неправильный выбор библиотеки привел к большим проблемам в разработке приложения.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Бесплатный мастер-класс ― «Тестировщик с нуля: как им стать и найти первую работу?»
⏰ Когда: 11 июля в 19:00 (мск).
✔️Расскажем про навыки и знания для трудоустройства, грейды в тестировании и перспективы роста зарплат в профессии.
✔️На практике протестируете простую форму, в рамках которой разберете базовые техники тест-дизайна и тест-кейсы, составите первый баг-репорт.
✔️Узнаете, как составить привлекательное резюме и где его разместить, чем наполнить портфолио новичку и как правильно откликаться на вакансии.
🎁 Всем, кто зарегистрировался - Гайд «Как заговорить на сленге IT-специалистов», а каждому участнику - Карта компетенций начинающего тестировщика!
Реклама. ООО "ХЕКСЛЕТ РУС". ИНН 7325174845. erid:LjN8KbDGk
⏰ Когда: 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 и CSS, которые закроют 80% ваших задач, а также аргументирую, почему создание страничек сайта при помощи верстки не уступает по сложности использованию конструкторов сайта (разница только в скорости).
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Недавно я вернулся к личному проекту на React, который забросил в прошлом году. В ходе работы я нашел несколько расширений VSCode, которые значительно повысили мою продуктивность.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
По первым оценкам на сайте было около 500 000 игроков одновременно, ссылочка на сайт.
Please open Telegram to view this post
VIEW IN TELEGRAM
Visual Studio Code популярен благодаря возможности расширения функциональности с помощью плагинов. В этой статье мы рассмотрим 10 полезных расширений, которые упростят работу с кодом и повысят вашу продуктивность.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
• Создание статических сайтов из Markdown без HTML (pandoc, mkdocs, hugo и jekyll)
• Как настроить SEO при создании сайтов самостоятельно?
• Zoneless Angular 18
• Готовимся к вопросам по вёрстке на интервью Frontend-разработчика: «Как скрыть элемент доступно?»
• Playwright и Allure как хорошая практика для разработки веб-приложения
Please open Telegram to view this post
VIEW IN TELEGRAM
Адаптивная вёрстка позволяет правильно отображать содержимое веб-сайта на любых устройствах. Рассказываем, как это сделать.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
JavaScript делает веб-приложения интерактивными и отзывчивыми. Для этого нужно изучить методы обработки событий, которые позволяют приложениям правильно реагировать на действия пользователей и избегать неожиданных сбоев.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Принципы SOLID принято описывать только в положительном свете. Поэтому многие нюансы часто упускаются из виду. Сегодня поговорим о том, применимы ли вообще принципы SOLID в React-приложении и какими ключевыми особенностями обладает каждый из них.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
В этой задаче, необходимо найти коэффициенты квадратного уравнения, если известны два корня
(x1 и x2). Уравнение будет иметь вид:
ax^2 + bx + c = 0.Возвращаемое значение — это вектор содержащий коэффициенты уравнений в порядке
(a, b, c).Так как решений этой задачи бесконечно много, зафиксируем
a = 1.Пример
quadratic(0,1) => [1, -1, 0]
quadratic(-4,-9) => [1, 13, 36]
quadratic(-5,-4) => [1, 9, 20]
quadratic(5,-4) => [1, -1, -20]
Решить задачу
Решение задачи🔽
function quadratic(x1, x2) {
const a = 1;
const b = -(x1 + x2);
const c = x1 * x2;
return [a, b, c];
}
// Примеры использования
console.log(quadratic(0, 1)); // [1, -1, 0]
console.log(quadratic(-4, -9)); // [1, 13, 36]
console.log(quadratic(-5, -4)); // [1, 9, 20]
console.log(quadratic(5, -4)); // [1, -1, -20]
Please open Telegram to view this post
VIEW IN TELEGRAM
• HTML и CSS ошибки, влияющие на доступность. Мой опыт и моего незрячего знакомого Ильи. Часть 9
• Как сделать Infinite Scroll на хуках в React приложении
• Создание статических сайтов из Markdown без HTML (pandoc, mkdocs, hugo и jekyll)
• Как обеспечить цифровую доступность по всем правилам: опыт Яндекс Капчи
• JavaScript: структуры данных и алгоритмы. Часть 1
Please open Telegram to view this post
VIEW IN TELEGRAM
Некоторые новые возможности JavaScript не могут не радовать, и API Wake lock — одна из них. С его помощью разработчик может указать операционной системе, чтобы она не выключала экран!
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM
Рассмотрим значимость переходной анимации в дизайне и прототипировании продукта. Подробно изучим принципы для улучшения переходной анимации и как их применять.
Читать...
Please open Telegram to view this post
VIEW IN TELEGRAM