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

Senior Frontend - javascript, html, css

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

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

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

4.67

3 отзыва

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

5 звезд

2

4 звезд

1

3 звезд

0

2 звезд

0

1 звезд

0


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

2021-02-13 16:01:16
Слайдер

Красивый JavaScript слайдер, который анимирован с помощью библиотеки GSAP.js.
5.5K views13:01
Открыть/Комментировать
2021-02-13 12:01:07
Кто сказал что работать с WordPress сложно? А ну-ка давайте его сюда.

За 3 дня посадим вёрстку реального заказа на фрилансе. Никакой скучной теории, только практика и только хардкор.

А теперь давай посмотрим программу интенсива:

День 1. Установка и настройка темы
— Устанавливаем Wordpress
— Создаем тему для сайта
— Переносим готовую верстку на сайт
— Подключаем стили и скрипты

День 2. Наполнение сайта
— Создаем редактируемые блоки
— Настраиваем плагин ACF
— Выводим динамические блоки на сайте
— Создаем отдельные типы записей

День 3. Публикация
— Настраиваем форму обратной связи
— Плагины для отправки данных
— Публикуем сайт на хостинге
— Пишем инструкцию для заказчика

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

Переходи по ссылке и получи приглашение:
https://telegram.me/gloacademy_bot?start=602639ad2a91a4000d10f58e
4.0K views09:01
Открыть/Комментировать
2021-02-13 09:39:00Программы, которые упрощают жизнь разработчиков

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

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

1. Adobe Photoshop
В нем можно обработать фотографию для фона или нарисовать какой-нибудь элемент интерфейса. Также можно открывать макеты, работать со слоями и так далее.

2. Paint. NET
Бесплатный аналог Photoshop. У него почти такой же, но менее проработанный функционал.

3. Gimp
Программа для работы с изображениями в системах Linux. У нее неплохой набор инструментов, которого вполне хватает среднему разработчику.

Линейка
Чтобы измерить что-то на экране, можно воспользоваться линейкой. Но не простой, а виртуальной.

1. SPRuler
Как инструмент может пригодится также веб-дизайнерам и художникам
для дополнительных замеров отсканированных рисунков

2. MySize
Официальный сайт больше не существует, но утилита доступна в других источниках.

3. Window Ruler
Бесплатная экранная линейка.

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

1. Colours;
2. ColorMania;
3. Pipetka v2.
5.3K views06:39
Открыть/Комментировать
2021-02-12 19:02:00
5.3K views16:02
Открыть/Комментировать
2021-02-12 12:03:00
Кнопки

Анимированные 3D кнопки, реализованные в HTML и CSS. Эффект при наведении на кнопку сделан с помощью CSS свойства background-blend-mode
5.4K views09:03
Открыть/Комментировать
2021-02-11 19:30:00
Луна

Смена стадий луны реализована с помощью CSS анимации. Каждая отдельная звезда описана автором в свойстве box-shadow элемента .stars
5.5K views16:30
Открыть/Комментировать
2021-02-11 15:30:03
Фронтендер от бога — топ-канал о фронтенд-разработке. Если вы учите JS — подписывайтесь!

Что вас ждет:
— обучающие материалы (в том числе и уникальные) с удобной категоризацией;
— еженедельные дайджесты информации из мира фронтенд-разработки;
— профессиональный юмор;

Подписывайтесь на фронтендера от бога
4.3K views12:30
Открыть/Комментировать
2021-02-11 12:03:00 Четыре паттерна вызова функций в JavaScript

Method Invocation
«Вызов метода» представляет из себя вызов функции, принадлежащей объекту. Пример:
var obj = {
value: 0,
increment: function() {
this.value+=1;
}
};
obj.increment();
Значение this будет ссылаться на объект, которому принадлежит функция.

Function Invocation
Вызов функции выполняется с помощью оператора ():
add(2,3);
this привязывается к global object.

Constructor Invocation
Паттерн запускается путем размещения оператора new прямо перед вызовом, например:
var Cheese = function(type) {
cheeseType = type;
return cheeseType;
}
cheddar = new Cheese("cheddar");
this в данном случае будет относиться к свежесозданному объекту.

Apply And Call Invocation
Данный паттерн использует два параметра: первый — это объект, к которому привязывается this, второй — это массив, связанный с параметрами:

var obj = {
data:'Hello World'
}
var displayData = function() {
alert(this.data);
}
displayData(); //undefined
displayData.apply(obj); //Hello World
Этот пример использует apply для привязки this к obj. В результате мы в состоянии получить значение this.data. Настоящая ценность apply заключается именно в привязывании this.

В JavaScript также существует оператор call, похожий на apply всем, за исключением того что получает не параметры, а список аргументов.
5.7K views09:03
Открыть/Комментировать