Получи случайную криптовалюту за регистрацию!

Senior Frontend - javascript, html, css

Логотип телеграм канала @seniorfront — Senior Frontend - javascript, html, css S
Логотип телеграм канала @seniorfront — Senior Frontend - javascript, html, css
Адрес канала: @seniorfront
Категории: Технологии
Язык: Русский
Количество подписчиков: 28.15K
Описание канала:

Senior Front - канал для frontend программистов, практические задачки, проверки знаний, интересные статьи
Админ, сотрудничество, реклама: @seniorFrontPromo, @maria_seniorfront
Менеджер по рекламе: @Spiral_Yuri

Рейтинги и Отзывы

4.67

3 отзыва

Оценить канал seniorfront и оставить отзыв — могут только зарегестрированные пользователи. Все отзывы проходят модерацию.

5 звезд

2

4 звезд

1

3 звезд

0

2 звезд

0

1 звезд

0


Последние сообщения 176

2021-03-20 19:09:00
Слайдшоу

Диагональное слайдшоу, анимированное с помощью библиотеки Anime.js
3.3K views16:09
Открыть/Комментировать
2021-03-20 12:02:00Краткая запись CSS как антипаттерн

Существует небольшая, но на удивление важная проблема, которую я часто замечал в коде других людей — это использование краткой записи свойств CSS.

Когда мы пишем что-то вроде этого:
.btn {
background: red;
}
Мы всего лишь хотим, чтобы у нашей кнопки был красный фоновый цвет. Но на самом деле мы задаем целый набор правил:
CSS
.btn {
background-image: initial;
background-position-x: initial;
background-position-y: initial;
background-size: initial;
background-repeat-x: initial;
background-repeat-y: initial;
background-attachment: initial;
background-origin: initial;
background-clip: initial;
background-color: red;
}

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

Почти все проблемы, баги и регрессии в CSS происходят из-за того, что мы делаем слишком многое слишком рано, а через некоторое время сталкиваемся с последствиями этого. Из этого факта следует один простой вывод: в CSS вам нужно делать лишь то, что нужно и ничего более.
2.1K views09:02
Открыть/Комментировать
2021-03-19 19:08:00
2.1K views16:08
Открыть/Комментировать
2021-03-19 14:15:00
На чем писать Web приложения?

Taylor Otwell создал целую экосистему для веб разработки, сегодня она включает в себя:

- Коробочную интеграцию с Vue.js
- Механизм для отложенных задач
- Сокеты с авторизацией
и многое другое.

На канале WebCraft практикующие разработчики делятся тонкостями работы с Laravel и Vue.js, бест практиками в PHP / JS / CSS

Этот канал тебя прокачает, подписывайся
3.1K views11:15
Открыть/Комментировать
2021-03-19 12:06:00
Форма входа

Не сложно сделана на HTML и CSS, кнопка анимирована с помощью CSS keyframes
3.3K views09:06
Открыть/Комментировать
2021-03-18 20:01:55
Бургер-меню

Сделаны из SVG-картинок и анимированы в JS.
1.9K views17:01
Открыть/Комментировать
2021-03-18 13:00:22
Как улучшить свои навыки в веб-разработке, фронтенде и вёрстке?

Просто подписаться на канал «Просто: разработка» и читать ценные статьи, а также авторские наработки от веб-разработчика с десятилетним опытом.

YouTube-канал с уроками, а также чат на тысячу человек — прилагаются.

Подписаться тут: t.me/prostorazrabotka
3.0K views10:00
Открыть/Комментировать
2021-03-18 10:03:08
Дата и время в JavaScript

В JS есть встроенный объект: Date. Он содержит дату и время, а также предоставляет методы управления ими.

Например, его можно использовать для хранения времени создания/изменения, для измерения времени или просто для вывода текущей даты.

Для создания нового объекта Date нужно вызвать конструктор new Date()
Без аргументов – создать объект Date с текущими датой и временем:
let now = new Date();
alert( now ); // показывает текущие дату и время

Существуют методы получения года, месяца и т.д. из объекта Date:
getFullYear()
Получить год (4 цифры)

getMonth()
Получить месяц, от 0 до 11.

getDate()
Получить день месяца, от 1 до 31, что несколько противоречит названию метода.

getHours(), getMinutes(), getSeconds(), getMilliseconds()
Получить, соответственно, часы, минуты, секунды или миллисекунды.

Больше про объект Date можно узнать в статье.
3.4K views07:03
Открыть/Комментировать