Статьи на тему «Frontend»

 

Иконка Рубрики
2 года назад

Курс по HTML: работа с текстом

HTML — это язык разметки, который широко используется для создания веб-страниц. Это позволяет веб-разработчикам создавать контент, который отображается структурировано. Одним из наиболее важных аспектов HTML является возможность работы с текстом.
Frontend 2 289
2 года назад

Руководство для начинающих по HTML: синтаксис и базовая структура

HTML (язык гипертекстовой разметки) является основой каждого веб-сайта. Он обеспечивает структуру и содержимое веб-страницы и является языком, который веб-браузеры используют для отображения веб-страниц.
Frontend 1 906
2 года назад

Как начать зарабатывать на фрилансе как веб-разработчик

Веб-разработка на фрилансе — отличный способ заработать деньги на ваших условиях, с возможностью работать из любого места и выбирать собственных клиентов.
Frontend 652
2 года назад

Популярные стеки для разработки веб-приложений

Разработка веб-приложений — сложный процесс, требующий беспрепятственной совместной работы различных технологий. Эти технологии, также известные как технологические стеки, включают интерфейсные, серверные компоненты и компоненты базы данных.
Backend 3 405
2 года назад

UI-компоненты: табы на JavaScript

Создадим простые табы на JavaScript. Мы определим четыре кнопки вкладок и соответствующее содержимое вкладок с помощью HTML. Мы также определяем некоторый CSS для стилизации кнопок вкладок и скрытия содержимого вкладок по умолчанию.
Frontend 949
2 года назад

UI-компоненты. Аккордеон на JavaScript

Напишем пример JavaScript-аккордеона с плавной анимацией. Аккордеон — это тип элемента пользовательского интерфейса, который позволяет пользователям отображать или скрывать дополнительное содержимое, кликая на вкладки аккордеона.
Frontend 1 072
2 года назад

UI-компоненты. Кнопка с градиентом на CSS

Создадим красивую кнопку с градиентом на CSS и со значком Font Awesome. В этом примере код HTML создает кнопку с именем класса gradient-btn и включает значок Font Awesome внутри кнопки.
Frontend 1 080
2 года назад

UI-компоненты. Кнопка с иконкой на CSS

Создадим 5 красивых кнопок со значками на CSS, используя значки Font Awesome. В этом примере код HTML создает 5 кнопок с разными именами классов и включает значки Font Awesome внутри кнопок.
Frontend 1 986
2 года назад

UI-компоненты. Анимированные кнопки на CSS

Создадим 5 красивых анимированных кнопок на CSS3. В этом примере код HTML создает 5 кнопок с разными именами классов. Код CSS стилизует и анимирует кнопки с помощью псевдокласса :hover, который запускает анимацию, когда пользователь наводит курсор на кнопку.
Frontend 994
2 года назад

UI-компоненты. Модальное окно на JavaScript

Создадим простое модальное окно на JavaScript. Этот код создает модальное окно, которое появляется при нажатии кнопки «Открыть модальное окно». Модальное окно содержит некоторый текст и имеет кнопку закрытия (представленную символом «x») в правом верхнем углу.
Frontend 1 490
2 года назад

UI-компоненты. Выпадающий список на JavaScript

Напишем выпадающее меню в JavaScript или его еще называют dropdown menu. Этот код устанавливает прослушиватель событий на кнопке раскрывающегося списка, которая переключает класс show в раскрывающемся меню.
Frontend 3 026
2 года назад

Сортировка таблицы с помощью JavaScript

Напишем сортируемую таблицу на JavaScript. Этот код добавляет прослушиватель событий к каждому элементу th, который сортирует массив строк на основе содержимого столбца, по которому щелкнули.
Frontend 2 677
2 года назад

UI-компоненты. Индикатор прокрутки страницы на JavaScript

Напишем индикатор прокрутки страницы с использованием JavaScript. Этот код создает фиксированную полосу в нижней части страницы и использует событие прокрутки для расчета процентной доли прокрутки страницы.
Frontend 705
2 года назад

UI-компоненты. Поиск по списку на JavaScript

Напишем код на JavaScript для поиска по списку с комментариями. Этот код создает ввод для поиска и список элементов. Когда пользователь вводит поисковый запрос, скрипт просматривает каждый элемент в списке и сравнивает его с поисковым запросом.
Frontend 1 623
2 года назад

UI-компоненты. Прелоадер для сайта

Простая анимация предварительного загрузчика в виде спиннера, которую можно использовать на своем веб-сайте с помощью JavaScript. В этом коде div preloader действует как фон для анимации счетчика.
Frontend 898
2 года назад

Популярные фреймворки для веб-разработки в 2023 году

Веб-разработка — это постоянно развивающаяся область, и каждый год появляются новые фреймворки и инструменты. В 2023 году наиболее популярными фреймворками для веб-разработки, вероятно, останутся те, которые предлагают разработчикам высокую степень производительности, масштабируемости и простоты использования.
Backend 1 044
2 года назад

Roadmap для фронтенд-разработчика в 2023 году

Чтобы стать фронтенд-разработчиком, важно быть в курсе новейших технологий и передового опыта, чтобы добиться успеха в 2023 году. В связи с быстрыми темпами изменений в отрасли важно иметь дорожную карту, которая поможет вам в обучении и карьерном росте.
Frontend 1 816
2 года назад

Полезные инструменты для веб-разработки

Разработка веб-сайтов становится все более сложной по мере развития сферы IT. Чтобы идти в ногу со временем, разработчикам необходимо использовать мощные инструменты, которые помогают им создавать, поддерживать и оптимизировать веб-сайты.
Frontend 677
2 года назад

UI-компоненты. Подсказка при наведении

Подсказка при наведении (ее еще называют тултип) показывает блок с текстом при наведении на элемент. Тултип показывает справочную информацию о содержимом элемента.
Frontend 964
2 года назад

Таймер обратного отсчета на JS

Таймер обратного отсчета показывает сколько времени осталось до определенного события. Часто таймеры используют на сайтах, чтобы подтолкнуть пользователя к покупке: показывают сколько времени осталось до окончания акции.
Frontend 2 843