Статьи

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

Как стать фронтенд-разработчиком в 2022 году

Для того чтобы стать фронтенд-разработчиком в 2022 году, вам потребуется глубокое понимание html, css и javascript. Вам также потребуется знание одного или нескольких фреймворков, таких как react или angular.
Общее 474
2 года назад

Верстка форм авторизации и регистрации по макету Figma

Рассмотрим, как сверстать две формы: одну для авторизации, вторую для регистрации пользователя. Данные формы вы можете адаптировать под себя: дизайн у них довольно простой, так же как сам код.
Frontend 6 810
2 года назад

Подробное руководство по CSS Flexbox

CSS Flexbox позволяет размещать и упорядочивать элемент по горизонтали и вертикали, что делает веб-страницу гибкой и простой для понимания. Flexbox — то не просто свойство, это модуль макета CSS.
Обучение 3 986
2 года назад

Свойство display в CSS

Свойство Display определяет поведение элемента при его отображении в браузере. В HTML значение свойства display берется из спецификаций HTML или из таблицы стилей браузера/пользователя.
Обучение 6 237
2 года назад

Позиционирование в CSS

Свойство CSS position определяет положение HTML-элемента внутри области просмотра браузера. По умолчанию все элементы HTML будут следовать порядку по умолчанию. Мы можем использовать свойство CSS position для управления положением HTML-элементов внутри области просмотра.
Обучение 1 354
2 года назад

Игра «Угадай число» на JS

Рассмотрим создание игры «Угадай число» на JS. Компьютер загадывает простое число — от 1 до 100, наша задача его угадать. Есть подсчет попыток и подсказка (больше число или меньше).
GameDev 7 694
2 года назад

Пишем темную тему для сайта

В этом уроке мы напишем скрипт на JS для переключения на темную и светлую тему. Мы будем использовать localStorage для сохранения данных о текущей темы, чтобы при перезагрузке страницы и выходе из браузера наша тема не «слетала».
Frontend 1 658
2 года назад

Анимированные табы

В данном уроке мы создадим стильные табы на JS. Сделаем их на чистом JS и CSS, без использования библиотек. В процессе вы поймете как сделать табы, сможете стилизовать их под свои требования.
Frontend 1 775
2 года назад

Адаптивная галерея для сайта

Рассмотрим создание полноразмерной галереи для сайта. В первой части напишем адаптивную сетку на CSS и выведем все фотографии в виде плитки.
Frontend 4 038
2 года назад

Калькулятор расчета стоимости авто

Калькулятор считает итоговую стоимость поездки и выводит информацию в поле заказа. Причем делает это он динамически, нам не надо нажимать кнопку «Рассчитать», что очень удобно.
Проекты 2 955
2 года назад

Единицы измерения в CSS

Когда вы говорите о расстоянии между двумя местами, такими как ваш дом и дом вашего друга, вы говорите о километрах или метрах. 
Обучение 1 502
3 года назад

Руководство для начинающих по Sass

В этой статье вы узнаете основы препроцессора SASS/SCSS, что это такое и как использовать его возможности для быстрого написания стилей. Предполагается, что вы уже знакомы с основами HTML, CSS.
Frontend 13 672
3 года назад

TypeScript против JavaScript: отличия, которые стоит понимать

JavaScript присутствует на рынке веба уже много лет и стал популярным языком программирования в сообществе разработчиков. Но, как мы знаем, если одна технология или язык набирает обороты, рядом всегда будет находиться альтернативный вариант, который выходит на рынок и составляет конкуренцию текущему.
Обучение 1 662
3 года назад

Создаем аккордеон на JavaScript

Всем привет! Мы продолжаем создавать элементы пользовательского интерфейса (UI). Сегодня коснемся такой темы, как аккордеоны. Аккордеон позволяет скрывать часть контента и при нажатии на бокс у нас плавно раскрывается весь контент.
Frontend 8 195
3 года назад

Текст поверх картинки на CSS

В этой статье расскажу, как наложить и выровнять текст поверх картинки методом CSS. Часто возникает такая необходимость при разработке сайтов. Текст будем выравнивать по центру.
Frontend 2 646
3 года назад

Неоновая кнопка на чистом CSS

Неоновые кнопки добавляют приятный футуристический любому веб-сайту. Мне всегда нравилась магия неоновых вывесок, и я хотел воссоздать их с помощью CSS.
Frontend 4 591
3 года назад

Методология БЭМ простыми словами

При создании небольших веб-сайтов то, как разработчики структурируют свой код CSS, обычно не представляет большой проблемы. Однако, когда дело доходит до более крупных и сложных проектов, организация кода становится решающей.
Обучение 2 827
3 года назад

Фиксированное боковое меню на чистом CSS

В этой статье создадим простое боковое меню с логотипом. Каждый элемент меню имеет свою иконку. При наведении элемент меню выделяется. Делать боковое меню будет на чистом CSS.
Frontend 6 931
3 года назад

Форма обратной связи: отправка формы на почту без перезагрузки

В заключительной статье мы сделаем отправку формы на почту. Важно, что отправляться данная форма будет без перезагрузки страницы (асинхронно). После отправки формы пользователь получит уведомление, что данные отправлены, либо сообщение со статусом ошибки.
Frontend 15 818
3 года назад

Подробное руководство по ООП

Привет, в этой статье мы разберем принципы объектно-ориентированного программирования на простых примерах. Рассмотрим такие понятия, как объекты, классы, инкапсуляция, полиморфизм и наследование.
Обучение 2 691